/** * Minified by jsDelivr using Terser v5.39.0. * Original file: /npm/definixswap-uikit-v2@0.0.12/dist/index.cjs.js * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),styled=require("styled-components"),styledSystem=require("styled-system"),_=require("lodash"),polished=require("polished"),copy=require("copy-to-clipboard"),reactPopper=require("react-popper"),get=require("lodash/get"),reactRouterDom=require("react-router-dom"),reactTransitionGroup=require("react-transition-group");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _path,_g,_path$1,_g$1,_path$2,_defs,_g$2,_g$3,_path$3,_path$4,_g$4,_g$5,_g$6,_g$7,_path$5,_path$6,_path$7,_g$8,_path$8,_path$9,_path$a,_defs$1,_g$9,_path$b,_path$c,_path$d,_path$e,_path$f,_path$g,_path$h,_defs$2,_g$a,_g$b,_path$i,_g$c,_path$j,_path$k,_path$l,_path$m,_g$d,_path$n,_path$o,_g$e,_g$f,_g$g,_path$p,_defs$3,_g$h,_defs$4,_g$i,_defs$5,_g$j,_path$q,_g$k,_g$l,_g$m,_path$r,_defs$6,_g$n,_defs$7,_g$o,_defs$8,_g$p,_path$s,_path$t,_path$u,_g$q,_defs$9,_g$r,_defs$a,_g$s,_defs$b,_g$t,_defs$c,_g$u,_g$v,_g$w,_g$x,_defs$d,_g$y,_g$z,_g$A,_defs$e,_g$B,_defs$f,_g$C,_defs$g,_g$D,_defs$h,_g$E,_g$F,_path$v,_path$w,_g$G,_defs$i,_g$H,_path$x,React__default=_interopDefaultLegacy(React),styled__default=_interopDefaultLegacy(styled),___default=_interopDefaultLegacy(_),copy__default=_interopDefaultLegacy(copy),get__default=_interopDefaultLegacy(get),__assign=function(){return __assign=Object.assign||function(e){for(var t,n=1,a=arguments.length;n button + button,\n & > a + a {\n margin-left: 2px; // To avoid focus shadow overlap\n }\n"],["\n background-color: ",";\n border-radius: 16px;\n display: inline-flex;\n\n & > button + button,\n & > a + a {\n margin-left: 2px; // To avoid focus shadow overlap\n }\n"])),getBackgroundColor),ButtonMenu=function(e){var t=e.activeIndex,n=void 0===t?0:t,a=e.scale,l=void 0===a?exports.ButtonScales.MD:a,r=e.variant,o=void 0===r?exports.ButtonVariants.PRIMARY:r,i=e.onItemClick,c=e.children;return React__default.default.createElement(StyledButtonMenu,{variant:o},React.Children.map(c,(function(e,t){return React.cloneElement(e,{isActive:n===t,onClick:i?function(){return i(t)}:void 0,scale:l,variant:o})})))},scalesValues={sm:{height:28,fullWidth:201,minWidth:86},md:{height:32,fullWidth:310,minWidth:164}},StyledChainToggle=styled__default.default.div(templateObject_1$b||(templateObject_1$b=__makeTemplateObject(["\n position: relative;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n width: ","px;\n height: ",'px;\n box-sizing: content-box;\n\n :before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: 16px;\n border: solid 1px ',";\n background-color: ",";\n }\n\n > button {\n :first-child {\n flex: ",";\n }\n :last-child {\n flex: ",";\n }\n }\n"],["\n position: relative;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n width: ","px;\n height: ",'px;\n box-sizing: content-box;\n\n :before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: 16px;\n border: solid 1px ',";\n background-color: ",";\n }\n\n > button {\n :first-child {\n flex: ",";\n }\n :last-child {\n flex: ",";\n }\n }\n"])),(function(e){var t=e.scale;return scalesValues[t||"md"].fullWidth}),(function(e){var t=e.scale;return scalesValues[t||"md"].height}),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),(function(e){return e.theme.colors[exports.ColorStyles.WHITE]}),(function(e){var t=e.scale;return scalesValues[t||"md"].minWidth/scalesValues[t||"md"].fullWidth}),(function(e){var t=e.scale;return(scalesValues[t||"md"].fullWidth-scalesValues[t||"md"].minWidth)/scalesValues[t||"md"].fullWidth})),ChainToggle=function(e){var t=e.activeIndex,n=void 0===t?0:t,a=e.scale,l=void 0===a?"md":a,r=e.onItemClick,o=e.children;return React__default.default.createElement(StyledChainToggle,{scale:l},React.Children.map(o,(function(e,t){return React.cloneElement(e,__assign({isActive:n===t,onClick:r?function(){return r(t)}:void 0,scale:l},e.props))})))},InactiveButton=styled__default.default(Button)(templateObject_1$c||(templateObject_1$c=__makeTemplateObject(["\n background-color: transparent;\n &:hover:not(:disabled):not(:active) {\n background-color: transparent;\n }\n"],["\n background-color: transparent;\n &:hover:not(:disabled):not(:active) {\n background-color: transparent;\n }\n"]))),ButtonMenuItem=function(e){var t=e.isActive,n=void 0!==t&&t,a=e.variant,l=void 0===a?exports.ButtonVariants.PRIMARY:a,r=e.as,o=__rest(e,["isActive","variant","as"]);return n?React__default.default.createElement(Button,__assign({as:r,variant:l},o)):React__default.default.createElement(InactiveButton,__assign({forwardedAs:r,variant:"tertiary",colorKey:l===exports.ButtonVariants.PRIMARY?"primary":"textSubtle"},o))},StyledButton$1=styled__default.default.button(templateObject_1$d||(templateObject_1$d=__makeTemplateObject(["\n position: relative;\n border: none;\n background: none;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n cursor: pointer;\n"],["\n position: relative;\n border: none;\n background: none;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n cursor: pointer;\n"]))),InactiveButton$1=styled__default.default(StyledButton$1)(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n color: ",";\n ","\n"],["\n color: ",";\n ","\n"])),(function(e){return e.theme.colors[exports.ColorStyles.DEEPGREY]}),styled.css(textStyle.R_12M)),ActiveButton=styled__default.default(StyledButton$1)(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n border-radius: 16px;\n border: 1px solid ",";\n background-color: ",";\n color: ",";\n ","\n"],["\n border-radius: 16px;\n border: 1px solid ",";\n background-color: ",";\n color: ",";\n ","\n"])),(function(e){return e.theme.colors[exports.ColorStyles.BROWN]}),(function(e){return e.theme.colors[exports.ColorStyles.BROWN]}),(function(e){return e.theme.colors[exports.ColorStyles.WHITE]}),styled.css(textStyle.R_12B)),StyledText=styled__default.default(Text)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n white-space: nowrap;\n"],["\n white-space: nowrap;\n"]))),ChainToggleItem=function(e){var t=e.isActive,n=void 0!==t&&t,a=e.children,l=e.startIcon,r=e.scale,o=__rest(e,["isActive","children","startIcon","scale"]);return n?React__default.default.createElement(ActiveButton,__assign({},o),React.isValidElement(l)&&React.cloneElement(l,{width:"md"===r?"22":"20",height:"md"===r?"22":"20",mr:"0.5rem"}),React__default.default.createElement(StyledText,{ml:"7px"},a)):React__default.default.createElement(InactiveButton$1,__assign({},o),React.isValidElement(l)&&React.cloneElement(l,{width:"md"===r?"22":"20",height:"md"===r?"22":"20",mr:"0.5rem"}),React__default.default.createElement(StyledText,{ml:"7px"},a))},getBoxShadow=function(e){var t=e.isActive,n=e.isSuccess,a=e.isWarning,l=e.theme;return a?l.card.boxShadowWarning:n?l.card.boxShadowSuccess:t?l.card.boxShadowActive:l.card.boxShadow},StyledCard=styled__default.default.div(templateObject_1$e||(templateObject_1$e=__makeTemplateObject(["\n background-color: ",";\n border-radius: ",";\n box-shadow: ",";\n position: relative;\n overflow: ",";\n ","\n ","\n"],["\n background-color: ",";\n border-radius: ",";\n box-shadow: ",";\n position: relative;\n overflow: ",";\n ","\n ","\n"])),(function(e){return e.theme.card.background}),pxToRem(spacing.S_16),getBoxShadow,(function(e){return e.isOverflowHidden?"hidden":"auto"}),styledSystem.space,styledSystem.color);StyledCard.defaultProps={isActive:!1,isSuccess:!1,isWarning:!1,isDisabled:!1};var templateObject_1$f,Card=function(e){var t=e.ribbon,n=e.children,a=__rest(e,["ribbon","children"]);return React__default.default.createElement(StyledCard,__assign({},a),t,n)},CardBody=styled__default.default.div(templateObject_1$f||(templateObject_1$f=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),styledSystem.space);CardBody.defaultProps={p:pxToRem(spacing.S_32)};var templateObject_1$g,CardHeader=styled__default.default.div(templateObject_1$g||(templateObject_1$g=__makeTemplateObject(["\n background: ",";\n\n ","\n"],["\n background: ",";\n\n ","\n"])),(function(e){return e.theme.card.cardHeaderBackground}),styledSystem.space);CardHeader.defaultProps={p:"24px"};var templateObject_1$h,CardFooter=styled__default.default.div(templateObject_1$h||(templateObject_1$h=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),styledSystem.space);CardFooter.defaultProps={p:pxToRem(spacing.S_32)};var templateObject_1$i,templateObject_1$j,templateObject_1$k,StyledCardRibbon=styled__default.default.div(templateObject_1$i||(templateObject_1$i=__makeTemplateObject(["\n background-color: ",";\n position: absolute;\n left: unset;\n top: 16px;\n padding: 5px ","px;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n z-index: 2;\n ","\n color: white;\n ",";\n "," {\n top: 12px;\n padding: 3px ","px;\n }\n"],["\n background-color: ",";\n position: absolute;\n left: unset;\n top: 16px;\n padding: 5px ","px;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n z-index: 2;\n ","\n color: white;\n ",";\n "," {\n top: 12px;\n padding: 3px ","px;\n }\n"])),(function(e){var t=e.variantColor,n=void 0===t?"yellow":t;return e.theme.colors[n]}),(function(e){return e.theme.spacing.S_20}),pxToRem(spacing.S_8),pxToRem(spacing.S_8),textStyle.R_12B,(function(e){return e.upperCase&&"text-transform: uppercase;"}),(function(e){return e.theme.mediaQueries.mobileXl}),(function(e){return e.theme.spacing.S_12})),CardRibbon=function(e){var t=e.variantColor,n=void 0===t?"yellow":t,a=e.text,l=e.upperCase;return React__default.default.createElement(StyledCardRibbon,{variantColor:n,upperCase:l},React__default.default.createElement("div",{title:a},a))},StyledCheckboxLabel=styled__default.default.label(templateObject_1$j||(templateObject_1$j=__makeTemplateObject(["\n ","\n ","\n ","\n ",'\n display: flex;\n > input {\n flex-shrink: 0;\n margin-right: 12px;\n &[scale="sm"] {\n margin-right: 8px;\n }\n }\n'],["\n ","\n ","\n ","\n ",'\n display: flex;\n > input {\n flex-shrink: 0;\n margin-right: 12px;\n &[scale="sm"] {\n margin-right: 8px;\n }\n }\n'])),styledSystem.border,styledSystem.layout,styledSystem.position,styledSystem.space),CheckboxLabel=function(e){var t=e.control,n=e.children,a=__rest(e,["control","children"]);return React__default.default.createElement(StyledCheckboxLabel,__assign({},a),t,n)},scales={SM:"sm",MD:"md"},checkIcon="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUdwTP///////////////////////////////////////////////////////////////////4ZSzFsAAAASdFJOUwBjxT0M/dr2RBrfSc1Y6h4FsUaqFiQAAABASURBVBjTY2CgC+Dk4UATYGPnBjMEWNAEGASZWKACMD2MrCAhfi52hCEgIRQBkBAPFzszii28rGgCQCFmCr0CAMJ4AWMbtw3yAAAAAElFTkSuQmCC",getR=function(e){switch(e.scale){case scales.SM:return"4px";case scales.MD:default:return"50%"}},getScale=function(e){switch(e.scale){case scales.SM:return"18px";case scales.MD:default:return"24px"}},Checkbox=styled__default.default.input.attrs({type:"checkbox"})(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n appearance: none;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: ",";\n width: ",";\n vertical-align: middle;\n transition: background-color 0.2s ease-in-out;\n border: 0;\n border-radius: ",";\n background-color: ",";\n box-shadow: 0px 0px 0px 1px ",' inset;\n margin: 0;\n\n &:after {\n content: "";\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n }\n\n &:checked {\n background-color: ',";\n box-shadow: none;\n &:after {\n background: url(",") no-repeat center;\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n"],["\n appearance: none;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: ",";\n width: ",";\n vertical-align: middle;\n transition: background-color 0.2s ease-in-out;\n border: 0;\n border-radius: ",";\n background-color: ",";\n box-shadow: 0px 0px 0px 1px ",' inset;\n margin: 0;\n\n &:after {\n content: "";\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n }\n\n &:checked {\n background-color: ',";\n box-shadow: none;\n &:after {\n background: url(",") no-repeat center;\n }\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.6;\n }\n"])),getScale,getScale,getR,(function(e){return e.theme.colors.input}),(function(e){return e.theme.colors.lightgrey}),(function(e){var t=e.variantColor,n=void 0===t?"red":t;return e.theme.colors[n]}),checkIcon);Checkbox.defaultProps={scale:scales.MD};var templateObject_1$l,templateObject_2$4,DropdownContent=styled__default.default.div(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n display: ",";\n\n border-radius: 8px;\n box-shadow: 0 4px 4px 0 rgba(34, 34, 34, 0.1);\n border: solid 1px ",";\n background-color: ",";\n\n min-width: 100%;\n flex-direction: column;\n position: absolute;\n max-height: 400px;\n overflow-x: hidden;\n overflow-y: auto;\n z-index: ",";\n\n ::-webkit-scrollbar {\n width: 0px;\n }\n\n ","\n ","\n ","\n ","\n"],["\n display: ",";\n\n border-radius: 8px;\n box-shadow: 0 4px 4px 0 rgba(34, 34, 34, 0.1);\n border: solid 1px ",";\n background-color: ",";\n\n min-width: 100%;\n flex-direction: column;\n position: absolute;\n max-height: 400px;\n overflow-x: hidden;\n overflow-y: auto;\n z-index: ",";\n\n ::-webkit-scrollbar {\n width: 0px;\n }\n\n ","\n ","\n ","\n ","\n"])),(function(e){return e.isOpen?"block":"none"}),(function(e){return e.theme.colors.lightgrey}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.zIndices.dropdown}),(function(e){var t=e.position;return"\n "+("top"===t?"bottom":"top")+": 100%;\n margin-"+("top"===t?"bottom":"top")+": 4px;\n "}),(function(e){return"\n "+e.float+": 0;\n "}),styledSystem.position,styledSystem.layout),Container=styled__default.default.div(templateObject_2$4||(templateObject_2$4=__makeTemplateObject(["\n position: relative;\n width: max-content;\n height: max-content;\n"],["\n position: relative;\n width: max-content;\n height: max-content;\n"]))),Dropdown=function(e){var t=e.defaultIndex,n=e.isOpen,a=e.target,l=e.position,r=void 0===l?"bottom":l,o=e.float,i=void 0===o?"left":o,c=e.children,s=e.setIsOpen,d=e.onItemClick,_=__rest(e,["defaultIndex","isOpen","target","position","float","children","setIsOpen","onItemClick"]),f=React.useState(t||-1),m=f[0],p=f[1],u=React.useRef(null);return React.useEffect((function(){var e=function(e){var t;e.target&&((null===(t=u.current)||void 0===t?void 0:t.contains(e.target))||s(!1))};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]),React__default.default.createElement(Container,{ref:u},React.cloneElement(a,{onClick:function(){return s(!n)}}),React__default.default.createElement(DropdownContent,__assign({position:r,isOpen:n,float:i},_),React.Children.map(c,(function(e,t){return React.cloneElement(e,{isActive:m===t,onClick:function(){p(t),d&&d(t)}})}))))};Dropdown.defaultProps={position:"bottom"};var templateObject_1$m,templateObject_1$n,templateObject_1$o,templateObject_2$5,Item=styled__default.default.button(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n cursor: pointer;\n border: none;\n outline: none;\n padding: 0 16px;\n min-width: 100%;\n width: 100%;\n height: 40px;\n display: flex;\n align-items: center;\n color: ",";\n ","\n white-space: nowrap;\n ","\n\n background-color: ",";\n"],["\n cursor: pointer;\n border: none;\n outline: none;\n padding: 0 16px;\n min-width: 100%;\n width: 100%;\n height: 40px;\n display: flex;\n align-items: center;\n color: ",";\n ","\n white-space: nowrap;\n ","\n\n background-color: ",";\n"])),(function(e){return e.theme.colors.deepgrey}),(function(e){var t=e.isDivide,n=e.theme;return t&&"border-top: 1px solid "+n.colors.lightgrey+";"}),(function(e){var t=e.isActive,n=e.theme;return t?n.textStyle.R_12M:n.textStyle.R_12R}),(function(e){var t=e.isActive,n=e.theme;return t?hexToRGB(n.colors.pale,.2):n.colors.white})),DropdownItem=function(e){var t=e.children,n=e.isActive,a=void 0!==n&&n,l=__rest(e,["children","isActive"]);return React__default.default.createElement(Item,__assign({isActive:a},l),t)},scales$1={sm:{textStyle:exports.TextStyles.R_12R,activeTextStyle:exports.TextStyles.R_12R},md:{textStyle:exports.TextStyles.R_14R,activeTextStyle:exports.TextStyles.R_14M}},Item$1=styled__default.default.div(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n cursor: pointer;\n padding: 0 16px;\n min-width: 100%;\n height: 40px;\n display: flex;\n align-items: center;\n color: ",";\n ","\n ","\n white-space: nowrap;\n\n background-color: ",";\n"],["\n cursor: pointer;\n padding: 0 16px;\n min-width: 100%;\n height: 40px;\n display: flex;\n align-items: center;\n color: ",";\n ","\n ","\n white-space: nowrap;\n\n background-color: ",";\n"])),(function(e){return e.theme.colors.deepgrey}),(function(e){var t=e.isActive,n=e.scale;return e.theme.textStyle[t?scales$1[n].activeTextStyle:scales$1[n].textStyle]}),(function(e){var t=e.isDivide,n=e.theme;return t&&"border-top: 1px solid "+n.colors.lightgrey+";"}),(function(e){var t=e.isActive,n=e.theme;return t?hexToRGB(n.colors.pale,.2):n.colors.white})),DropdownItem$1=function(e){var t=e.children,n=e.isActive,a=void 0!==n&&n,l=e.scale,r=void 0===l?"md":l,o=__rest(e,["children","isActive","scale"]);return React__default.default.createElement(Item$1,__assign({isActive:a,scale:r},o),t)},DropdownContent$1=styled__default.default.div(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n display: ",";\n\n border-radius: 8px;\n box-shadow: 0 4px 4px 0 rgba(34, 34, 34, 0.1);\n border: solid 1px ",";\n background-color: ",";\n\n min-width: 100%;\n flex-direction: column;\n position: absolute;\n left: 0;\n max-height: 400px;\n overflow-y: auto;\n z-index: ",";\n\n ::-webkit-scrollbar {\n width: 0px;\n }\n\n ","\n ","\n ","\n"],["\n display: ",";\n\n border-radius: 8px;\n box-shadow: 0 4px 4px 0 rgba(34, 34, 34, 0.1);\n border: solid 1px ",";\n background-color: ",";\n\n min-width: 100%;\n flex-direction: column;\n position: absolute;\n left: 0;\n max-height: 400px;\n overflow-y: auto;\n z-index: ",";\n\n ::-webkit-scrollbar {\n width: 0px;\n }\n\n ","\n ","\n ","\n"])),(function(e){return e.isOpen?"block":"none"}),(function(e){return e.theme.colors.lightgrey}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.zIndices.dropdown}),(function(e){var t=e.position;return"\n "+("top"===t?"bottom":"top")+": 100%;\n margin-"+("top"===t?"bottom":"top")+": 4px;\n "}),styledSystem.position,styledSystem.layout),Container$1=styled__default.default.div(templateObject_2$5||(templateObject_2$5=__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: max-content;\n"],["\n position: relative;\n width: 100%;\n height: max-content;\n"]))),DropdownSet=function(e){var t=e.position,n=void 0===t?"bottom":t,a=e.options,l=e.scale,r=e.isOpen,o=e.activeIndex,i=e.onButtonClick,c=e.onOptionClick,s=__rest(e,["position","options","scale","isOpen","activeIndex","onButtonClick","onOptionClick"]);return React__default.default.createElement(Container$1,null,React__default.default.createElement(DropdownButton,{width:"100%",onClick:i},a[o].label),React__default.default.createElement(DropdownContent$1,__assign({position:n,isOpen:r},s),a.map((function(e,t){return React__default.default.createElement(DropdownItem$1,{scale:l,isActive:o===t,onClick:function(){return c(t)}},e.label)}))))};DropdownSet.defaultProps={position:"bottom",scale:"md"};var _a$3,templateObject_1$p,tags={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6"},sizes={MD:"md",LG:"lg",XL:"xl",XXL:"xxl"},style=((_a$3={})[sizes.MD]={fontSize:"20px",fontSizeLg:"20px"},_a$3[sizes.LG]={fontSize:"24px",fontSizeLg:"24px"},_a$3[sizes.XL]={fontSize:"23px",fontSizeLg:"32px"},_a$3[sizes.XXL]={fontSize:"48px",fontSizeLg:"64px"},_a$3),Heading=styled__default.default(Text).attrs({bold:!0})(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n font-size: ",";\n font-weight: 600;\n line-height: 1.1;\n\n "," {\n font-size: ",";\n }\n"],["\n font-size: ",";\n font-weight: 600;\n line-height: 1.1;\n\n "," {\n font-size: ",";\n }\n"])),(function(e){var t=e.size;return style[t||sizes.MD].fontSize}),(function(e){return e.theme.mediaQueries.lg}),(function(e){var t=e.size;return style[t||sizes.MD].fontSizeLg}));Heading.defaultProps={as:tags.H2};var templateObject_1$q,templateObject_1$r,templateObject_2$6,observerOptions={root:null,rootMargin:"200px",threshold:0},Wrapper=styled__default.default.div(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n position: relative;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n height: ","px;\n max-width: ","px;\n max-height: ","px;\n width: 100%;\n padding-top: ","%;\n ","\n"],["\n position: relative;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n height: ","px;\n max-width: ","px;\n max-height: ","px;\n width: 100%;\n padding-top: ","%;\n ","\n"])),(function(e){var t=e.height;return e.responsive?0:t}),(function(e){return e.width}),(function(e){return e.height}),(function(e){var t=e.width,n=e.height;return e.responsive?n/t*100:0}),styledSystem.space),BackgroundImage=function(e){var t=e.src,n=__rest(e,["src"]),a=React.useRef(null);return React.useEffect((function(){var e=a.current,n=new IntersectionObserver((function(a){a.forEach((function(a){a.isIntersecting&&(e.style.backgroundImage='url("'+t+'")',n.disconnect())}))}),observerOptions);return n.observe(e),function(){n.disconnect()}}),[t]),React__default.default.createElement(Wrapper,__assign({ref:a},n))},StyledImage=styled__default.default.img(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-width: 100%;\n"]))),Placeholder=styled__default.default.div(templateObject_2$6||(templateObject_2$6=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"]))),Image=function(e){var t=e.src,n=e.alt,a=__rest(e,["src","alt"]),l=React.useRef(null),r=React.useState(!1),o=r[0],i=r[1];return React.useEffect((function(){var e=l.current,t=new IntersectionObserver((function(e){e.forEach((function(e){e.isIntersecting&&(i(!0),t.disconnect())}))}),observerOptions);return t.observe(e),function(){t.disconnect()}}),[t]),React__default.default.createElement(Wrapper,__assign({ref:l},a),o?React__default.default.createElement(StyledImage,{src:t,alt:n}):React__default.default.createElement(Placeholder,null))},StyledInput=styled__default.default.input(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n border: 0;\n display: block;\n height: 100%;\n ","\n color: ",";\n outline: 0;\n padding: 10px 16px;\n width: 100%;\n background-color: transparent;\n\n &::placeholder {\n }\n\n &:disabled {\n box-shadow: none;\n cursor: not-allowed;\n }\n\n /* &:focus:not(:disabled) {\n box-shadow: ",";\n } */\n"],["\n border: 0;\n display: block;\n height: 100%;\n ","\n color: ",";\n outline: 0;\n padding: 10px 16px;\n width: 100%;\n background-color: transparent;\n\n &::placeholder {\n }\n\n &:disabled {\n box-shadow: none;\n cursor: not-allowed;\n }\n\n /* &:focus:not(:disabled) {\n box-shadow: ",";\n } */\n"])),styled.css(textStyle.R_14B),(function(e){return e.theme.colors[exports.ColorStyles.MEDIUMGREY]}),(function(e){return e.theme.shadows.focus})),StyledFlex=styled__default.default(Flex)(templateObject_2$7||(templateObject_2$7=__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 40px;\n justify-content: space-between;\n align-items: center;\n background-color: white;\n border: 1px solid ",";\n border-radius: 8px;\n padding-right: 16px;\n ","\n ","\n"],["\n position: relative;\n width: 100%;\n height: 40px;\n justify-content: space-between;\n align-items: center;\n background-color: white;\n border: 1px solid ",";\n border-radius: 8px;\n padding-right: 16px;\n ","\n ","\n"])),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),styledSystem.layout,styledSystem.space);StyledInput.defaultProps={isSuccess:!1,isWarning:!1};var templateObject_1$s,templateObject_2$7,templateObject_1$t,templateObject_2$8,templateObject_1$u,templateObject_1$v,templateObject_1$w,_a$4,_b$2,templateObject_1$x,Input=function(e){var t=e.endIcon,n=__rest(e,["endIcon"]);return React__default.default.createElement(StyledFlex,null,React__default.default.createElement(StyledInput,__assign({},n)),React.isValidElement(t)&&React.cloneElement(t,{ml:"0.5rem"}))},StyledInput$1=styled__default.default.input(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n border: 0;\n display: block;\n height: 100%;\n ","\n color: ",";\n outline: 0;\n padding: 10px 16px;\n width: 100%;\n background-color: transparent;\n\n &::placeholder {\n ","\n color: ",";\n }\n\n &:disabled {\n box-shadow: none;\n cursor: not-allowed;\n }\n\n /* &:focus:not(:disabled) {\n box-shadow: ",";\n } */\n"],["\n border: 0;\n display: block;\n height: 100%;\n ","\n color: ",";\n outline: 0;\n padding: 10px 16px;\n width: 100%;\n background-color: transparent;\n\n &::placeholder {\n ","\n color: ",";\n }\n\n &:disabled {\n box-shadow: none;\n cursor: not-allowed;\n }\n\n /* &:focus:not(:disabled) {\n box-shadow: ",";\n } */\n"])),styled.css(textStyle.R_14R),(function(e){return e.theme.colors[exports.ColorStyles.BLACK]}),styled.css(textStyle.R_14R),(function(e){return e.theme.colors[exports.ColorStyles.MEDIUMGREY]}),(function(e){return e.theme.shadows.focus})),StyledFlex$1=styled__default.default(Flex)(templateObject_2$8||(templateObject_2$8=__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 40px;\n justify-content: space-between;\n align-items: center;\n background-color: white;\n border: 1px solid ",";\n border-radius: 8px;\n padding-right: 16px;\n ","\n"],["\n position: relative;\n width: 100%;\n height: 40px;\n justify-content: space-between;\n align-items: center;\n background-color: white;\n border: 1px solid ",";\n border-radius: 8px;\n padding-right: 16px;\n ","\n"])),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),styledSystem.layout),SearchInput=function(e){var t=React.useRef(null),n=React.useState(""),a=n[0],l=n[1],r=e.onSearch,o=e.onReset,i=__rest(e,["onSearch","onReset"]);return React__default.default.createElement(StyledFlex$1,null,React__default.default.createElement(StyledInput$1,__assign({ref:t},i,{defaultValue:a,onChange:function(e){l(e.target.value)},onKeyDown:function(e){"enter"===e.code.toLowerCase()&&r(a)}})),a.length>0&&React__default.default.createElement(IconButton,{mr:12,p:0,onClick:function(){l(""),t.current&&null!==t.current&&(t.current.value=""),o()}},React__default.default.createElement(SvgIco16Closed,null)),React__default.default.createElement(IconButton,{p:0,onClick:function(){return r(a)}},React__default.default.createElement(SvgIco16Search,null)))},GridLayout=styled__default.default.div(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-gap: 32px;\n "," {\n grid-template-columns: repeat(8, 1fr);\n grid-gap: 32px;\n }\n "," {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n }\n "," {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n }\n"],["\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n grid-gap: 32px;\n "," {\n grid-template-columns: repeat(8, 1fr);\n grid-gap: 32px;\n }\n "," {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n }\n "," {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n }\n"])),(function(e){return e.theme.mediaQueries.sm}),(function(e){return e.theme.mediaQueries.md}),(function(e){return e.theme.mediaQueries.lg})),GridLayout$1=styled__default.default.div(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n "," {\n grid-template-columns: repeat(4, 1fr);\n grid-gap: 16px;\n }\n "," {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n }\n background-color: rgba(255, 0, 0, 0.1);\n > * {\n background-color: rgba(0, 255, 255, 0.1);\n }\n"],["\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n "," {\n grid-template-columns: repeat(4, 1fr);\n grid-gap: 16px;\n }\n "," {\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 32px;\n }\n background-color: rgba(255, 0, 0, 0.1);\n > * {\n background-color: rgba(0, 255, 255, 0.1);\n }\n"])),(function(e){return e.theme.mediaQueries.md}),(function(e){return e.theme.mediaQueries.lg})),GridLayout$2=styled__default.default(GridLayout)(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n & > div {\n grid-column: span 6;\n "," {\n grid-column: span 4;\n }\n }\n"],["\n & > div {\n grid-column: span 6;\n "," {\n grid-column: span 4;\n }\n }\n"])),(function(e){return e.theme.mediaQueries.sm})),variants$1={PRIMARY:"primary",SECONDARY:"secondary",SUCCESS:"success",TEXTDISABLED:"textDisabled",TEXTSUBTLE:"textSubtle",BINANCE:"binance",FAILURE:"failure"},scales$2={MD:"md",SM:"sm"},scaleVariants$1=((_a$4={})[scales$2.MD]={height:"28px",padding:"0 8px",fontSize:"14px"},_a$4[scales$2.SM]={height:"24px",padding:"0 4px",fontSize:"12px"},_a$4),styleVariants$1=((_b$2={})[variants$1.PRIMARY]={backgroundColor:"primary"},_b$2[variants$1.SECONDARY]={backgroundColor:"secondary"},_b$2[variants$1.SUCCESS]={backgroundColor:"success"},_b$2[variants$1.TEXTDISABLED]={backgroundColor:"textDisabled"},_b$2[variants$1.TEXTSUBTLE]={backgroundColor:"textSubtle"},_b$2[variants$1.BINANCE]={backgroundColor:"binance"},_b$2[variants$1.FAILURE]={backgroundColor:"failure"},_b$2),getOutlineStyles=function(e){return e.outline?"\n background: transparent;\n ":""},StyledTag=styled__default.default.div(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n align-items: center;\n border-radius: 16px;\n color: #ffffff;\n display: inline-flex;\n font-weight: 400;\n white-space: nowrap;\n\n & > svg {\n fill: currentColor;\n }\n\n ","\n ","\n ","\n\n ","\n"],["\n align-items: center;\n border-radius: 16px;\n color: #ffffff;\n display: inline-flex;\n font-weight: 400;\n white-space: nowrap;\n\n & > svg {\n fill: currentColor;\n }\n\n ","\n ","\n ","\n\n ","\n"])),styledSystem.variant({prop:"scale",variants:scaleVariants$1}),styledSystem.variant({variants:styleVariants$1}),styledSystem.space,getOutlineStyles),Tag=function(e){var t=e.startIcon,n=e.endIcon,a=e.children,l=__rest(e,["startIcon","endIcon","children"]);return React__default.default.createElement(StyledTag,__assign({},l),React__default.default.isValidElement(t)&&React__default.default.cloneElement(t,{mr:"0.5em"}),a,React__default.default.isValidElement(n)&&React__default.default.cloneElement(n,{ml:"0.5em"}))};Tag.defaultProps={variant:"primary",scale:scales$2.MD,outline:!1};var templateObject_1$y,StyledLink=styled__default.default(Text)(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n display: flex;\n align-items: center;\n width: fit-content;\n &:hover {\n text-decoration: underline;\n }\n"],["\n display: flex;\n align-items: center;\n width: fit-content;\n &:hover {\n text-decoration: underline;\n }\n"]))),Link=function(e){var t=e.external,n=__rest(e,["external"]),a=t?getExternalLinkProps():{};return React__default.default.createElement(StyledLink,__assign({as:"a",bold:!0},a,n))};Link.defaultProps={color:"primary"};var templateObject_1$z,templateObject_2$9,templateObject_3$2,templateObject_4$1,templateObject_5,templateObject_1$A,templateObject_2$a,templateObject_3$3,LinkExternal=function(e){var t=e.children,n=e.color,a=__rest(e,["children","color"]);return React__default.default.createElement(Link,__assign({external:!0,color:n},a),t,React__default.default.createElement(SvgIco16Link,{color:n,style:{marginLeft:"6px"}}))},animation={WAVES:"waves",PULSE:"pulse"},variant={RECT:"rect",CIRCLE:"circle"},waves=styled.keyframes(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n from {\n left: -150px;\n }\n to {\n left: 100%;\n }\n"],["\n from {\n left: -150px;\n }\n to {\n left: 100%;\n }\n"]))),pulse=styled.keyframes(templateObject_2$9||(templateObject_2$9=__makeTemplateObject(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n"],["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n"]))),Root=styled__default.default.div(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n min-height: 20px;\n display: block;\n border-radius: ",";\n\n ","\n ","\n"],["\n min-height: 20px;\n display: block;\n border-radius: ",";\n\n ","\n ","\n"])),(function(e){var t=e.variant,n=e.theme;return t===variant.CIRCLE?n.radii.circle:n.radii.small}),styledSystem.layout,styledSystem.space),Pulse=styled__default.default(Root)(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n animation: "," 2s infinite ease-out;\n transform: translate3d(0, 0, 0);\n"],["\n animation: "," 2s infinite ease-out;\n transform: translate3d(0, 0, 0);\n"])),pulse),Waves=styled__default.default(Root)(templateObject_5||(templateObject_5=__makeTemplateObject(['\n position: relative;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n &:before {\n content: "";\n position: absolute;\n background-image: linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.5), transparent);\n top: 0;\n left: -150px;\n height: 100%;\n width: 150px;\n animation: '," 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n }\n"],['\n position: relative;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n &:before {\n content: "";\n position: absolute;\n background-image: linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.5), transparent);\n top: 0;\n left: -150px;\n height: 100%;\n width: 150px;\n animation: '," 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n }\n"])),waves),Skeleton=function(e){var t=e.variant,n=void 0===t?variant.RECT:t,a=e.animation,l=void 0===a?animation.PULSE:a,r=__rest(e,["variant","animation"]);return l===animation.WAVES?React__default.default.createElement(Waves,__assign({variant:n},r)):React__default.default.createElement(Pulse,__assign({variant:n},r))},scaleKeyValues={sm:{handleHeight:"20px",handleWidth:"20px",handleLeft:"4px",handleTop:"4px",checkedLeft:"calc(100% - 24px)",toggleHeight:"28px",toggleWidth:"56px",borderRadius:"14px"},md:{handleHeight:"32px",handleWidth:"32px",handleLeft:"4px",handleTop:"4px",checkedLeft:"calc(100% - 36px)",toggleHeight:"40px",toggleWidth:"72px",borderRadius:"72px"}},getScale$1=function(e){return function(t){var n=t.scale,a=void 0===n?scales.SM:n;return scaleKeyValues[a][e]}},Handle=styled__default.default.div(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n background-color: ",";\n border-radius: 50%;\n cursor: pointer;\n height: ",";\n left: ",";\n position: absolute;\n top: ",";\n transition: left 200ms ease-in;\n width: ",";\n z-index: 1;\n"],["\n background-color: ",";\n border-radius: 50%;\n cursor: pointer;\n height: ",";\n left: ",";\n position: absolute;\n top: ",";\n transition: left 200ms ease-in;\n width: ",";\n z-index: 1;\n"])),(function(e){return e.theme.toggle.handleBackground}),getScale$1("handleHeight"),getScale$1("handleLeft"),getScale$1("handleTop"),getScale$1("handleWidth")),Input$1=styled__default.default.input(templateObject_2$a||(templateObject_2$a=__makeTemplateObject(["\n cursor: pointer;\n opacity: 0;\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 3;\n\n &:checked + "," {\n left: ",";\n }\n"],["\n cursor: pointer;\n opacity: 0;\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 3;\n\n &:checked + "," {\n left: ",";\n }\n"])),Handle,getScale$1("checkedLeft")),StyledToggle=styled__default.default.div(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n align-items: center;\n border-radius: ",";\n cursor: pointer;\n display: inline-flex;\n height: ",";\n position: relative;\n transition: background-color 200ms;\n width: ",";\n background-color: ",";\n"],["\n align-items: center;\n border-radius: ",";\n cursor: pointer;\n display: inline-flex;\n height: ",";\n position: relative;\n transition: background-color 200ms;\n width: ",";\n background-color: ",";\n"])),getScale$1("borderRadius"),getScale$1("toggleHeight"),getScale$1("toggleWidth"),(function(e){var t=e.checked,n=e.theme;return t?n.colors[exports.ColorStyles.RED]:n.colors[exports.ColorStyles.PALE]})),scales$3={SM:"sm",MD:"md"},Toggle=function(e){var t=e.checked,n=e.scale,a=void 0===n?scales$3.SM:n,l=__rest(e,["checked","scale"]),r=!!t;return React__default.default.createElement(StyledToggle,{checked:r,scale:a},React__default.default.createElement(Input$1,__assign({checked:t,scale:a},l,{type:"checkbox"})),React__default.default.createElement(Handle,{scale:a}))};Toggle.defaultProps={scale:scales$3.SM};var templateObject_1$B,templateObject_2$b,templateObject_3$4,templateObject_4$2,templateObject_5$1,templateObject_1$C,templateObject_2$c,templateObject_3$5,templateObject_4$3,templateObject_5$2,templateObject_1$D,templateObject_1$E,templateObject_1$F,templateObject_1$G,templateObject_1$H,Wrap=styled__default.default(Flex)(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n flex-direction: column;\n width: 100%;\n overflow: hidden;\n ","\n"],["\n flex-direction: column;\n width: 100%;\n overflow: hidden;\n ","\n"])),styledSystem.space),StyledContentArea=styled__default.default.div(templateObject_2$b||(templateObject_2$b=__makeTemplateObject(["\n width: 100%;\n ","\n"],["\n width: 100%;\n ","\n"])),styledSystem.space),StyledTabArea=styled__default.default.div(templateObject_3$4||(templateObject_3$4=__makeTemplateObject(["\n position: relative;\n width: 100%;\n ","\n"],["\n position: relative;\n width: 100%;\n ","\n"])),styledSystem.space),StyledBorderBottom=styled__default.default.div(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 2px;\n background-color: ",";\n ","\n"],["\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 2px;\n background-color: ",";\n ","\n"])),(function(e){var t=e.isSelected,n=e.theme;return t?n.colors.black:n.colors.lightgrey}),styledSystem.space),StyledTab=styled__default.default.div(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n position: relative;\n text-align: center;\n cursor: pointer;\n word-break: keep-all;\n color: ",";\n padding: ",";\n ","\n ","\n ","\n"],["\n position: relative;\n text-align: center;\n cursor: pointer;\n word-break: keep-all;\n color: ",";\n padding: ",";\n ","\n ","\n ","\n"])),(function(e){var t=e.isSelected,n=e.theme;return t?n.colors.black:n.colors.lightgrey}),(function(e){return e.small?"18px 12px":"20px 48px"}),(function(e){var t=e.small;return styled.css(t?textStyle.R_14B:textStyle.R_16B)}),(function(e){var t=e.width;return t&&"width: "+t}),styledSystem.space),TabArea=function(e){var t=e.children;return React__default.default.createElement(StyledTabArea,null,React__default.default.createElement(StyledBorderBottom,null),t)},Tab=function(e){var t=e.onClick,n=e.isSelected,a=e.children,l=e.small,r=__rest(e,["onClick","isSelected","children","small"]);return React__default.default.createElement(StyledTab,__assign({small:l,onClick:t,isSelected:n},r),a,React__default.default.createElement(StyledBorderBottom,{isSelected:n}))},Tabs=function(e){var t=e.tabs,n=e.curTab,a=e.setCurTab,l=e.equal,r=e.small,o=__rest(e,["tabs","curTab","setCurTab","equal","small"]);return React.useEffect((function(){a(t[0])}),[t]),React__default.default.createElement(TabArea,{isSelected:!0},React__default.default.createElement(Flex,null,t.map((function(e){return React__default.default.createElement(Tab,__assign({key:"tab-"+e,small:r,isSelected:n===e,onClick:function(){return a(e)}},l&&{style:{flex:"1 1 0px"}},o),e)}))))},TabBox=function(e){var t,n=e.tabs,a=e.small,l=e.equal;e.children;var r=__rest(e,["tabs","small","equal","children"]),o=React.useState(null===(t=n[0])||void 0===t?void 0:t.name),i=o[0],c=o[1],s=React.useRef(n.map((function(e){return e.name})));return React.useEffect((function(){var e=n.map((function(e){return e.name}));_.isEqual(s.current,e)||(s.current=e,c(n[0].name))}),[n]),React__default.default.createElement(Wrap,null,React__default.default.createElement(Tabs,{tabs:s.current,curTab:i,setCurTab:function(e){c(e)},small:a,equal:l}),React__default.default.createElement(StyledContentArea,__assign({},r),n.map((function(e){var t=e.name,n=e.component;return i===t?n:null}))))},StyledTitleSet=styled__default.default.div(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n width: 100%;\n\n ","\n"],["\n width: 100%;\n\n ","\n"])),styledSystem.space),StyledTitle=styled__default.default(Flex)(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n flex-direction: row;\n align-items: flex-end;\n margin-bottom: 16px;\n flex-wrap: wrap;\n\n "," {\n flex-direction: ",";\n align-items: ",";\n margin-bottom: ",";\n }\n"],["\n flex-direction: row;\n align-items: flex-end;\n margin-bottom: 16px;\n flex-wrap: wrap;\n\n "," {\n flex-direction: ",";\n align-items: ",";\n margin-bottom: ",";\n }\n"])),(function(e){return e.theme.mediaQueries.mobile}),(function(e){return e.linkBottom?"column":"row"}),(function(e){return e.linkBottom?"flex-start":"flex-end"}),(function(e){return e.linkBottom?"8px":"16px"})),StyledHeading=styled__default.default(Heading)(templateObject_3$5||(templateObject_3$5=__makeTemplateObject(["\n margin-right: 16px;\n\n "," {\n ",";\n margin-right: ",";\n }\n"],["\n margin-right: 16px;\n\n "," {\n ",";\n margin-right: ",";\n }\n"])),(function(e){return e.theme.mediaQueries.mobile}),(function(e){return e.theme.textStyle.R_23B}),(function(e){return e.linkBottom?"0":"16px"})),StyledLink$1=styled__default.default.a(templateObject_4$3||(templateObject_4$3=__makeTemplateObject(["\n ",";\n text-decoration: underline;\n\n "," {\n ",";\n margin-top: ",";\n }\n"],["\n ",";\n text-decoration: underline;\n\n "," {\n ",";\n margin-top: ",";\n }\n"])),(function(e){return e.theme.textStyle.R_14R}),(function(e){return e.theme.mediaQueries.mobile}),(function(e){return e.theme.textStyle.R_12R}),(function(e){return e.linkBottom?"4px":"0"})),StyledDescription=styled__default.default.p(templateObject_5$2||(templateObject_5$2=__makeTemplateObject(["\n ",";\n line-height: 1.44;\n color: ",";\n\n "," {\n ",";\n }\n"],["\n ",";\n line-height: 1.44;\n color: ",";\n\n "," {\n ",";\n }\n"])),(function(e){return e.theme.textStyle.R_18R}),(function(e){return e.theme.colors.mediumgrey}),(function(e){return e.theme.mediaQueries.mobile}),(function(e){return e.theme.textStyle.R_12R})),TitleSet=function(e){var t=e.title,n=e.link,a=e.linkLabel,l=e.description,r=e.linkBottom;e.children;var o=__rest(e,["title","link","linkLabel","description","linkBottom","children"]);return React__default.default.createElement(StyledTitleSet,__assign({},o),React__default.default.createElement(Flex,{flexDirection:"column"},React__default.default.createElement(StyledTitle,{linkBottom:r},React__default.default.createElement(StyledHeading,{size:sizes.XL,linkBottom:r},t),n&&a&&React__default.default.createElement(StyledLink$1,{href:n,target:"_blank",linkBottom:r},a)),React__default.default.createElement(StyledDescription,null,l)))},StyledAnountButton=styled__default.default.button(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n padding: ",";\n border-radius: 13px;\n border: ",";\n background-color: ",";\n color: ",";\n text-align: center;\n cursor: pointer;\n ","\n\n ","\n ","\n ","\n"],["\n padding: ",";\n border-radius: 13px;\n border: ",";\n background-color: ",";\n color: ",";\n text-align: center;\n cursor: pointer;\n ","\n\n ","\n ","\n ","\n"])),(function(e){return e.isSelected?"2px 8.5px 3px 8.5px":"2px 8.5px 2.5px 8.5px"}),(function(e){var t=e.isSelected,n=e.theme;return t?"none":"1px solid "+n.colors.lightgrey}),(function(e){var t=e.isSelected,n=e.theme;return t?n.colors.orange:"transparent"}),(function(e){var t=e.isSelected,n=e.theme;return t?n.colors.white:n.colors.deepgrey}),(function(e){return e.theme.textStyle.R_14R}),styledSystem.space,styledSystem.color,getVariantTextStyle()),AnountButton=function(e){var t=e.onClick,n=e.isSelected,a=void 0!==n&&n,l=e.children,r=__rest(e,["onClick","isSelected","children"]);return React__default.default.createElement(StyledAnountButton,__assign({onClick:t},r,{isSelected:a}),l)},labelTypes={NOTI:"noti",TOKEN:"token"},dataPerType={noti:{width:"72px",height:"24px",backgroundColor:lightColors[exports.ColorStyles.YELLOW],fontWeight:"bold"},token:{width:"58px",height:"20px",backgroundColor:lightColors[exports.ColorStyles.LIGHTBROWN],fontWeight:"normal"}},getTypeSet=function(e){return void 0===e&&(e=labelTypes.NOTI),_.get(dataPerType,e)},getData=function(e){return function(t){var n=t.type;return _.get(getTypeSet(n),e)}},StyledLabel=styled__default.default.div(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n width: ",";\n height: ",";\n border-radius: 12px;\n font-size: 12px;\n font-weight: ",";\n line-height: ",";\n text-align: center;\n background-color: ",";\n color: ",";\n\n ","\n ","\n"],["\n width: ",";\n height: ",";\n border-radius: 12px;\n font-size: 12px;\n font-weight: ",";\n line-height: ",";\n text-align: center;\n background-color: ",";\n color: ",";\n\n ","\n ","\n"])),getData("width"),getData("height"),getData("fontWeight"),getData("height"),getData("backgroundColor"),lightColors[exports.ColorStyles.WHITE],styledSystem.space,styledSystem.color),Label=function(e){var t=e.type,n=e.children,a=__rest(e,["type","children"]);return React__default.default.createElement(StyledLabel,__assign({type:t},a),n)},StyledVDivider=styled__default.default(Box)(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n height: 1px;\n ","\n"],["\n height: 1px;\n ","\n"])),styledSystem.space),Divider=function(e){var t=e.color,n=void 0===t?"border":t,a=__rest(e,["color"]);return React__default.default.createElement(StyledVDivider,__assign({backgroundColor:n},a))},StyledVDivider$1=styled__default.default(Box)(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n margin: 0;\n flex-shrink: 0;\n border-width: 0;\n border-style: solid;\n border-color: ",";\n border-bottom-width: 0;\n height: auto;\n border-right-width: thin;\n align-self: stretch;\n ","\n"],["\n margin: 0;\n flex-shrink: 0;\n border-width: 0;\n border-style: solid;\n border-color: ",";\n border-bottom-width: 0;\n height: auto;\n border-right-width: thin;\n align-self: stretch;\n ","\n"])),(function(e){var t=e.bdcolor,n=e.theme;return n.colors[t]||n.colors.border}),styledSystem.space),VDivider=function(e){var t=e.color,n=void 0===t?"border":t,a=__rest(e,["color"]);return React__default.default.createElement(StyledVDivider$1,__assign({as:"hr",bdcolor:n},a))},StyledInput$2=styled__default.default.input(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n display: block;\n width: 100%;\n height: 100%;\n background-color: white;\n border: none;\n ","\n color: ",";\n outline: 0;\n\n &::placeholder {\n color: ",";\n }\n\n &:disabled {\n box-shadow: none;\n cursor: not-allowed;\n }\n"],["\n display: block;\n width: 100%;\n height: 100%;\n background-color: white;\n border: none;\n ","\n color: ",";\n outline: 0;\n\n &::placeholder {\n color: ",";\n }\n\n &:disabled {\n box-shadow: none;\n cursor: not-allowed;\n }\n"])),styled.css(textStyle.R_28M),(function(e){return e.theme.colors[exports.ColorStyles.BLACK]}),(function(e){return e.theme.colors[exports.ColorStyles.MEDIUMGREY]})),BalanceInput=function(e){return React__default.default.createElement(StyledInput$2,__assign({},e))};exports.NotiType=void 0,function(e){e.ALERT="alert",e.GUIDE="guide"}(exports.NotiType||(exports.NotiType={}));var templateObject_1$I,templateObject_2$d,templateObject_1$J,templateObject_2$e,templateObject_3$6,templateObject_4$4,templateObject_5$3,templateObject_6,StyledNoti=styled__default.default.div(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n width: 100%;\n ","\n"],["\n width: 100%;\n ","\n"])),styledSystem.space),StyledIcon=styled__default.default.div(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n width: 14px;\n height: 14px;\n margin-right: 5px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n font-size: 10px;\n &.alert {\n background-color: ",";\n color: ",";\n }\n &.guide {\n border: 1.2px solid ",";\n color: ",";\n }\n"],["\n width: 14px;\n height: 14px;\n margin-right: 5px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n font-size: 10px;\n &.alert {\n background-color: ",";\n color: ",";\n }\n &.guide {\n border: 1.2px solid ",";\n color: ",";\n }\n"])),(function(e){return e.theme.colors.red}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.mediumgrey}),(function(e){return e.theme.colors.mediumgrey})),Noti=function(e){var t=e.type,n=e.children,a=__rest(e,["type","children"]);return React__default.default.createElement(StyledNoti,__assign({},a),React__default.default.createElement(Flex,{alignItems:"center"},React__default.default.createElement(StyledIcon,{className:t},"!"),React__default.default.createElement(Text,{textStyle:t===exports.NotiType.ALERT?"R_14R":"R_12R",color:t===exports.NotiType.ALERT?exports.ColorStyles.RED:exports.ColorStyles.MEDIUMGREY},n)))},FadeAnimation=styled.keyframes(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n 0%, 100% {\n opacity: 1;\n }\n 60% {\n opacity: 0;\n \n }\n"],["\n 0%, 100% {\n opacity: 1;\n }\n 60% {\n opacity: 0;\n \n }\n"]))),bindAnimation=function(){var e=Array(4).fill(!0).map((function(e,t){return"\n :nth-child("+(t+1)+") {\n animation-delay: "+.2*t+"s;\n }\n "}));return styled.css(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n ","\n "],["\n ","\n "])),e.join(""))},Wrap$1=styled__default.default(Flex)(templateObject_3$6||(templateObject_3$6=__makeTemplateObject(["\n flex-direction: column;\n align-items: center;\n position: relative;\n top: 190px;\n\n "," {\n top: 180px;\n }\n"],["\n flex-direction: column;\n align-items: center;\n position: relative;\n top: 190px;\n\n "," {\n top: 180px;\n }\n"])),(function(e){return e.theme.mediaQueries.mobileXl})),WrapCircle=styled__default.default.div(templateObject_4$4||(templateObject_4$4=__makeTemplateObject(["\n margin-bottom: 40px;\n"],["\n margin-bottom: 40px;\n"]))),Circle=styled__default.default.div(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n display: inline-block;\n width: 14px;\n height: 14px;\n background-color: #fea948;\n border-radius: 100%;\n margin: 0 7px;\n\n "," {\n width: 10px;\n height: 10px;\n margin: 0 5px;\n }\n\n animation-name: ",";\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n ","\n"],["\n display: inline-block;\n width: 14px;\n height: 14px;\n background-color: #fea948;\n border-radius: 100%;\n margin: 0 7px;\n\n "," {\n width: 10px;\n height: 10px;\n margin: 0 5px;\n }\n\n animation-name: ",";\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n ","\n"])),(function(e){return e.theme.mediaQueries.mobileXl}),FadeAnimation,bindAnimation()),WrapIcon=styled__default.default(Flex)(templateObject_6||(templateObject_6=__makeTemplateObject(["\n width: 166px;\n height: 102px;\n "," {\n width: 134px;\n height: 82px;\n }\n"],["\n width: 166px;\n height: 102px;\n "," {\n width: 134px;\n height: 82px;\n }\n"])),(function(e){return e.theme.mediaQueries.mobileXl})),Loading=function(){return React__default.default.createElement(Wrap$1,null,React__default.default.createElement(WrapCircle,null,Array(4).fill(!0).map((function(e,t){return React__default.default.createElement(Circle,{key:t})}))),React__default.default.createElement(WrapIcon,null,React__default.default.createElement(SvgGroup,{viewBox:"0 0 166 102",width:"100%",height:"100%"})))};Loading.defaultProps={};var templateObject_1$K,templateObject_2$f,templateObject_1$L,templateObject_2$g,templateObject_3$7,StyleButton=styled__default.default(IconButton)(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n padding: 0;\n height: fit-content;\n color: ",";\n"],["\n padding: 0;\n height: fit-content;\n color: ",";\n"])),(function(e){var t=e.color;return e.theme.colors[t]})),Tooltip=styled__default.default(Text)(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n display: ",";\n position: absolute;\n top: -34px;\n left: -2px;\n text-align: center;\n border-radius: 16px;\n opacity: 0.9;\n background: rgb(0, 0, 0, 0.6);\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);\n color: ",";\n"],["\n display: ",";\n position: absolute;\n top: -34px;\n left: -2px;\n text-align: center;\n border-radius: 16px;\n opacity: 0.9;\n background: rgb(0, 0, 0, 0.6);\n padding: 8px 10px;\n border-radius: 8px;\n box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);\n color: ",";\n"])),(function(e){return e.isTooltipDisplayed?"block":"none"}),(function(e){return e.theme.colors.white})),CopyToClipboard=function(e){var t=e.toCopy,n=e.color,a=void 0===n?"textSubtle":n,l=e.doneMessage,r=void 0===l?"Copied":l,o=e.children,i=__rest(e,["toCopy","color","doneMessage","children"]),c=React.useState(!1),s=c[0],d=c[1];return React__default.default.createElement(StyleButton,__assign({onClick:function(){copy__default.default(t)&&(d(!0),setTimeout((function(){d(!1)}),1e3))},color:a},i),o,React__default.default.createElement(SvgIco16Copy,{width:"20px",style:{marginLeft:spacing.S_6+"px"}}),React__default.default.createElement(Tooltip,{textStyle:"R_12R",isTooltipDisplayed:s},r))},HelperStyled=styled__default.default(Flex)(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n position: relative;\n width: fit-content;\n align-items: center;\n\n &:hover > div {\n display: block;\n }\n"],["\n position: relative;\n width: fit-content;\n align-items: center;\n\n &:hover > div {\n display: block;\n }\n"]))),StyledIcon$1=styled__default.default(SvgIco16HelpOn)(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n cursor: pointer;\n &:hover {\n g {\n fill: currentColor;\n }\n rect {\n fill: #fff;\n }\n path {\n stroke: #fff;\n }\n }\n"],["\n cursor: pointer;\n &:hover {\n g {\n fill: currentColor;\n }\n rect {\n fill: #fff;\n }\n path {\n stroke: #fff;\n }\n }\n"]))),PopoverStyled=styled__default.default(Text)(templateObject_3$7||(templateObject_3$7=__makeTemplateObject(["\n width: max-content;\n max-width: 280px;\n padding: 12px;\n line-height: 1.5;\n padding: 8px 10px;\n border-radius: 16px;\n background: rgb(0, 0, 0, 0.6);\n box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);\n color: ",";\n white-space: inherit;\n"],["\n width: max-content;\n max-width: 280px;\n padding: 12px;\n line-height: 1.5;\n padding: 8px 10px;\n border-radius: 16px;\n background: rgb(0, 0, 0, 0.6);\n box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);\n color: ",";\n white-space: inherit;\n"])),(function(e){return e.theme.colors.white})),Helper=function(e){var t=e.text,n=e.position,a=void 0===n?"auto":n,l=e.className,r=__rest(e,["text","position","className"]),o=React.useState(!1),i=o[0],c=o[1],s=React.useRef(null),d=React.useRef(null),_=reactPopper.usePopper(s.current,d.current,{placement:a,modifiers:[{name:"preventOverflow",options:{altAxis:!0}},{name:"offset",options:{offset:[-12,8]}}]}),f=_.styles,m=_.attributes;return React__default.default.createElement(HelperStyled,__assign({className:l,ref:s,onMouseEnter:function(){return c(!0)},onMouseLeave:function(){return c(!1)}},r),React__default.default.createElement(StyledIcon$1,{width:16,height:16}),React__default.default.createElement("div",__assign({ref:d,style:f.popper},m.popper),i&&React__default.default.createElement(PopoverStyled,{textStyle:"R_12R"},t)))};Helper.defaultProps={position:"top",color:"textSubtle"};var templateObject_1$M,templateObject_2$h,templateObject_3$8,templateObject_4$5,templateObject_1$N,Wrap$2=styled__default.default.div(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n height: 100%;\n margin-top: 212px;\n justify-content: center;\n\n "," {\n height: 660px;\n padding-bottom: 28px;\n margin-top: 0;\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n height: 100%;\n margin-top: 212px;\n justify-content: center;\n\n "," {\n height: 660px;\n padding-bottom: 28px;\n margin-top: 0;\n }\n"])),(function(e){return e.theme.mediaQueries.mobile})),Box$1=styled__default.default.div(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 629px;\n height: 429px;\n padding: 85px 44px 80px 53px;\n border-radius: 16px;\n box-shadow: 0 12px 12px 0 rgba(254, 169, 72, 0.2);\n border: solid 1px ",";\n background-color: ",";\n\n "," {\n width: 100%;\n height: 100%;\n padding: 0 40px;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 629px;\n height: 429px;\n padding: 85px 44px 80px 53px;\n border-radius: 16px;\n box-shadow: 0 12px 12px 0 rgba(254, 169, 72, 0.2);\n border: solid 1px ",";\n background-color: ",";\n\n "," {\n width: 100%;\n height: 100%;\n padding: 0 40px;\n }\n"])),(function(e){return e.theme.colors.yellowBg2}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.mediaQueries.mobile})),LabelText=styled__default.default(Text)(templateObject_3$8||(templateObject_3$8=__makeTemplateObject(["\n white-space: pre-line;\n margin-top: 28px;\n text-align: center;\n\n "," {\n margin-top: 40px;\n }\n"],["\n white-space: pre-line;\n margin-top: 28px;\n text-align: center;\n\n "," {\n margin-top: 40px;\n }\n"])),(function(e){return e.theme.mediaQueries.mobile})),BackButton=styled__default.default(Button)(templateObject_4$5||(templateObject_4$5=__makeTemplateObject(["\n margin-top: 24px;\n "," {\n margin-top: 32px;\n }\n"],["\n margin-top: 24px;\n "," {\n margin-top: 32px;\n }\n"])),(function(e){return e.theme.mediaQueries.mobile})),ErrorBlock=function(e){var t=e.message,n=e.label,a=e.onBack;return React__default.default.createElement(Wrap$2,null,React__default.default.createElement(Box$1,null,React__default.default.createElement(SvgImgError,null),React__default.default.createElement(LabelText,{textStyle:"R_14R",color:"deepgrey"},t),React__default.default.createElement(BackButton,{lg:!0,width:"128px",variant:"brown",onClick:function(e){e.preventDefault(),a&&a()}},n)))},getTokenImageUrl=function(e){if(!e)return"";try{return require("./coins/"+e.toLowerCase()+".png")}catch(e){return null}},StyledCoinImage=styled__default.default.img(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n border-radius: ",";\n ","\n"],["\n border-radius: ",";\n ","\n"])),(function(e){return e.theme.radii.circle}),styledSystem.space),Coin=function(e){var t=e.symbol,n=e.size,a=__rest(e,["symbol","size"]);return React__default.default.createElement(StyledCoinImage,__assign({width:n,height:n,src:getTokenImageUrl(t),alt:t},a))};Coin.defaultProps={size:"20px"};var templateObject_1$O,templateObject_2$i,templateObject_3$9,mediaQueries$1=function(){var e=0;return Object.keys(breakpointMap).reduce((function(t,n,a){var l,r;if(a===Object.keys(breakpointMap).length-1)return __assign(__assign({},t),((l={})[n]="(min-width: "+e+"px)",l));var o=e,i=breakpointMap[n];return e=i+1,__assign(__assign({},t),((r={})[n]="(min-width: "+o+"px) and (max-width: "+i+"px)",r["min"+n.charAt(0).toUpperCase()+n.slice(1)]="(min-width: "+i+"px)",r["max"+n.charAt(0).toUpperCase()+n.slice(1)]="(max-width: "+i+"px)",r))}),{})}(),getKey=function(e){return"is"+e.charAt(0).toUpperCase()+e.slice(1)},useMatchBreakpoints=function(){var e=React.useState((function(){return Object.keys(mediaQueries$1).reduce((function(e,t){var n,a=getKey(t),l=window.matchMedia(mediaQueries$1[t]);return __assign(__assign({},e),((n={})[a]=l.matches,n))}),{})})),t=e[0],n=e[1];return React.useEffect((function(){var e=Object.keys(mediaQueries$1).map((function(e){var t=window.matchMedia(mediaQueries$1[e]),a=function(t){var a=getKey(e);n((function(e){var n;return __assign(__assign({},e),((n={})[a]=t.matches,n))}))};return t.addEventListener&&t.addEventListener("change",a),function(){t.removeEventListener&&t.removeEventListener("change",a)}}));return function(){e.forEach((function(e){e()}))}}),[n]),__assign(__assign({},t),{isMobile:!(!0===t.isXl||!0===t.isXxl)})},getThemeValue=function(e,t){return function(n){return get__default.default(n,e,t)}},rotate=styled.keyframes(templateObject_1$O||(templateObject_1$O=__makeTemplateObject(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"],["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"]))),spinStyle=styled.css(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n animation: "," 2s linear infinite;\n"],["\n animation: "," 2s linear infinite;\n"])),rotate),Svg=styled__default.default.svg(templateObject_3$9||(templateObject_3$9=__makeTemplateObject(["\n fill: ",";\n flex-shrink: 0;\n\n ","\n ","\n"],["\n fill: ",";\n flex-shrink: 0;\n\n ","\n ","\n"])),(function(e){var t=e.theme,n=e.color;return getThemeValue("colors."+n,n)(t)}),(function(e){return e.spin&&spinStyle}),styledSystem.space);Svg.defaultProps={color:"text",width:"20px",xmlns:"http://www.w3.org/2000/svg",spin:!1};var templateObject_1$P,templateObject_2$j,templateObject_3$a,templateObject_4$6,templateObject_5$4,templateObject_1$Q,Icon=function(e){return React__default.default.createElement(Svg,__assign({viewBox:"0 0 24 24"},e),React__default.default.createElement("path",{d:"M19 11H7.82998L12.71 6.12C13.1 5.73 13.1 5.09 12.71 4.7C12.32 4.31 11.69 4.31 11.3 4.7L4.70998 11.29C4.31998 11.68 4.31998 12.31 4.70998 12.7L11.3 19.29C11.69 19.68 12.32 19.68 12.71 19.29C13.1 18.9 13.1 18.27 12.71 17.88L7.82998 13H19C19.55 13 20 12.55 20 12C20 11.45 19.55 11 19 11Z"}))},Icon$1=function(e){return React__default.default.createElement(Svg,__assign({viewBox:"0 0 24 24"},e),React__default.default.createElement("path",{d:"M18.3 5.70997C17.91 5.31997 17.28 5.31997 16.89 5.70997L12 10.59L7.10997 5.69997C6.71997 5.30997 6.08997 5.30997 5.69997 5.69997C5.30997 6.08997 5.30997 6.71997 5.69997 7.10997L10.59 12L5.69997 16.89C5.30997 17.28 5.30997 17.91 5.69997 18.3C6.08997 18.69 6.71997 18.69 7.10997 18.3L12 13.41L16.89 18.3C17.28 18.69 17.91 18.69 18.3 18.3C18.69 17.91 18.69 17.28 18.3 16.89L13.41 12L18.3 7.10997C18.68 6.72997 18.68 6.08997 18.3 5.70997Z"}))},links=[{label:"Home",icon:"GnbHomeNIcon",activeIcon:"GnbHomeSIcon",href:"/"},{label:"Exchange",icon:"GnbExchangeNIcon",activeIcon:"GnbExchangeSIcon",items:[{label:"Swap",href:"https://exchange.definix.com/#/swap"},{label:"Liquidity",href:"https://exchange.definix.com/#/liquidity"}]},{label:"Yield Farming",icon:"GnbFarmingNIcon",activeIcon:"GnbFarmingNIcon",items:[{label:"Farm",href:"/farm"},{label:"Pool",href:"/pool"}]},{label:"Rebalancing",icon:"GnbRebalancingNIcon",activeIcon:"GnbRebalancingSIcon",href:"/rebalancing"},{label:"Bridge",icon:"GnbBridgeNIcon",activeIcon:"GnbBridgeSIcon",href:"/bridge"},{label:"More",icon:"GnbMoreNIcon",activeIcon:"GnbMoreNIcon",items:[{label:"GitBook",href:"https://sixnetwork.gitbook.io/definix-on-klaytn-en/"},{label:"Partnership",href:"https://docs.google.com/forms/d/e/1FAIpQLScQcrUmV53N5y-ita6zD4Do8nQ6zdI_Al795jMUK--HSbHU5Q/viewform"}]}],socials=[{label:"facebook",icon:"FooterFacebookIcon",href:"https://www.facebook.com/thesixnetwork"},{label:"Twitter",icon:"FooterTwitterIcon",href:"https://twitter.com/DefinixOfficial"},{label:"telegram",icon:"FooterTelegramIcon",href:"https://t.me/SIXNetwork"},{label:"kakao",icon:"FooterKakaotalkIcon",href:"https://open.kakao.com/o/gQNRT5K"},{label:"gitbook",icon:"FooterGitbookIcon",href:"https://sixnetwork.gitbook.io/definix-on-klaytn-en/"},{label:"github",icon:"FooterGithubIcon",href:"https://github.com/thesixnetwork"},{label:"reddit",icon:"FooterRedditIcon",href:"https://www.reddit.com/r/sixnetwork"}],MENU_ENTRY_HEIGHT=40,SIDEBAR_WIDTH_FULL_PC=200,SIDEBAR_WIDTH_FULL_MOBILE=300,NAV_HEIGHT_PC=80,NAV_HEIGHT_MOBILE=56,INNER_MARGIN_PC=60,INNER_MARGIN_MOBILE=20,StyledModal=styled__default.default(Flex)(templateObject_1$P||(templateObject_1$P=__makeTemplateObject(["\n flex-direction: column;\n background: ",";\n border-radius: ","px;\n width: 100%;\n z-index: ",";\n overflow-y: auto;\n align-self: center;\n\n "," {\n width: auto;\n min-width: 300px;\n max-width: 100%;\n }\n\n ","\n"],["\n flex-direction: column;\n background: ",";\n border-radius: ","px;\n width: 100%;\n z-index: ",";\n overflow-y: auto;\n align-self: center;\n\n "," {\n width: auto;\n min-width: 300px;\n max-width: 100%;\n }\n\n ","\n"])),(function(e){return e.theme.modal.background}),(function(e){return e.theme.spacing.S_16}),(function(e){return e.theme.zIndices.modal}),(function(e){return e.theme.mediaQueries.xs}),(function(e){var t=e.mobileFull,n=e.theme;return t&&"\n border-radius: "+n.spacing.S_16+"px;\n "+n.mediaQueries.mobile+" {\n align-self: flex-start;\n flex: 1 1 auto;\n border-radius: 0;\n padding-bottom: calc(constant(safe-area-inset-bottom) + 30px);\n padding-bottom: calc(env(safe-area-inset-bottom) + 30px);\n min-height: calc(100vh - "+NAV_HEIGHT_MOBILE+"px);\n }\n "})),ModalHeader=styled__default.default.div(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n display: flex;\n align-items: center;\n align-items: center;\n padding: 22px 20px;\n\n "," {\n padding-left: 24px;\n padding-right: 24px;\n }\n"],["\n display: flex;\n align-items: center;\n align-items: center;\n padding: 22px 20px;\n\n "," {\n padding-left: 24px;\n padding-right: 24px;\n }\n"])),(function(e){return e.theme.mediaQueries.xs})),ModalTitle=styled__default.default(Flex)(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n align-items: center;\n flex: 1;\n"],["\n align-items: center;\n flex: 1;\n"]))),StyledModalBody=styled__default.default(Flex)(templateObject_4$6||(templateObject_4$6=__makeTemplateObject(["\n position: relative;\n flex: 1;\n ",";\n\n ","\n"],["\n position: relative;\n flex: 1;\n ",";\n\n ","\n"])),(function(e){var t=e.noPadding,n=e.theme;return!t&&"\n padding: 0px 20px 24px;\n "+n.mediaQueries.xs+" {\n padding-left: 24px;\n padding-right: 24px;\n }\n "}),(function(e){var t=e.mobileFull,n=e.theme;return t&&"\n "+n.mediaQueries.mobile+" {\n flex: 4;\n }\n "})),StyledModalFooter=styled__default.default(Flex)(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n width: 100%;\n flex: 1;\n ",";\n\n ","\n"],["\n width: 100%;\n flex: 1;\n ",";\n\n ","\n"])),(function(e){var t=e.noPadding,n=e.theme;return!t&&"\n padding: 0px 20px 24px;\n "+n.mediaQueries.xs+" {\n padding-left: 24px;\n padding-right: 24px;\n }\n "}),(function(e){var t=e.mobileFull,n=e.theme;return t&&"\n "+n.mediaQueries.mobile+" {\n padding-bottom: calc(constant(safe-area-inset-bottom) + 30px);\n padding-bottom: calc(env(safe-area-inset-bottom) + 30px);\n flex: 1;\n }\n "})),Modal=function(e){var t=e.title,n=e.onDismiss,a=e.onBack,l=e.children,r=e.hideHeader,o=void 0!==r&&r,i=e.hideCloseButton,c=void 0!==i&&i,s=e.mobileFull,d=void 0!==s&&s,_=e.noPadding,f=void 0!==_&&_,m=React.useRef(null);return React.useEffect((function(){m.current}),[]),React__default.default.createElement(StyledModal,{ref:m,mobileFull:d},!o&&React__default.default.createElement(ModalHeader,null,React__default.default.createElement(ModalTitle,null,a&&React__default.default.createElement(IconButton,{onClick:a,"area-label":"go back",mr:"8px"},React__default.default.createElement(Icon,null)),t&&React__default.default.createElement(Text,{textStyle:"R_18M"},t)),!c&&React__default.default.createElement(IconButton,{p:"2px",onClick:n,"aria-label":"Close the dialog"},React__default.default.createElement(Icon$1,null))),React__default.default.createElement(StyledModalBody,{flexDirection:"column",noPadding:f,mobileFull:d},React__default.default.Children.map(l,(function(e){return React__default.default.isValidElement(e)?e.props.isBody?React__default.default.cloneElement(e):void 0:React__default.default.createElement(React__default.default.Fragment,null)}))),React__default.default.Children.map(l,(function(e){return React__default.default.isValidElement(e)?e.props.isFooter?React__default.default.createElement(StyledModalFooter,{noPadding:f,mobileFull:d},React__default.default.cloneElement(e)):void 0:React__default.default.createElement(React__default.default.Fragment,null)})))},ModalBody=function(e){var t=e.children,n=__rest(e,["children"]);return React__default.default.createElement(Flex,__assign({className:"modal-body",position:"relative",flexDirection:"column",width:"100%"},n),t)},ModalFooter=function(e){var t=e.children,n=__rest(e,["children"]);return React__default.default.createElement(Flex,__assign({className:"modal-footer",position:"relative",flexDirection:"column",width:"100%",justifyContent:"flex-end"},n),t)},Overlay=styled__default.default.div.attrs({role:"presentation"})(templateObject_1$Q||(templateObject_1$Q=__makeTemplateObject(["\n position: fixed;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n background-color: #000000;\n transition: opacity 0.4s;\n opacity: ",";\n z-index: ",";\n pointer-events: ",";\n overflow: hidden;\n"],["\n position: fixed;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n background-color: #000000;\n transition: opacity 0.4s;\n opacity: ",";\n z-index: ",";\n pointer-events: ",";\n overflow: hidden;\n"])),(function(e){return e.show?.3:0}),(function(e){return e.zIndex}),(function(e){return e.show?"initial":"none"}));Overlay.defaultProps={show:!1,zIndex:10};var templateObject_1$R,ModalWrapper=styled__default.default.div(templateObject_1$R||(templateObject_1$R=__makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: ",";\n overflow-y: auto;\n"],["\n display: flex;\n flex: 1;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: ",";\n overflow-y: auto;\n"])),(function(e){return e.theme.zIndices.modal-1})),Context=React.createContext({onPresent:function(){return null},onDismiss:function(){return null},setCloseOnOverlayClick:function(){return!0}}),ModalProvider=function(e){var t=e.children,n=React.useState(!1),a=n[0],l=n[1],r=React.useState(),o=r[0],i=r[1],c=React.useState(!0),s=c[0],d=c[1],_=function(){i(void 0),l(!1)};return React__default.default.createElement(Context.Provider,{value:{onPresent:function(e){i(e),l(!0)},onDismiss:_,setCloseOnOverlayClick:d}},a&&React__default.default.createElement(ModalWrapper,null,React__default.default.createElement(Overlay,{show:!0,zIndex:theme.zIndices.modal-1,onClick:function(){s&&_()}}),React__default.default.isValidElement(o)&&React__default.default.cloneElement(o,{onDismiss:_})),t)},useModal=function(e,t){void 0===t&&(t=!0);var n=React.useContext(Context),a=n.onPresent,l=n.onDismiss,r=n.setCloseOnOverlayClick,o=React.useCallback((function(){a(e)}),[e,a]);return React.useEffect((function(){r(t)}),[t,r]),[o,l]},LinkLabel=styled__default.default.div(templateObject_1$S||(templateObject_1$S=__makeTemplateObject(["\n flex-grow: 1;\n ","\n ","\n ","\n"],["\n flex-grow: 1;\n ","\n ","\n ","\n"])),styledSystem.space,styledSystem.color,getVariantTextStyle()),MenuEntry=styled__default.default.div(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n height: ","px;\n padding: 8px 12px;\n border-radius: 8px;\n background-color: ",";\n\n color: ",";\n\n a {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n }\n\n svg {\n }\n\n &:hover {\n }\n\n // Safari fix\n flex-shrink: 0;\n\n ","\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n height: ","px;\n padding: 8px 12px;\n border-radius: 8px;\n background-color: ",";\n\n color: ",";\n\n a {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n }\n\n svg {\n }\n\n &:hover {\n }\n\n // Safari fix\n flex-shrink: 0;\n\n ","\n"])),MENU_ENTRY_HEIGHT,(function(e){var t=e.isActive,n=e.theme;return t?n.colors[exports.ColorStyles.RED]:"transparent"}),(function(e){var t=e.isActive,n=e.theme;return t?n.colors[exports.ColorStyles.WHITE]:n.colors[exports.ColorStyles.DEEPGREY]}),getVariantTextStyle());MenuEntry.defaultProps={secondary:!1,isActive:!1,role:"button"},React__default.default.memo(LinkLabel,(function(e,t){return e.isPushed===t.isPushed}));var templateObject_1$S,templateObject_2$k,templateObject_1$T,templateObject_2$l,templateObject_1$U,templateObject_2$m,templateObject_3$b,templateObject_4$7,templateObject_1$V,MenuEntryComponent=function(e){var t=e.isActive,n=__rest(e,["isActive"]);return React__default.default.createElement(MenuEntry,__assign({isActive:t,textStyle:t?exports.TextStyles.R_14B:exports.TextStyles.R_14R},n))},Container$2=styled__default.default.div(templateObject_1$T||(templateObject_1$T=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n // Safari fix\n flex-shrink: 0;\n"],["\n display: flex;\n flex-direction: column;\n // Safari fix\n flex-shrink: 0;\n"]))),AccordionContent=styled__default.default.div(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n max-height: ",";\n margin-top: 8px;\n transition: max-height 0.3s ease-out;\n overflow: hidden;\n"],["\n max-height: ",";\n margin-top: 8px;\n transition: max-height 0.3s ease-out;\n overflow: hidden;\n"])),(function(e){var t=e.isOpen,n=e.maxHeight;return t?n+"px":0})),Accordion=function(e){var t=e.label,n=e.icon,a=e.activeIcon,l=e.isPushed,r=e.pushNav,o=e.initialOpenState,i=void 0!==o&&o,c=e.children,s=e.className,d=e.isActive,_=React.useState(i),f=_[0],m=_[1];return React__default.default.createElement(Container$2,null,React__default.default.createElement(MenuEntryComponent,{onClick:function(){l?m((function(e){return!e})):(r(!0),m(!0))},className:s,isActive:!1},d?a:n,React__default.default.createElement(LinkLabel,{isPushed:l,ml:"6px"},t),f?React__default.default.createElement(SvgIco16ArrowTopG,null):React__default.default.createElement(SvgIco16ArrowBottomG,null)),React__default.default.createElement(AccordionContent,{isOpen:f,isPushed:l,maxHeight:React__default.default.Children.count(c)*MENU_ENTRY_HEIGHT},c))},MenuLink=function(e){var t=e.href,n=__rest(e,["href"]),a=null==t?void 0:t.startsWith("http"),l=a?"a":reactRouterDom.NavLink,r=a?{href:t}:{to:t};return React__default.default.createElement(l,__assign({},r,n))},Trans=function(e){var t=e.i18nKey;return React__default.default.createElement("div",null,t)},Context$1=React.createContext({account:void 0,login:function(){return null},logout:function(){return null},Trans:Trans,langs:[],setLang:function(){return null},currentLang:"en",links:links,setDeadline:function(){return null},setUserslippageTolerance:function(){return null},userSlippageTolerance:0,setState:function(){return null},deadline:0,Link:reactRouterDom.Link}),MenuProvider=function(e){var t=e.children,n=__rest(e,["children"]),a=React.useState(n),l=a[0],r=a[1],o=React.useCallback((function(e){r((function(t){return __assign(__assign({},t),e)}))}),[]);return React__default.default.createElement(Context$1.Provider,{value:__assign(__assign({},l),{setState:o})},t)},useMenu=function(){return React.useContext(Context$1)},Icons=IconModule,Container$3=styled__default.default.div(templateObject_1$U||(templateObject_1$U=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-x: hidden;\n margin-top: 47px;\n padding: 0 16px;\n\n "," {\n margin-top: 32px;\n padding: 0 20px;\n flex: 1;\n padding-bottom: 100px;\n }\n\n > div {\n margin-bottom: 8px;\n }\n"],["\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overflow-x: hidden;\n margin-top: 47px;\n padding: 0 16px;\n\n "," {\n margin-top: 32px;\n padding: 0 20px;\n flex: 1;\n padding-bottom: 100px;\n }\n\n > div {\n margin-bottom: 8px;\n }\n"])),(function(e){return e.theme.mediaQueries.mobile})),StyledMenuLink=styled__default.default(MenuLink)(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n padding-left: 30px;\n"],["\n padding-left: 30px;\n"]))),LineMenuEntry=styled__default.default(MenuEntryComponent)(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n margin-top: 24px;\n border: 1px solid ",";\n height: auto;\n"],["\n margin-top: 24px;\n border: 1px solid ",";\n height: auto;\n"])),(function(e){return e.theme.colors.border})),V1MenuLink=styled__default.default(MenuLink)(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n > svg,\n div {\n flex-shrink: 0;\n flex-wrap: wrap;\n }\n\n > div {\n width: 110px;\n }\n"],["\n > svg,\n div {\n flex-shrink: 0;\n flex-wrap: wrap;\n }\n\n > div {\n width: 110px;\n }\n"]))),PanelBody=function(e){var t=e.isPushed,n=e.pushNav,a=useMatchBreakpoints().isMobile,l=useMenu(),r=l.links,o=l.Trans,i=reactRouterDom.useLocation(),c=a?function(){return n(!1)}:void 0;return React__default.default.createElement(Container$3,null,r.map((function(e){var a=e.href===i.pathname||e.href==="/"+i.pathname.split("/")[1],l=Icons[e.icon],r=Icons[e.activeIcon],o=React__default.default.createElement(l,{width:"24px"}),s=React__default.default.createElement(r,{width:"24px"}),d=e.calloutClass?e.calloutClass:void 0;if(e.items){var _=e.items.findIndex((function(e){return e.href===i.pathname})),f=!0===e.initialOpenState?e.initialOpenState:_>=0;return React__default.default.createElement(Accordion,{key:e.label,isPushed:t,pushNav:n,icon:o,activeIcon:s,label:e.label,initialOpenState:f,className:d,isActive:e.items.some((function(e){return e.href===i.pathname}))},e.items.map((function(e){return React__default.default.createElement(MenuEntryComponent,{key:e.href,secondary:!0,isActive:e.href===i.pathname,onClick:c},React__default.default.createElement(StyledMenuLink,{href:e.href},e.label))})))}return React__default.default.createElement(MenuEntryComponent,{key:e.label,isActive:a},React__default.default.createElement(MenuLink,{href:e.href,onClick:c},a?s:o,React__default.default.createElement(LinkLabel,{isPushed:t,ml:"6px"},e.label)))})),React__default.default.createElement(LineMenuEntry,{isActive:!1},React__default.default.createElement(V1MenuLink,{href:"https://klaytn.definix.com/",target:"_blank"},React__default.default.createElement(SvgIco24TokenFinix,{viewBox:"0 0 24 24",width:"16",height:"16"}),React__default.default.createElement(LinkLabel,{isPushed:t,ml:"8px"},React__default.default.createElement(o,{i18nKey:"Switch to V1"})))))},LangSelector=function(e){var t=e.currentLang,n=e.langs,a=e.setLang,l=React.useState(!1),r=l[0],o=l[1],i=n.find((function(e){return e.code===t}));return React__default.default.createElement(Dropdown,{defaultIndex:n.findIndex((function(e){var n=e.code;return t===n})),isOpen:r,setIsOpen:o,position:"top",target:React__default.default.createElement(DropdownButton,null,i?i.language:t.toUpperCase()),onItemClick:function(e){a(n[e]),o(!r)}},n.map((function(e,t){return React__default.default.createElement(DropdownItem,{key:t},e.language)})))},LangSelector$1=React__default.default.memo(LangSelector,(function(e,t){return e.currentLang===t.currentLang})),Container$4=styled__default.default.div(templateObject_1$V||(templateObject_1$V=__makeTemplateObject(["\n position: fixed;\n bottom: 20px;\n height: 40px;\n width: ","px;\n z-index: 1;\n padding: 0 16px;\n\n "," {\n position: relative;\n bottom: 20px;\n padding: 0 20px;\n width: ","px;\n }\n"],["\n position: fixed;\n bottom: 20px;\n height: 40px;\n width: ","px;\n z-index: 1;\n padding: 0 16px;\n\n "," {\n position: relative;\n bottom: 20px;\n padding: 0 20px;\n width: ","px;\n }\n"])),SIDEBAR_WIDTH_FULL_PC,(function(e){return e.theme.mediaQueries.mobile}),SIDEBAR_WIDTH_FULL_MOBILE),PanelFooter=function(){var e=useMenu(),t=e.currentLang,n=e.langs,a=e.setLang;return React__default.default.createElement(Container$4,null,React__default.default.createElement(LangSelector$1,{currentLang:t,langs:n,setLang:a}))},Icon$2=function(e){return React__default.default.createElement(Svg,__assign({viewBox:"0 0 96 96"},e),React__default.default.createElement("circle",{cx:"48",cy:"48",r:"48",fill:"white"}),React__default.default.createElement("path",{d:"M44.3288 35.3546V21.7134H19.0926C18.581 21.7134 18.24 22.0544 18.24 22.566V41.8342C18.24 42.3457 18.581 42.6867 19.0926 42.6867H28.8119V77.8129C28.8119 78.3244 29.153 78.6654 29.6645 78.6654H45.5224C46.0339 78.6654 46.375 78.3244 46.375 77.8129V35.3546H44.3288Z",fill:"#29AEFF"}),React__default.default.createElement("path",{d:"M61.8919 17.2798H55.7534H39.2134C38.7019 17.2798 38.3608 17.6208 38.3608 18.1324V73.3792C38.3608 73.8908 38.7019 74.2318 39.2134 74.2318H55.0713C55.5829 74.2318 55.9239 73.8908 55.9239 73.3792V59.397H62.0624C73.6575 59.397 83.0358 50.0187 83.0358 38.4237C83.0358 26.6581 73.487 17.2798 61.8919 17.2798Z",fill:"#2761E7"}))},Icon$3=function(e){return React__default.default.createElement(Svg,__assign({viewBox:"0 0 1307.63 1307.63"},e),React__default.default.createElement("defs",null,React__default.default.createElement("linearGradient",{id:"linear-gradient",x1:"987.24",y1:"32.96",x2:"980.28",y2:"1180.62",gradientUnits:"userSpaceOnUse"},React__default.default.createElement("stop",{offset:"0",stopColor:"#81897d"}),React__default.default.createElement("stop",{offset:"1",stopColor:"#62685b"})),React__default.default.createElement("linearGradient",{id:"linear-gradient-2",x1:"659.29",y1:"30.98",x2:"652.33",y2:"1178.63",xlinkHref:"#linear-gradient"}),React__default.default.createElement("linearGradient",{id:"linear-gradient-3",x1:"683.28",y1:"31.12",x2:"676.32",y2:"1178.78",xlinkHref:"#linear-gradient"}),React__default.default.createElement("linearGradient",{id:"linear-gradient-4",x1:"319.84",y1:"28.92",x2:"312.88",y2:"1176.58",xlinkHref:"#linear-gradient"})),React__default.default.createElement("path",{className:"cls-1",style:{fill:"url(#linear-gradient)"},d:"M1265.08,784.31q-10.51,36.63-21,73.26c.58,6-2.27,10.83-5.6,15.45-23.85,55.15-51.79,108-89.65,155-9.24,11.48-19.27,22.33-28.22,34-6.61,8.64-11.15,10.08-19.89,1.36q-125.75-125.45-252.34-250C796.67,762.24,745.18,711,693.13,660.23c-8.41-8.18-9.11-12.4-.27-21.09Q888,447.25,1082.39,254.62c.36-.36.75-.69,1.11-1.05,28-27.69,28-27.72,53.76,3.27q96.72,116.49,129.07,264.4c.76,3.44,2,6.78,3,10.17,6.69,25.36,9.34,51.37,10.45,77.4,1.15,26.84.66,53.78.1,80.67-.3,14.47-2.4,28.89-4.86,43.2l.17-.26c-2,12.31-2,24.94-6.15,36.9l.11-.22C1265.42,773.53,1271.13,780.5,1265.08,784.31Z"}),React__default.default.createElement("path",{className:"cls-2",style:{fill:"url(#linear-gradient-2)"},d:"M469.8,1194.16c-12.35-5.21-24.65-10.53-37.05-15.61q-93.72-38.43-187.48-76.8c-4.14-1.7-8.06-3.94-13-6.4,3.33-3.68,5.81-6.71,8.58-9.45Q441.45,887.75,642.05,689.57c6.59-6.51,10.66-11.61,20.29-2.05q202.83,201.32,406.48,401.83c1.43,1.41,2.72,3,4.62,5.06-5.44,6.08-13.07,7.56-19.74,10.3Q932.58,1154.54,811.3,1204c-5.12,2.1-9.9,5-14.84,7.54-5.06,2.91-10.71,4.2-16.18,6-5.62.29-9.93,3.49-14.36,6.43-5,2.73-11.1,3.12-15.33,7.42-10.06,4.11-20.12,8.25-30.73,10.78-14.38,5.69-29.42,10.13-43,17.38-16.91,9-32.06,8-48.66-.48-13.41-6.85-28-11.34-42.12-16.88-16.26-3.67-31.13-10.77-45.73-18.53l.07.06c-11.2-1.8-20.6-8.14-30.91-12.19-5.15-1.13-10.07-2.78-14.13-6.34C486,1203.69,476.64,1201.77,469.8,1194.16Z"}),React__default.default.createElement("path",{className:"cls-3",style:{fill:"url(#linear-gradient-3)"},d:"M292.73,945.91c17.14-41.63,34.07-83.35,51.46-124.87q110.34-263.46,220.72-526.9c7.23-17.31,12.62-35.39,21.16-52.19a360,360,0,0,1,19-45.89C625.16,149,645.8,102.12,665,54.69c5.43-13.41,10.19-15.82,24-10.11,128,53,256.29,105.11,384.51,157.48,2.45,6.66-2.13,9.14-6.85,11.52-39.56,35-75.75,73.44-113.36,110.43Q781.13,493.35,609.65,663.41,476.37,795.1,343.11,926.75c-2.86,2.83-5.26,6.1-7.88,9.16-8.61,9.77-18.76,17.88-28.51,26.4-2.85,1.42-6.2,2.25-7,6.09a7.5,7.5,0,0,1-4.57,3.83c-6.68.08-13,.14-7.43-9.6C290.65,957.55,290.63,951.36,292.73,945.91Z"}),React__default.default.createElement("path",{className:"cls-4",style:{fill:"url(#linear-gradient-4)"},d:"M561.19,198.71c-21.59,50.85-43.36,101.62-64.74,152.55q-147.6,351.5-295.26,703c-2.16,5.13-1,14.32-10.95,13.84-5.58-5.86-12.11-10.89-16.09-18.16l0,.06c-5.18-2.25-8.06-6.4-9.6-11.65-40.08-50.56-71.82-106-96.92-165.33-6.61-7-8.46-15.71-9.42-24.82a2.17,2.17,0,0,0-.55-2.45c-7.85-11-10.11-23.75-11.53-36.77-6.76-35.35-13.11-70.71-17.78-106.47-4.5-34.46,2.72-59.63,29.39-85.56C238.37,441.4,416.9,263.77,596.06,86.79c3.94-3.89,7.35-8.32,12.21-11.66.22,14.19-8.58,25.14-11.06,38a16.32,16.32,0,0,1-5.94,12.25,30.11,30.11,0,0,0-5.63,14.94c-2.46,5-2.66,11.08-6.63,15.5l.21-.29C573.81,170.16,569.39,185.22,561.19,198.71Z"}))},Icon$4=function(e){return React__default.default.createElement(Svg,__assign({viewBox:"0 0 120 138"},e),React__default.default.createElement("defs",null,React__default.default.createElement("clipPath",{id:"clip-dcent-logomark-full-colored_d_cent_mint"},React__default.default.createElement("rect",{width:"120",height:"138"}))),React__default.default.createElement("g",{id:"dcent-logomark-full-colored_d_cent_mint","data-name":"dcent-logomark-full-colored d'cent mint",clipPath:"url(#clip-dcent-logomark-full-colored_d_cent_mint)"},React__default.default.createElement("g",{id:"그룹_44","data-name":"그룹 44",transform:"translate(1 2)"},React__default.default.createElement("path",{id:"패스_196","data-name":"패스 196",d:"M463.186,437.127l10.07-5.8V417.514l-10.07-5.8h0Z",transform:"translate(-402.361 -411.718)",fill:"#a4a7a9"}),React__default.default.createElement("path",{id:"패스_197","data-name":"패스 197",d:"M465.138,497.325V458.431l33.625-19.339V411.718l-55.707,32.059a3.4,3.4,0,0,0-1.707,2.939v64.093c0,.067.011.134.011.189Z",transform:"translate(-441.348 -411.717)",fill:"#6fc9c4"}),React__default.default.createElement("path",{id:"패스_198","data-name":"패스 198",d:"M532.916,443.433,499.261,462.8,465.814,443.55l-23.792,13.69,55.537,31.948a3.47,3.47,0,0,0,1.707.454,3.538,3.538,0,0,0,1.7-.454l55.71-32.054.022-.02Z",transform:"translate(-440.145 -355.096)",fill:"#6d6e71"}),React__default.default.createElement("path",{id:"패스_199","data-name":"패스 199",d:"M512.558,431.374l-22.091-12.709V432.48l-23.734,13.659,23.734,13.643v24.906l23.789,13.681V434.313A3.383,3.383,0,0,0,512.558,431.374Z",transform:"translate(-396.026 -399.315)",fill:"#a4a7a9"}),React__default.default.createElement("path",{id:"패스_200","data-name":"패스 200",d:"M458.343,441.872v27.106l23.1-13.291v-27.1Z",transform:"translate(-411.007 -381.607)",fill:"#6d6e71"}))))},Icon$5=function(e){return React__default.default.createElement(Svg,__assign({version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 92 46"},e),React__default.default.createElement("path",{d:"M57.8,46H14c-7.8,0-13-4.1-13.8-11l0-0.1C0.1,33.7,0,32.5,0,31.3V14.5c0-1.4,0.1-2.8,0.3-4.2l0.1-0.6C1.7,3.7,6.9,0,14,0h64\n\tc7.1,0,12.3,3.7,13.5,9.7l0.1,0.6c0.2,1.4,0.3,2.8,0.3,4.2v16.8c0,1.2-0.1,2.4-0.2,3.6l0,0.1C90.9,41.8,85.8,46,78,46h-2.3l-0.8,0\n\th-1.9c-0.4,0-0.7-0.3-0.7-0.7c0,0,0,0,0,0v-2.6c0-0.4,0.3-0.7,0.7-0.7h0.8c0.6,0,1.1,0,1.7,0l1.4,0c6.9,0,10.9-4.2,10.9-10.5v-17\n\tc0-6.3-3.9-10.3-10.9-10.3H15.1C8.1,4.1,4.2,8.2,4.2,14.5v17c0,6.2,4,10.5,10.9,10.5h41.8V18.1c0-0.4,0.3-0.7,0.7-0.7h2.7\n\tc0.4,0,0.7,0.3,0.7,0.7v27.2c0,0.4-0.3,0.7-0.7,0.7c0,0,0,0,0,0L57.8,46L57.8,46z M42.6,34.4c-2.6,0-4.3-1.9-4.3-4.6V12.2\n\tc0-0.4,0.3-0.7,0.7-0.7h2.7c0.4,0,0.7,0.3,0.7,0.7v18.4h1.3c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v2.3\n\tc0,0.4-0.3,0.7-0.7,0.7L42.6,34.4z M51.9,34.4c-2.6,0-4.3-1.8-4.3-4.6V19.5c0-0.4,0.3-0.7,0.7-0.7H51c0.4,0,0.7,0.3,0.7,0.7v11.1H53\n\tc0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.1,0.1,0.2,0.2c0,0.1,0.1,0.2,0.1,0.3v2.3c0,0.4-0.3,0.7-0.7,0.7c0,0,0,0,0,0L51.9,34.4L51.9,34.4z\n\t M34.5,34.3h-3.1c-0.1,0-0.2,0-0.3-0.1c0,0,0,0,0,0c-0.1,0-0.1-0.1-0.2-0.1l0,0c0,0,0,0,0,0l-9.5-10.5c-0.9-1.1-0.8-2.8,0.2-3.8\n\tl9.4-8c0.1-0.1,0.1-0.1,0.2-0.2c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0h3.1c0.1,0,0.2,0,0.3,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0.1\n\tc0,0,0.1,0.1,0.1,0.1c0,0,0,0,0,0.1c0,0.1,0.1,0.2,0.1,0.2c0,0.1,0,0.2,0,0.2c0,0.1,0,0.1,0,0.1c0,0,0,0.1,0,0.1\n\tc0,0.1-0.1,0.2-0.1,0.2l-10,8.9l10.1,11.5c0.1,0.1,0.2,0.3,0.2,0.4v0.1c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0.1c0,0,0,0,0,0\n\tc0,0.1-0.1,0.1-0.1,0.2c0,0,0,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0C34.7,34.3,34.6,34.3,34.5,34.3L34.5,34.3L34.5,34.3z\n\t M14.6,33.9c0-0.1-0.1-0.2-0.1-0.3V12.2c0-0.1,0-0.2,0.1-0.3l0,0c0-0.1,0.1-0.1,0.1-0.2c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.2-0.1\n\tc0,0,0,0,0.1,0c0.1,0,0.2,0,0.3-0.1h2.7c0.4,0,0.7,0.3,0.7,0.7c0,0,0,0,0,0v21.4c0,0.4-0.3,0.7-0.7,0.7c0,0,0,0,0,0h-2.7\n\tC15,34.3,14.7,34.1,14.6,33.9L14.6,33.9z M68.1,32.1h-4.4c-0.4,0-0.7-0.3-0.7-0.7l0,0v-2.6c0,0,0-0.1,0-0.1c0-0.1,0-0.1,0-0.2\n\tc0-0.1,0.1-0.1,0.1-0.2c0,0,0,0,0,0s0,0,0,0c0.1-0.1,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0h6.2c2.5,0,3.7-1.1,3.7-3.3\n\tv-0.1c0-2.1-1.2-3.2-3.7-3.2h-6.2c-0.1,0-0.2,0-0.3-0.1c-0.2-0.1-0.3-0.2-0.4-0.4c0-0.1-0.1-0.2-0.1-0.3v-2.6c0-0.2,0.1-0.4,0.2-0.5\n\tc0.1-0.1,0.3-0.2,0.5-0.2h6.6c3.9,0,6.6,2.2,7,5.7c0.2,1.3,0.1,2.5-0.1,3.8l0,0.1c0,0,0,0.1,0,0.1c-0.6,3.1-3.2,5-6.8,5L68.1,32.1z\n\t M51,15.5h-2.7c-0.3,0-0.6-0.2-0.7-0.5c0-0.1,0-0.2-0.1-0.2v-2.6c0-0.4,0.3-0.7,0.7-0.7c0,0,0,0,0,0H51c0.3,0,0.6,0.2,0.7,0.4\n\tc0,0.1,0.1,0.2,0.1,0.3v2.6c0,0.1,0,0.2-0.1,0.3C51.5,15.4,51.3,15.5,51,15.5L51,15.5z"}))};exports.ConnectorNames=void 0,function(e){e.Injected="injected",e.WalletConnect="walletconnect",e.BSC="bsc",e.Klip="klip"}(exports.ConnectorNames||(exports.ConnectorNames={}));var templateObject_1$W,templateObject_1$X,timeout,connectors=[{title:"Kaikas",icon:Icon$3,connectorId:exports.ConnectorNames.Injected},{title:"D`CENT",icon:Icon$4,connectorId:exports.ConnectorNames.Injected},{title:"TokenPocket",icon:Icon$2,connectorId:exports.ConnectorNames.Injected},{title:"Klip",icon:Icon$5,connectorId:exports.ConnectorNames.Klip}],localStorageKey="accountStatus",connectorLocalStorageKey="connector",StyledButton$2=styled__default.default.div(templateObject_1$W||(templateObject_1$W=__makeTemplateObject(["\n cursor: pointer;\n padding: 14px 24px;\n display: flex;\n min-width: 320px;\n justify-content: space-between;\n"],["\n cursor: pointer;\n padding: 14px 24px;\n display: flex;\n min-width: 320px;\n justify-content: space-between;\n"]))),WalletCard=function(e){var t=e.login,n=e.walletConfig,a=e.onDismiss;e.mb;var l=n.title,r=n.icon;return React__default.default.createElement(StyledButton$2,{onClick:function(){t(n.connectorId),window.localStorage.setItem(localStorageKey,"1"),window.localStorage.setItem(connectorLocalStorageKey,n.connectorId),a()},id:"wallet-connect-"+l.toLocaleLowerCase()},React__default.default.createElement(Text,{textStyle:exports.TextStyles.R_16R,color:"black"},l),React__default.default.createElement(r,{width:"32px"}))},HelpLink=styled__default.default.a(templateObject_1$X||(templateObject_1$X=__makeTemplateObject(["\n text-decoration: underline;\n color: ",";\n"],["\n text-decoration: underline;\n color: ",";\n"])),(function(e){return e.theme.colors[exports.ColorStyles.BLACK]})),ConnectModal=function(e){var t=e.login,n=e.Trans,a=e.onDismiss,l=void 0===a?function(){return null}:a;return React__default.default.createElement(Modal,{title:React__default.default.createElement(n,{i18nKey:"Connect Wallet"}),onDismiss:l,noPadding:!0},React__default.default.createElement(ModalBody,{isBody:!0},connectors.map((function(e,n){return React__default.default.createElement(WalletCard,{key:e.title,login:t,walletConfig:e,onDismiss:l,mb:n a {\n margin-right: 16px;\n }\n\n "," {\n justify-content: space-between;\n padding: 0 40px;\n\n > a {\n margin-right: 0;\n }\n }\n"],["\n align-items: center;\n justify-content: center;\n\n > a {\n margin-right: 16px;\n }\n\n "," {\n justify-content: space-between;\n padding: 0 40px;\n\n > a {\n margin-right: 0;\n }\n }\n"])),(function(e){return e.theme.mediaQueries.mobile})),SocialLinks=function(){return React__default.default.createElement(StyledFlex$2,null,socials.map((function(e){var t=Icons$1[e.icon];return React__default.default.createElement(Link,{external:!0,key:e.label,href:e.href,"aria-label":e.label},React__default.default.createElement(t,__assign({},{width:"24px",color:"textSubtle",style:{cursor:"pointer"}})))})))},SocialLinks$1=React__default.default.memo(SocialLinks,(function(){return!0})),StyledFooter=styled__default.default.div(templateObject_1$10||(templateObject_1$10=__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n left: ","px;\n width: calc(100% - ","px);\n background-color: ",";\n\n "," {\n left: 0;\n width: 100%;\n }\n"],["\n position: relative;\n overflow: hidden;\n left: ","px;\n width: calc(100% - ","px);\n background-color: ",";\n\n "," {\n left: 0;\n width: 100%;\n }\n"])),SIDEBAR_WIDTH_FULL_PC,SIDEBAR_WIDTH_FULL_PC,(function(e){return e.theme.colors.white}),(function(e){return e.theme.mediaQueries.mobile})),Inner=styled__default.default.div(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 30px 60px 60px;\n\n "," {\n padding: 20px 0 40px;\n flex-direction: column;\n flex-wrap: wrap-reverse;\n justify-content: stretch;\n\n > div {\n width: 100%;\n }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 30px 60px 60px;\n\n "," {\n padding: 20px 0 40px;\n flex-direction: column;\n flex-wrap: wrap-reverse;\n justify-content: stretch;\n\n > div {\n width: 100%;\n }\n }\n"])),(function(e){return e.theme.mediaQueries.mobile})),StyledFlex$3=styled__default.default(Flex)(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n flex-direction: column;\n margin-left: 24px;\n margin-top: 0;\n\n "," {\n margin-left: 0;\n margin-top: 9px;\n }\n"],["\n flex-direction: column;\n margin-left: 24px;\n margin-top: 0;\n\n "," {\n margin-left: 0;\n margin-top: 9px;\n }\n"])),(function(e){return e.theme.mediaQueries.mobile})),LeftFlex=styled__default.default(Flex)(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n margin-top: 40px;\n\n "," {\n padding: 20px 40px 0;\n margin-top: 20px;\n border-top: 1px solid ",";\n flex-direction: column;\n order: 1;\n }\n"],["\n margin-top: 40px;\n\n "," {\n padding: 20px 40px 0;\n margin-top: 20px;\n border-top: 1px solid ",";\n flex-direction: column;\n order: 1;\n }\n"])),(function(e){return e.theme.mediaQueries.mobile}),(function(e){return e.theme.colors.lightGrey50})),WrapIcon$1=styled__default.default.div(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n width: 86px;\n height: 48px;\n "," {\n width: 48px;\n height: 27px;\n }\n"],["\n width: 86px;\n height: 48px;\n "," {\n width: 48px;\n height: 27px;\n }\n"])),(function(e){return e.theme.mediaQueries.mobile})),CopyRightText=styled__default.default(Text)(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n ","\n color: ",";\n "," {\n ","\n }\n"],["\n ","\n color: ",";\n "," {\n ","\n }\n"])),(function(e){return e.theme.textStyle.R_14R}),(function(e){return e.theme.colors.mediumgrey}),(function(e){return e.theme.mediaQueries.mobile}),(function(e){return e.theme.textStyle.R_12R})),AuditText=styled__default.default(CopyRightText)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n margin-top: 6px;\n "," {\n margin-top: 2px;\n }\n"],["\n margin-top: 6px;\n "," {\n margin-top: 2px;\n }\n"])),(function(e){return e.theme.mediaQueries.mobile})),Footer=function(){var e=useMenu().Trans;return React__default.default.createElement(StyledFooter,null,React__default.default.createElement(Inner,null,React__default.default.createElement(LeftFlex,null,React__default.default.createElement(WrapIcon$1,null,React__default.default.createElement(SvgLogoFooterSix,{viewBox:"0 0 86 48",width:"100%",height:"100%"})),React__default.default.createElement(StyledFlex$3,null,React__default.default.createElement(CopyRightText,null,React__default.default.createElement(e,{i18nKey:"copyright",components:{0:React__default.default.createElement("strong",null)}})),React__default.default.createElement(AuditText,null,React__default.default.createElement(e,{i18nKey:"audit",components:{0:React__default.default.createElement("strong",null)}})))),React__default.default.createElement(SocialLinks$1,null)))},MAX_SLIPPAGE=5e3,RISKY_SLIPPAGE_LOW=50,RISKY_SLIPPAGE_HIGH=500,StyledSlippageToleranceSettings=styled__default.default.div(templateObject_1$11||(templateObject_1$11=__makeTemplateObject(["\n margin-bottom: 24px;\n"],["\n margin-bottom: 24px;\n"]))),Option=styled__default.default.div(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n padding: 0 4px;\n"],["\n padding: 0 4px;\n"]))),Options=styled__default.default.div(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n align-items: strech;\n display: flex;\n flex-direction: column;\n\n ",":first-child {\n padding-left: 0;\n }\n\n ",":last-child {\n padding-right: 0;\n }\n\n > :last-child {\n padding-top: 1rem;\n }\n\n "," {\n flex-direction: row;\n\n > :last-child {\n padding-top: 0;\n }\n }\n"],["\n align-items: strech;\n display: flex;\n flex-direction: column;\n\n ",":first-child {\n padding-left: 0;\n }\n\n ",":last-child {\n padding-right: 0;\n }\n\n > :last-child {\n padding-top: 1rem;\n }\n\n "," {\n flex-direction: row;\n\n > :last-child {\n padding-top: 0;\n }\n }\n"])),Option,Option,(function(e){return e.theme.mediaQueries.sm})),WrapInput=styled__default.default(Flex)(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n width: 154px;\n align-items: center;\n "," {\n width: 184px;\n }\n"],["\n width: 154px;\n align-items: center;\n "," {\n width: 184px;\n }\n"])),(function(e){return e.theme.mediaQueries.mobile})),Label$1=styled__default.default.div(templateObject_5$6||(templateObject_5$6=__makeTemplateObject(["\n align-items: center;\n display: flex;\n margin: 16px 0;\n"],["\n align-items: center;\n display: flex;\n margin: 16px 0;\n"]))),predefinedValues=[{label:"0.1%",value:.1},{label:"0.5%",value:.5},{label:"1%",value:1}],SlippageToleranceSettings=function(e){var t=e.Trans,n=e.userSlippageTolerance,a=e.setUserslippageTolerance,l=React.useState(n/100),r=l[0],o=l[1],i=React.useState(null),c=i[0],s=i[1];return React.useEffect((function(){try{var e=100*r;!Number.isNaN(e)&&e>0&&eRISKY_SLIPPAGE_HIGH?"Your transaction may be frontrun":null)):s("Enter a valid slippage percentage")}catch(e){s("Enter a valid slippage percentage")}}),[r,s,a]),React__default.default.createElement(StyledSlippageToleranceSettings,null,React__default.default.createElement(Label$1,null,React__default.default.createElement(Text,{textStyle:exports.TextStyles.R_16M,color:exports.ColorStyles.DEEPGREY,mr:"S_6"},React__default.default.createElement(t,{i18nKey:"Slippage Tolerance"})),React__default.default.createElement(Helper,{text:React__default.default.createElement(t,{i18nKey:"Your transaction will revert if the price"})})),React__default.default.createElement(Options,null,React__default.default.createElement(Flex,{mb:["8px",0],mr:[0,"8px"]},predefinedValues.map((function(e){var t=e.label,n=e.value;return React__default.default.createElement(Option,{key:n},React__default.default.createElement(Button,{width:"88px",md:!0,variant:r===n?"red":"lightbrown",onClick:function(){return function(e){o(e)}(n)}},t))}))),React__default.default.createElement(WrapInput,null,React__default.default.createElement(Input,{type:"number",step:.1,min:.1,placeholder:"0.5",value:r,onChange:function(e){var t=e.target.value;if(!/^[0-9]{1,2}\.[0-9]{1}$/.test(t)){var n=t.split(".");return n[0]&&n[0].length>2&&(n[0]=n[0].slice(0,2)),n[1]&&n[1].length>1&&(n[1]=n[1].slice(0,1)),void o(parseFloat(n.join(".")))}o(parseFloat(t))},isWarning:null!==c,endIcon:React__default.default.createElement(Text,{fontSize:"16px"},"%")}))),c&&React__default.default.createElement(Flex,{mt:"S_12",alignItems:"center"},React__default.default.createElement(SvgIco16Alert,null),React__default.default.createElement(Text,{ml:"5px",textStyle:exports.TextStyles.R_14R,color:exports.ColorStyles.RED},React__default.default.createElement(t,{i18nKey:c}))))},StyledTransactionDeadlineSetting=styled__default.default.div(templateObject_1$12||(templateObject_1$12=__makeTemplateObject(["\n margin-top: 4px;\n"],["\n margin-top: 4px;\n"]))),Label$2=styled__default.default.div(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n align-items: center;\n display: flex;\n margin: 16px 0;\n"],["\n align-items: center;\n display: flex;\n margin: 16px 0;\n"]))),TransactionDeadlineSetting=function(e){var t=e.Trans,n=e.deadline,a=e.setDeadline,l=React.useState(n/60),r=l[0],o=l[1],i=React.useState(null),c=i[0],s=i[1];return React.useEffect((function(){try{var e=60*r;!Number.isNaN(e)&&e>0?(a(e),s(null)):s("Enter a valid number")}catch(e){s("Enter a valid number")}}),[r,s,a]),React__default.default.createElement(StyledTransactionDeadlineSetting,null,React__default.default.createElement(Label$2,null,React__default.default.createElement(Text,{textStyle:exports.TextStyles.R_16M,color:exports.ColorStyles.DEEPGREY,mr:"S_6"},React__default.default.createElement(t,{i18nKey:"Transaction Deadline"})),React__default.default.createElement(Helper,{text:React__default.default.createElement(t,{i18nKey:"Your transaction will revert if"})})),React__default.default.createElement(Flex,{width:"184px",alignItems:"center"},React__default.default.createElement(Input,{type:"number",step:"1",min:"1",max:"4",value:r,placeholder:"20",onChange:function(e){var t=e.target.value;o(parseInt(t,10))},endIcon:React__default.default.createElement(Text,{fontSize:"16px"},React__default.default.createElement(t,{i18nKey:"Minutes"}))})),c&&React__default.default.createElement(Flex,{mt:"S_12",alignItems:"center"},React__default.default.createElement(SvgIco16Alert,null),React__default.default.createElement(Text,{ml:"5px",textStyle:exports.TextStyles.R_14R,color:exports.ColorStyles.RED},React__default.default.createElement(t,{i18nKey:c}))))},defaultOnDismiss=function(){return null},SettingsModal=function(e){var t=e.onDismiss,n=void 0===t?defaultOnDismiss:t,a=e.Trans;return React__default.default.createElement(Modal,{title:React__default.default.createElement(a,{i18nKey:"Setting"}),onDismiss:n},React__default.default.createElement(ModalBody,{isBody:!0},React__default.default.createElement(SlippageToleranceSettings,__assign({},e)),React__default.default.createElement(TransactionDeadlineSetting,__assign({},e))))},MobileNav=styled__default.default.nav(templateObject_1$13||(templateObject_1$13=__makeTemplateObject(["\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n padding: 0 ",";\n height: ","px;\n border-bottom: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: ",";\n z-index: ",";\n"],["\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n padding: 0 ",";\n height: ","px;\n border-bottom: 1px solid ",";\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: ",";\n z-index: ",";\n"])),pxToRem(20),NAV_HEIGHT_MOBILE,(function(e){var t=e.theme;return hexToRGB(t.colors[exports.ColorStyles.PALE],.3)}),(function(e){return e.theme.colors[exports.ColorStyles.WHITE]}),(function(e){return e.theme.zIndices.nav})),StyledNav=styled__default.default.nav(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n position: fixed;\n top: 0;\n display: flex;\n left: ","px;\n width: calc(100% - ","px);\n height: ","px;\n justify-content: center;\n align-items: center;\n padding: 0 ",";\n z-index: ",";\n transition: background-color 0.2s;\n\n ","\n"],["\n position: fixed;\n top: 0;\n display: flex;\n left: ","px;\n width: calc(100% - ","px);\n height: ","px;\n justify-content: center;\n align-items: center;\n padding: 0 ",";\n z-index: ",";\n transition: background-color 0.2s;\n\n ","\n"])),SIDEBAR_WIDTH_FULL_PC,SIDEBAR_WIDTH_FULL_PC,NAV_HEIGHT_PC,pxToRem(60),(function(e){return e.theme.zIndices.nav}),(function(e){var t=e.theme;return!e.isTop&&"\n background-color: "+t.colors[exports.ColorStyles.WHITE]+";\n "})),getIsTop=function(){return window.pageYOffset<50},Nav=function(e){var t=useMenu(),n=t.account,a=t.Trans,l=t.setDeadline,r=t.deadline,o=t.setUserslippageTolerance,i=t.userSlippageTolerance,c=t.Link,s=t.links,d=e.isPushed,_=e.pushNav,f=useMatchBreakpoints().isMaxLg,m=React.useState(getIsTop()),p=m[0],u=m[1],g=f,h=s[0],x=useModal(React__default.default.createElement(SettingsModal,__assign({},{Trans:a,setDeadline:l,deadline:r,setUserslippageTolerance:o,userSlippageTolerance:i})),!1)[0],v=React.useRef(getIsTop());return React.useEffect((function(){var e=function(){var e=getIsTop();v.current!==e&&(u(e),v.current=e)};return window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}),[]),g?React__default.default.createElement(MobileNav,null,React__default.default.createElement(Box,{position:"absolute",left:pxToRem(20)},React__default.default.createElement(IconButton,{onClick:function(){return _(!d)}},React__default.default.createElement(SvgIco24Menu,null))),"/"===(null==h?void 0:h.href)?React__default.default.createElement(c,{to:h.href},React__default.default.createElement(SvgLogoMainDefinixText,null)):React__default.default.createElement("a",{href:h.href},React__default.default.createElement(SvgLogoMainDefinixText,null)),React__default.default.createElement(Box,{position:"absolute",right:pxToRem(20)},React__default.default.createElement(IconButton,{onClick:function(){return x()}},React__default.default.createElement(SvgIco24Setting,null)),n&&React__default.default.createElement(IconButton,{ml:"S_16",as:c,to:"/my"},React__default.default.createElement(SvgIco24GnbMyMobile,null)))):React__default.default.createElement(StyledNav,{isTop:p},React__default.default.createElement(Chain$1,null),React__default.default.createElement(Flex,{position:"absolute",right:pxToRem(60)},React__default.default.createElement(IconButton,{mr:"S_16",onClick:function(){return x()}},React__default.default.createElement(SvgIco24Setting,null)),React__default.default.createElement(UserBlock,null)))},Wrapper$2=styled__default.default.div(templateObject_1$14||(templateObject_1$14=__makeTemplateObject(["\n position: relative;\n width: 100vw;\n background-color: ",";\n"],["\n position: relative;\n width: 100vw;\n background-color: ",";\n"])),(function(e){return e.theme.colors.yellowBg2})),Container$5=styled__default.default.div(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n position: relative;\n z-index: ",";\n padding-left: ","px;\n\n "," {\n padding-left: 0;\n }\n\n "," {\n margin: 0 auto;\n padding-left: ","px;\n width: 1440px;\n }\n"],["\n position: relative;\n z-index: ",";\n padding-left: ","px;\n\n "," {\n padding-left: 0;\n }\n\n "," {\n margin: 0 auto;\n padding-left: ","px;\n width: 1440px;\n }\n"])),(function(e){return e.theme.zIndices.inner}),SIDEBAR_WIDTH_FULL_PC,(function(e){return e.theme.mediaQueries.mobile}),(function(e){return e.theme.mediaQueries.xxl}),SIDEBAR_WIDTH_FULL_PC),TopBackground=styled__default.default.div(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 360px;\n background-color: ",";\n"],["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 360px;\n background-color: ",";\n"])),(function(e){return e.theme.colors.yellowBg1})),Inner$1=styled__default.default.div(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n position: relative;\n padding: ","px "," 0;\n min-height: calc(100vh - ","px);\n /* outline: 1px solid blue; */\n "," {\n padding: ","px "," 0;\n }\n"],["\n position: relative;\n padding: ","px "," 0;\n min-height: calc(100vh - ","px);\n /* outline: 1px solid blue; */\n "," {\n padding: ","px "," 0;\n }\n"])),NAV_HEIGHT_PC+28,pxToRem(INNER_MARGIN_PC),NAV_HEIGHT_PC,(function(e){return e.theme.mediaQueries.mobileXl}),NAV_HEIGHT_MOBILE+28,pxToRem(INNER_MARGIN_MOBILE)),Menu=function(e){var t=e.children,n=useMatchBreakpoints().isMaxLg,a=React.useState(!n),l=a[0],r=a[1],o=useMenu().setState;return React.useEffect((function(){o(e)}),[e]),React__default.default.createElement(Wrapper$2,null,React__default.default.createElement(TopBackground,null),React__default.default.createElement(Nav,{isPushed:l,pushNav:r}),React__default.default.createElement(Panel,{isPushed:l,pushNav:r}),React__default.default.createElement(Container$5,null,React__default.default.createElement(Inner$1,null,t)),n&&l&&React__default.default.createElement(Overlay,{zIndex:theme.zIndices.sidebar-1,show:!0,onClick:function(){return r(!1)}}),React__default.default.createElement(Footer,null))},WrapMenu=function(e){return React__default.default.createElement(MenuProvider,__assign({},e),React__default.default.createElement(Menu,__assign({},e)))},ToastAction=function(e){var t=e.action;return t.url.startsWith("http")?React__default.default.createElement(Button,__assign({as:"a",scale:"sm",href:t.url},getExternalLinkProps()),t.text):React__default.default.createElement(Button,{as:reactRouterDom.Link,scale:"sm",to:t.url},t.text)},types={SUCCESS:"success",DANGER:"danger",WARNING:"warning",INFO:"info"},alertTypeMap=((_a$5={})[types.INFO]=variants.INFO,_a$5[types.SUCCESS]=variants.SUCCESS,_a$5[types.DANGER]=variants.DANGER,_a$5[types.WARNING]=variants.WARNING,_a$5),StyledToast=styled__default.default.div(templateObject_1$15||(templateObject_1$15=__makeTemplateObject(["\n width: 320px;\n"],["\n width: 320px;\n"]))),Toast=function(e){var t=e.toast,n=e.onRemove,a=e.style,l=e.ttl,r=__rest(e,["toast","onRemove","style","ttl"]),o=React.useRef(),i=React.useRef(null),c=React.useRef(n),s=t.id,d=t.title,_=t.description,f=t.type,m=t.action,p=React.useCallback((function(){return c.current(s)}),[s,c]);return React.useEffect((function(){return o.current&&clearTimeout(o.current),o.current=window.setTimeout((function(){p()}),l),function(){clearTimeout(o.current)}}),[o,l,p]),React__default.default.createElement(reactTransitionGroup.CSSTransition,__assign({nodeRef:i,timeout:250,style:a},r),React__default.default.createElement(StyledToast,{ref:i,className:"toast",onMouseEnter:function(){clearTimeout(o.current)},onMouseLeave:function(){o.current&&clearTimeout(o.current),o.current=window.setTimeout((function(){p()}),l)}},React__default.default.createElement(Alert,{title:d,variant:alertTypeMap[f],onClick:p},m?React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Text,{as:"p",textStyle:"R_12R",color:exports.ColorStyles.MEDIUMGREY,className:"mb-s12"},_),React__default.default.createElement(ToastAction,{action:m})):_)))},ZINDEX=1e3,StyledToastContainer=styled__default.default.div(templateObject_1$16||(templateObject_1$16=__makeTemplateObject(["\n .toast-group {\n position: fixed;\n top: 0;\n left: 0;\n width: calc(100% - ","px);\n margin: ","px ","px 0;\n z-index: 99;\n }\n\n .toast {\n position: absolute;\n top: 0;\n right: 0;\n\n padding-left: 16px;\n transition: transform 250ms, opacity 250ms ease-in;\n\n &.enter,\n &.appear {\n transform: translateX(50%);\n opacity: 0.01;\n }\n\n &.enter.enter-active,\n &.appear.appear-active,\n &.enter-done {\n opacity: 1;\n transform: translateX(0);\n }\n\n &.exit {\n opacity: 1;\n }\n\n &.exit.exit-active {\n opacity: 0.01;\n transition: opacity 250ms ease-out;\n }\n\n &:nth-child(2) {\n &.enter.enter-active,\n &.appear.appear-active,\n &.enter-done {\n opacity: 1;\n transform: translateX(-100%);\n }\n }\n\n &:nth-child(3) {\n &.enter.enter-active,\n &.appear.appear-active,\n &.enter-done {\n opacity: 0;\n transform: translateX(-200%);\n }\n }\n }\n\n "," {\n .toast-group {\n width: calc(100% - ","px);\n margin: ","px ","px 0;\n }\n\n .toast {\n padding-left: 0;\n padding-top: 16px;\n transition: opacity 250ms ease-in, transform 250ms;\n\n &.enter {\n transform: translateX(0);\n }\n\n &.enter.enter-active,\n &.appear.appear-active {\n transition: opacity 250ms ease-in;\n }\n\n &.enter-done {\n transform: translateX(0);\n }\n\n &:nth-child(2) {\n &.enter.enter-active,\n &.appear.appear-active,\n &.enter-done {\n opacity: 1;\n transform: translateX(0) translateY(100%);\n }\n }\n &:nth-child(3) {\n &.enter.enter-active,\n &.appear.appear-active,\n &.enter-done {\n opacity: 0;\n transform: translateX(0) translateY(200%);\n }\n }\n }\n }\n"],["\n .toast-group {\n position: fixed;\n top: 0;\n left: 0;\n width: calc(100% - ","px);\n margin: ","px ","px 0;\n z-index: 99;\n }\n\n .toast {\n position: absolute;\n top: 0;\n right: 0;\n\n padding-left: 16px;\n transition: transform 250ms, opacity 250ms ease-in;\n\n &.enter,\n &.appear {\n transform: translateX(50%);\n opacity: 0.01;\n }\n\n &.enter.enter-active,\n &.appear.appear-active,\n &.enter-done {\n opacity: 1;\n transform: translateX(0);\n }\n\n &.exit {\n opacity: 1;\n }\n\n &.exit.exit-active {\n opacity: 0.01;\n transition: opacity 250ms ease-out;\n }\n\n &:nth-child(2) {\n &.enter.enter-active,\n &.appear.appear-active,\n &.enter-done {\n opacity: 1;\n transform: translateX(-100%);\n }\n }\n\n &:nth-child(3) {\n &.enter.enter-active,\n &.appear.appear-active,\n &.enter-done {\n opacity: 0;\n transform: translateX(-200%);\n }\n }\n }\n\n "," {\n .toast-group {\n width: calc(100% - ","px);\n margin: ","px ","px 0;\n }\n\n .toast {\n padding-left: 0;\n padding-top: 16px;\n transition: opacity 250ms ease-in, transform 250ms;\n\n &.enter {\n transform: translateX(0);\n }\n\n &.enter.enter-active,\n &.appear.appear-active {\n transition: opacity 250ms ease-in;\n }\n\n &.enter-done {\n transform: translateX(0);\n }\n\n &:nth-child(2) {\n &.enter.enter-active,\n &.appear.appear-active,\n &.enter-done {\n opacity: 1;\n transform: translateX(0) translateY(100%);\n }\n }\n &:nth-child(3) {\n &.enter.enter-active,\n &.appear.appear-active,\n &.enter-done {\n opacity: 0;\n transform: translateX(0) translateY(200%);\n }\n }\n }\n }\n"])),2*INNER_MARGIN_PC,NAV_HEIGHT_PC,INNER_MARGIN_PC,(function(e){return e.theme.mediaQueries.mobile}),2*INNER_MARGIN_MOBILE,NAV_HEIGHT_MOBILE,INNER_MARGIN_MOBILE),ToastContainer=function(e){var t=e.toasts,n=e.onRemove,a=e.ttl,l=void 0===a?3e3:a;return e.stackSpacing,React__default.default.createElement(StyledToastContainer,null,React__default.default.createElement(reactTransitionGroup.TransitionGroup,{className:"toast-group"},t.map((function(e,t){var a=(ZINDEX-t).toString();return React__default.default.createElement(Toast,{key:e.id,toast:e,onRemove:n,ttl:l,style:{zIndex:a}})}))))},ResetCSSStyle='\n /* prettier-ignore */\n html, body, div, span, applet, object, iframe,\n h1, h2, h3, h4, h5, h6, p, blockquote, pre,\n a, abbr, acronym, address, big, cite, code,\n del, dfn, em, img, ins, kbd, q, s, samp,\n small, strike, strong, sub, sup, tt, var,\n b, u, i, center,\n dl, dt, dd, ol, ul, li,\n fieldset, form, label, legend,\n table, caption, tbody, tfoot, thead, tr, th, td,\n article, aside, canvas, details, embed, \n figure, figcaption, footer, header, hgroup, \n menu, nav, output, ruby, section, summary,\n time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n vertical-align: baseline;\n }\n /* HTML5 display-role reset for older browsers */\n /* prettier-ignore */\n article, aside, details, figcaption, figure, \n footer, header, hgroup, menu, nav, section {\n display: block;\n }\n body {\n line-height: 1;\n font-size: 16px;\n }\n ol,\n ul {\n list-style: disc;\n list-style-position: inside;\n }\n blockquote,\n q {\n quotes: none;\n }\n blockquote:before,\n blockquote:after,\n q:before,\n q:after {\n content: "";\n content: none;\n }\n table {\n border-collapse: collapse;\n border-spacing: 0;\n }\n a {\n color: inherit;\n text-decoration: none;\n }\n [role="button"] {\n cursor: pointer;\n }\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n /* Slider */ \n input[type=range] {\n -webkit-appearance: none; /* Hides the slider so that custom slider can be made */\n width: 100%; /* Specific width is required for Firefox. */\n background: transparent; /* Otherwise white in Chrome */\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n }\n input[type=range]:focus {\n outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */\n }\n input[type=range]::-ms-track {\n width: 100%;\n cursor: pointer;\n /* Hides the slider so custom styles can be added */\n background: transparent; \n border-color: transparent;\n color: transparent;\n } \n',ResetCSS=styled.createGlobalStyle(templateObject_1$17||(templateObject_1$17=__makeTemplateObject(["",""],["",""])),ResetCSSStyle);function createSpacing(){var e=[0,.25,.5,1,1.25,1.5,2,3,4,6],t=["margin","padding"],n=t.flatMap((function(t){var n=t.substr(0,1);return"\n "+e.map((function(e,a){return"\n ."+n+"a-"+a+" {\n "+t+": "+e+"rem !important;\n }\n "})).join("")+"\n "+e.map((function(e,a){return"\n ."+n+"t-"+a+" {\n "+t+"-top: "+e+"rem !important;\n }\n "})).join("")+"\n "+e.map((function(e,a){return"\n ."+n+"b-"+a+" {\n "+t+"-bottom: "+e+"rem !important;\n }\n "})).join("")+"\n "+e.map((function(e,a){return"\n ."+n+"l-"+a+" {\n "+t+"-left: "+e+"rem !important;\n }\n "})).join("")+"\n "+e.map((function(e,a){return"\n ."+n+"r-"+a+" {\n "+t+"-right: "+e+"rem !important;\n }\n "})).join("")+"\n "+e.map((function(e,a){return"\n ."+n+"x-"+a+" {\n "+t+"-left: "+e+"rem !important;\n "+t+"-right: "+e+"rem !important;\n }\n "})).join("")+"\n "+e.map((function(e,a){return"\n ."+n+"y-"+a+" {\n "+t+"-top: "+e+"rem !important;\n "+t+"-bottom: "+e+"rem !important;\n }\n "})).join("")+"\n "})).join(""),a=t.flatMap((function(e){var t=e.substr(0,1),n=Object.entries(space).map((function(e){var t=e[0],n=e[1];return[t.toLowerCase().replace("_",""),pxToRem(n)]}));return"\n "+n.map((function(n){var a=n[0],l=n[1];return"\n ."+t+"a-"+a+" {\n "+e+": "+l+" !important;\n }\n "})).join("")+"\n "+n.map((function(n){var a=n[0],l=n[1];return"\n ."+t+"t-"+a+" {\n "+e+"-top: "+l+" !important;\n }\n "})).join("")+"\n "+n.map((function(n){var a=n[0],l=n[1];return"\n ."+t+"b-"+a+" {\n "+e+"-bottom: "+l+" !important;\n }\n "})).join("")+"\n "+n.map((function(n){var a=n[0],l=n[1];return"\n ."+t+"l-"+a+" {\n "+e+"-left: "+l+" !important;\n }\n "})).join("")+"\n "+n.map((function(n){var a=n[0],l=n[1];return"\n ."+t+"r-"+a+" {\n "+e+"-right: "+l+" !important;\n }\n "})).join("")+"\n "+n.map((function(n){var a=n[0],l=n[1];return"\n ."+t+"x-"+a+" {\n "+e+"-left: "+l+" !important;\n "+e+"-right: "+l+" !important;\n }\n "})).join("")+"\n "+n.map((function(n){var a=n[0],l=n[1];return"\n ."+t+"y-"+a+" {\n "+e+"-top: "+l+" !important;\n "+e+"-bottom: "+l+" !important;\n }\n "})).join("")+"\n "})).join("");return styled.css(templateObject_1$18||(templateObject_1$18=__makeTemplateObject(["\n ","\n ","\n "],["\n ","\n ","\n "])),n,a)}var templateObject_1$18,templateObject_2$v,GlobalStyle=styled.createGlobalStyle(templateObject_2$v||(templateObject_2$v=__makeTemplateObject(["\n ",'\n\n :root {\n --default-font-family: Roboto;\n }\n\n html {\n font-size: 16px;\n }\n\n html[lang="ko"] {\n --default-font-family: Noto Sans KR;\n }\n\n body {\n font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n background-color: ',';\n -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n img {\n height: auto;\n max-width: 100%;\n }\n }\n\n html[lang="en"] body {\n font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n }\n\n html[lang="ko"] body {\n font-family: Noto Sans KR, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n }\n\n .btn-secondary-disable:disabled {\n background: ',";\n border-color: ",";\n color: ",";\n\n svg { fill: ","; }\n }\n\n .text-bold { font-weight: 600 !important; }\n .text-right { text-align: right; }\n .text-left { text-align: left; }\n\n .color-primary { color: "," !important; }\n .color-text { color: "," !important; }\n .color-disable { color: "," !important; }\n\n .pos-relative { position: relative; }\n .pos-static { position: static; }\n\n .dis-in-block { display: inline-block !important; } \n\n .slider-profile .slick-slider {\n display: flex; flex-direction: column; align-items: stretch; height: 100%;\n\n * { outline: none; }\n\n .slick-list { \n flex-grow: 1;\n\n .slick-track, .slick-slide > div { height: 100%; border: none; outline: none; }\n .slick-slide > div { padding: 16px; display: flex; justify-content: center; align-items: center; }\n .slick-slide:not(.slick-center) { opacity: 0.5; }\n .slick-slide.slick-center { transform: scale(1.2); }\n }\n\n .slick-prev, .slick-next { z-index: 1; }\n .slick-prev { left: 0; }\n .slick-next { right: 0; }\n }\n\n .slick-dots {\n height: 48px;\n display: flex !important;\n align-items: center;\n justify-content: center;\n bottom: 0;\n\n li { \n margin: 0; width: auto; height: auto; padding: 0 4px;\n\n button {\n margin: 0; width: auto; height: auto; display: block; padding: 4px;\n\n &:before {\n content: '';\n width: 8px;\n height: 8px;\n background: ",";\n border-radius: ",";\n }\n }\n\n &.slick-active {\n button {\n width: 20px;\n\n &:before { width: 20px; border-radius: ","; }\n }\n }\n }\n }\n\n .flex {\n display: flex !important;\n \n &.flex-column { flex-direction: column; }\n &.flex-column-reverse { flex-direction: column-reverse; }\n &.flex-row { flex-direction: row; }\n &.flex-row-reverse { flex-direction: row-reverse; }\n &.flex-wrap { flex-wrap: wrap; }\n &.flex-grow { flex-grow: 1; }\n &.justify-start { justify-content: flex-start; }\n &.justify-end { justify-content: flex-end; }\n &.justify-center { justify-content: center; }\n &.justify-space-around { justify-content: space-around; }\n &.justify-space-between { justify-content: space-between; }\n &.align-start { align-items: flex-start; }\n &.align-end { align-items: flex-end; }\n &.align-center { align-items: center; }\n &.align-baseline { align-items: baseline; }\n &.align-stretch { align-items: stretch; }\n\n .align-self-center { align-self: center; }\n .align-self-start { align-self: flex-start; }\n .align-self-end { align-self: flex-end; }\n\n .justify-self-center { align-self: center; }\n .justify-self-start { align-self: flex-start; }\n .justify-self-end { align-self: flex-end; }\n \n .flex-grow { flex-grow: 1; }\n .flex-shrink { flex-shrink: 0; }\n .col-12 { width: 100%; }\n .col-9 { width: 75%; }\n .col-8 { width: 66.666%; }\n .col-7 { width: 60%; }\n .col-6 { width: 50%; }\n .col-5 { width: 40%; }\n .col-4 { width: 33.333%; }\n .col-3 { width: 25%; }\n }\n\n .bd { border: 1px solid ","; }\n .bd-t { border-top: 1px solid ","; }\n .bd-r { border-right: 1px solid ","; }\n .bd-b { border-bottom: 1px solid ","; }\n .bd-l { border-left: 1px solid ","; }\n .bd-x { border-right: 1px solid ","; border-left: 1px solid ","; }\n .bd-y { border-top: 1px solid ","; border-bottom: 1px solid ","; }\n .bd-t-n { border-top: none !important; }\n .bd-r-n { border-right: none !important; }\n .bd-b-n { border-bottom: none !important; }\n .bd-l-n { border-left: none !important; }\n .bd-x-n { border-right: none; border-left: none !important; }\n .bd-y-n { border-top: none; border-bottom: none !important; }\n .w-100 { width: 100% !important; }\n .w-auto { width: auto !important; }\n .h-100 { height: 100% !important; }\n .h-auto { height: auto !important; }\n\n ","\n \n /*# sourceMappingURL=s.css.map */\n"],["\n ",'\n\n :root {\n --default-font-family: Roboto;\n }\n\n html {\n font-size: 16px;\n }\n\n html[lang="ko"] {\n --default-font-family: Noto Sans KR;\n }\n\n body {\n font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n background-color: ',';\n -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n img {\n height: auto;\n max-width: 100%;\n }\n }\n\n html[lang="en"] body {\n font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n }\n\n html[lang="ko"] body {\n font-family: Noto Sans KR, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n }\n\n .btn-secondary-disable:disabled {\n background: ',";\n border-color: ",";\n color: ",";\n\n svg { fill: ","; }\n }\n\n .text-bold { font-weight: 600 !important; }\n .text-right { text-align: right; }\n .text-left { text-align: left; }\n\n .color-primary { color: "," !important; }\n .color-text { color: "," !important; }\n .color-disable { color: "," !important; }\n\n .pos-relative { position: relative; }\n .pos-static { position: static; }\n\n .dis-in-block { display: inline-block !important; } \n\n .slider-profile .slick-slider {\n display: flex; flex-direction: column; align-items: stretch; height: 100%;\n\n * { outline: none; }\n\n .slick-list { \n flex-grow: 1;\n\n .slick-track, .slick-slide > div { height: 100%; border: none; outline: none; }\n .slick-slide > div { padding: 16px; display: flex; justify-content: center; align-items: center; }\n .slick-slide:not(.slick-center) { opacity: 0.5; }\n .slick-slide.slick-center { transform: scale(1.2); }\n }\n\n .slick-prev, .slick-next { z-index: 1; }\n .slick-prev { left: 0; }\n .slick-next { right: 0; }\n }\n\n .slick-dots {\n height: 48px;\n display: flex !important;\n align-items: center;\n justify-content: center;\n bottom: 0;\n\n li { \n margin: 0; width: auto; height: auto; padding: 0 4px;\n\n button {\n margin: 0; width: auto; height: auto; display: block; padding: 4px;\n\n &:before {\n content: '';\n width: 8px;\n height: 8px;\n background: ",";\n border-radius: ",";\n }\n }\n\n &.slick-active {\n button {\n width: 20px;\n\n &:before { width: 20px; border-radius: ","; }\n }\n }\n }\n }\n\n .flex {\n display: flex !important;\n \n &.flex-column { flex-direction: column; }\n &.flex-column-reverse { flex-direction: column-reverse; }\n &.flex-row { flex-direction: row; }\n &.flex-row-reverse { flex-direction: row-reverse; }\n &.flex-wrap { flex-wrap: wrap; }\n &.flex-grow { flex-grow: 1; }\n &.justify-start { justify-content: flex-start; }\n &.justify-end { justify-content: flex-end; }\n &.justify-center { justify-content: center; }\n &.justify-space-around { justify-content: space-around; }\n &.justify-space-between { justify-content: space-between; }\n &.align-start { align-items: flex-start; }\n &.align-end { align-items: flex-end; }\n &.align-center { align-items: center; }\n &.align-baseline { align-items: baseline; }\n &.align-stretch { align-items: stretch; }\n\n .align-self-center { align-self: center; }\n .align-self-start { align-self: flex-start; }\n .align-self-end { align-self: flex-end; }\n\n .justify-self-center { align-self: center; }\n .justify-self-start { align-self: flex-start; }\n .justify-self-end { align-self: flex-end; }\n \n .flex-grow { flex-grow: 1; }\n .flex-shrink { flex-shrink: 0; }\n .col-12 { width: 100%; }\n .col-9 { width: 75%; }\n .col-8 { width: 66.666%; }\n .col-7 { width: 60%; }\n .col-6 { width: 50%; }\n .col-5 { width: 40%; }\n .col-4 { width: 33.333%; }\n .col-3 { width: 25%; }\n }\n\n .bd { border: 1px solid ","; }\n .bd-t { border-top: 1px solid ","; }\n .bd-r { border-right: 1px solid ","; }\n .bd-b { border-bottom: 1px solid ","; }\n .bd-l { border-left: 1px solid ","; }\n .bd-x { border-right: 1px solid ","; border-left: 1px solid ","; }\n .bd-y { border-top: 1px solid ","; border-bottom: 1px solid ","; }\n .bd-t-n { border-top: none !important; }\n .bd-r-n { border-right: none !important; }\n .bd-b-n { border-bottom: none !important; }\n .bd-l-n { border-left: none !important; }\n .bd-x-n { border-right: none; border-left: none !important; }\n .bd-y-n { border-top: none; border-bottom: none !important; }\n .w-100 { width: 100% !important; }\n .w-auto { width: auto !important; }\n .h-100 { height: 100% !important; }\n .h-auto { height: auto !important; }\n\n ","\n \n /*# sourceMappingURL=s.css.map */\n"])),ResetCSSStyle,(function(e){return e.theme.colors[exports.ColorStyles.WHITE]}),(function(e){return e.theme.colors[exports.ColorStyles.WHITE]}),(function(e){return e.theme.colors[exports.ColorStyles.WHITE]}),(function(e){return e.theme.colors[exports.ColorStyles.RED]}),(function(e){return e.theme.colors[exports.ColorStyles.WHITE]}),(function(e){return e.theme.colors[exports.ColorStyles.RED]}),(function(e){return e.theme.colors[exports.ColorStyles.RED]}),(function(e){return e.theme.colors[exports.ColorStyles.WHITE]}),(function(e){return e.theme.colors[exports.ColorStyles.WHITE]}),(function(e){return e.theme.radii.circle}),(function(e){return e.theme.radii.small}),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),(function(e){return e.theme.colors[exports.ColorStyles.LIGHTGREY]}),createSpacing());exports.Alert=Alert,exports.AlertIcon=SvgIco16Alert,exports.AnountButton=AnountButton,exports.ArrowBottomGIcon=SvgIco16ArrowBottomG,exports.ArrowChangeIcon=SvgIco16ArrowChange,exports.ArrowDoubleArrowIcon=SvgIco16ArrowDoubleArrow,exports.ArrowLeftGIcon=SvgIco16ArrowLeftG,exports.ArrowLeftWIcon=SvgIco16ArrowLeftW,exports.ArrowRightGIcon=SvgIco16ArrowRightG,exports.ArrowRightWIcon=SvgIco16ArrowRightW,exports.ArrowTopGIcon=SvgIco16ArrowTopG,exports.ArrowTopWIcon=SvgIco16ArrowTopW,exports.BackIcon=SvgIco24Back,exports.BackgroundImage=BackgroundImage,exports.BalanceInput=BalanceInput,exports.BaseLayout=GridLayout,exports.Box=Box,exports.Button=Button,exports.ButtonGroup=ButtonGroup,exports.ButtonMenu=ButtonMenu,exports.ButtonMenuItem=ButtonMenuItem,exports.CalculatorIcon=SvgIco16Calculator,exports.Card=Card,exports.CardBody=CardBody,exports.CardFooter=CardFooter,exports.CardHeader=CardHeader,exports.CardRibbon=CardRibbon,exports.CardsLayout=GridLayout$2,exports.ChainBscIcon=SvgIco24ChainBsc,exports.ChainKlaytnIcon=SvgIco24ChainKlaytn,exports.ChainToggle=ChainToggle,exports.ChainToggleItem=ChainToggleItem,exports.ChangeBottomIcon=SvgIco42ChangeBottom,exports.ChangeIcon=SvgIco42Change,exports.ChangePlusIcon=SvgIco42ChangePlus,exports.CheckBIcon=SvgIco16CheckB,exports.CheckCompleteIcon=SvgIco24CheckComplete,exports.CheckFailedIcon=SvgIco24CheckFailed,exports.Checkbox=Checkbox,exports.CheckboxLabel=CheckboxLabel,exports.CloseIcon=SvgIco24Close,exports.Coin=Coin,exports.CopyIcon=SvgIco16Copy,exports.CopyToClipboard=CopyToClipboard,exports.Divider=Divider,exports.DoubleArrowButtons=DoubleArrowButtons,exports.Dropdown=Dropdown,exports.DropdownButton=DropdownButton,exports.DropdownItem=DropdownItem,exports.DropdownSet=DropdownSet,exports.ErrorBlock=ErrorBlock,exports.ErrorIcon=SvgImgError,exports.FireIcon=SvgIco44Fire,exports.Flex=Flex,exports.FooterFacebookIcon=SvgIco24FooterFacebook,exports.FooterGitbookIcon=SvgIco24FooterGitbook,exports.FooterGithubIcon=SvgIco24FooterGithub,exports.FooterKakaotalkIcon=SvgIco24FooterKakaotalk,exports.FooterRedditIcon=SvgIco24FooterReddit,exports.FooterTelegramIcon=SvgIco24FooterTelegram,exports.FooterTwitterIcon=SvgIco24FooterTwitter,exports.GlobalStyle=GlobalStyle,exports.GnbBridgeNIcon=SvgIco24GnbBridgeN,exports.GnbBridgeSIcon=SvgIco24GnbBridgeS,exports.GnbExchangeNIcon=SvgIco24GnbExchangeN,exports.GnbExchangeSIcon=SvgIco24GnbExchangeS,exports.GnbFarmingNIcon=SvgIco24GnbFarmingN,exports.GnbFarmingSIcon=SvgIco24GnbFarmingS,exports.GnbHomeNIcon=SvgIco24GnbHomeN,exports.GnbHomeSIcon=SvgIco24GnbHomeS,exports.GnbMoreNIcon=SvgIco24GnbMoreN,exports.GnbMoreSIcon=SvgIco24GnbMoreS,exports.GnbMyMobileIcon=SvgIco24GnbMyMobile,exports.GnbMySIcon=SvgIco24GnbMyS,exports.GnbRebalancingNIcon=SvgIco24GnbRebalancingN,exports.GnbRebalancingSIcon=SvgIco24GnbRebalancingS,exports.Grid=Grid,exports.GridLayout=GridLayout$1,exports.GroupIcon=SvgGroup,exports.Heading=Heading,exports.HelpOnIcon=SvgIco16HelpOn,exports.Helper=Helper,exports.HomeFarmFinixIcon=SvgImgHomeFarmFinix,exports.HomeProtectionFinixIcon=SvgImgHomeProtectionFinix,exports.IconButton=IconButton,exports.Image=Image,exports.ImgBridgeTopFinixIcon=SvgImgBridgeTopFinix,exports.ImgEmptyStateLiquidity=SvgImgEmptyStateLiquidity,exports.ImgEmptyStateWallet=SvgImgEmptyStateWallet,exports.ImgFarmIcon=SvgImgFarm,exports.ImgHomeTopFinixIcon=SvgImgHomeTopFinix,exports.ImgMyInvestmentDefaultIcon=SvgImgMyinvestmentDefault,exports.ImgPoolIcon=SvgImgPool,exports.ImgRebalancingIcon=SvgImgRebalancing,exports.ImgTokenFinixIcon=SvgImgTokenFinix,exports.ImgTokenSixIcon=SvgImgTokenSix,exports.Input=Input,exports.Label=Label,exports.Link=Link,exports.LinkExternal=LinkExternal,exports.LinkIcon=SvgIco16Link,exports.Loading=Loading,exports.LogoFooterSixIcon=SvgLogoFooterSix,exports.LogoMainFinixIcon=SvgLogoMainFinix,exports.MainDefinixImgTextIcon=SvgLogoMainDefinixImgText,exports.MainDefinixTextIcon=SvgLogoMainDefinixText,exports.Menu=WrapMenu,exports.MenuIcon=SvgIco24Menu,exports.MinusIcon=SvgIco16Minus,exports.Modal=Modal,exports.ModalBody=ModalBody,exports.ModalFooter=ModalFooter,exports.ModalProvider=ModalProvider,exports.MoreNIcon=SvgIco24MoreN,exports.Noti=Noti,exports.NotiIcon=SvgIco16Noti,exports.PlusIcon=SvgIco16Plus,exports.ResetCSS=ResetCSS,exports.ResetIcon=SvgIco16Closed,exports.SearchIcon=SvgIco16Search,exports.SearchInput=SearchInput,exports.SettingIcon=SvgIco24Setting,exports.Skeleton=Skeleton,exports.SmallCloseIcon=SvgIco16ClosedG,exports.SmallDownIcon=SvgIco16SmallDown,exports.TabBox=TabBox,exports.Tabs=Tabs,exports.Tag=Tag,exports.Text=Text,exports.TitleSet=TitleSet,exports.ToastContainer=ToastContainer,exports.Toggle=Toggle,exports.TokenFinixIcon=SvgIco24TokenFinix,exports.TokenKbnbIcon=SvgImgTokenKbnb,exports.TokenKlayIcon=SvgImgTokenKlay,exports.UnSelectTokenIcon=SvgImgTokenUnselect,exports.VDivider=VDivider,exports.alertVariants=variants,exports.connectorLocalStorageKey=connectorLocalStorageKey,exports.dark=darkTheme,exports.darkColors=darkColors,exports.getVariantTextStyle=getVariantTextStyle,exports.light=lightTheme,exports.lightColors=lightColors,exports.menuConfig=links,exports.textStyle=textStyle,exports.toastTypes=types,exports.useMatchBreakpoints=useMatchBreakpoints,exports.useModal=useModal,exports.useWalletModal=useWalletModal; //# sourceMappingURL=/sm/47b7d54b6bbf0f2214dca77ea54c2e91fd42499f1fd59ab2993319582cf0363a.map