.CustomButton{padding:.5em 1.25em;border-radius:8px;cursor:pointer;height:50px;border:none;display:flex;align-items:center;justify-content:space-between;color:#6e5cdc;outline:none}.CustomButton .ButtonText{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:600;color:#fff;margin:0 1em}.primary{background:linear-gradient(91.41deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,0));border:2px solid #5f606e;transition:.3s}.primary,.primary .ButtonText{color:#fff}.primary:focus,.primary:hover{background:#474853;border:2px solid #474853;color:#fff}.primary:focus .ButtonText,.primary:hover .ButtonText{color:#fff}.primary[disabled]{opacity:.8;border:2px solid #5f606e;background:transparent;color:#bbb}.primary[disabled] .ButtonText{color:#bbb}.primary[disabled]:focus,.primary[disabled]:hover{border:2px solid #5f606e;background:transparent}.secondary{background:#41455c;border:2px solid #41455c;transition:.3s;color:#fff}.secondary .ButtonText{color:#fff}.secondary:focus,.secondary:hover{background:#2c2f3e;border:2px solid #2c2f3e;color:#fff}.secondary:focus .ButtonText,.secondary:hover .ButtonText{color:#fff}.secondary[disabled]{opacity:.5;color:#41455c}.tertiary{background:transparent;border:2px solid #2c2f3e;margin-right:14px}.tertiary:focus,.tertiary:hover{background:hsla(0,0%,100%,.12)}.tertiary:focus .ButtonText,.tertiary:hover .ButtonText{color:#f5f5f5}.tertiary[disabled]{opacity:.5}.LoadingIcon{display:flex;justify-content:center;margin-bottom:2em;width:100%}.LoadingIcon .ant-spin{color:#4962fc}.LoadingIcon-fullpage{background:linear-gradient(212.41deg,#12173a 1.12%,#0c0c0c 94.46%);height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.LoadingIcon-fullpage .ant-spin{color:#4962fc}.custom-connect-card{padding:.5em 1.25em;border-radius:8px;cursor:pointer;cursor:unset;height:50px;display:flex;align-items:center;justify-content:space-between;outline:none;max-width:200px;margin:auto!important;margin:0;font-family:"Montserrat",sans-serif;font-size:14px;font-weight:600;color:#fff;background:#41455c;border:2px solid #41455c}.custom-connect-card span{margin:0 1em}body{font-family:"Montserrat",sans-serif}.logo{display:flex;align-items:center;margin-right:2em;max-width:180px}.site-layout-content{padding:2em 0}.ant-layout{background:linear-gradient(212.41deg,#12173a 1.12%,#0c0c0c 94.46%);padding-top:2em;height:100vh;overflow-y:auto}.ant-layout-content{padding:0 3em}.ant-layout-header{display:flex;background:transparent;height:40px;line-height:40px;justify-content:space-between;padding:0 3em}.ant-layout-header .WalletConfig{display:flex}.ant-layout-header .WalletConfig button{width:-webkit-max-content;width:max-content}.ant-layout-header.header-desktop{display:flex}.header-mobile{display:none}.ant-layout-footer{background:transparent;color:#5f606e}.ant-menu-horizontal{border-bottom:none;width:100%}.ant-menu{background:transparent}.ant-dropdown-menu-item-selected{background:#222433}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover{color:#fff}.ant-dropdown-menu-item-disabled a,.ant-layout-header .ant-menu-item-disabled a{color:#5f606e!important}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover:after{border-bottom:2px solid #fff}.ant-menu-horizontal>.ant-menu-item a,.ant-menu-horizontal>.ant-menu-item a:hover,.ant-menu-horizontal>.ant-menu-submenu>.ant-menu-submenu-title{color:#fff}.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav{background:#2a2c3e;border-radius:40px}.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav:before,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav:before{border-bottom:none}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list{width:100%}.ant-tabs-tab{width:50%;height:45px;display:block;text-align:center;line-height:28px;transition:.5s;color:#fff;padding:8px}.ant-tabs-ink-bar{display:none}.ant-input-affix-wrapper-lg{padding:10px 14px;background:#2a2c3e;border:none;margin:0;font-family:"Montserrat",sans-serif;font-size:14px;font-weight:400;color:#bbb;border-radius:8px}.ant-input-affix-wrapper>input.ant-input{background:transparent;margin:0;font-family:"Roboto Mono",monospace;font-size:22px;font-weight:400;color:#fff}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus{box-shadow:none;border:none;outline:none}.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border:none;outline:none}.ant-table{background:transparent;color:#fff;font-family:"Montserrat",sans-serif}.ant-table-thead>tr>th{background:transparent;border-bottom:transparent;color:#5f606e;font-size:12px;text-transform:uppercase}.ant-table-cell .ant-table-cell-row-hover,.ant-table-tbody>tr.ant-table-row:hover>td,.ant-table-tbody>tr>td.ant-table-cell-row-hover{background:transparent}.ant-table-tbody>tr>td{border-bottom:transparent}.ant-tag{border-radius:20px;font-weight:700;padding:0 10px}.ant-tag-has-color,.ant-tag-has-color .anticon-close,.ant-tag-has-color .anticon-close:hover,.ant-tag-has-color a,.ant-tag-has-color a:hover{color:#262932}@media only screen and (max-width:425px){.ant-layout-content,.ant-layout-header{padding:0 2em}.header-mobile{display:flex;justify-content:space-between;align-items:center;padding:0 2em;color:#fff}.menu-mobile-dropdown{width:300px;background:rgba(0,0,0,.9);top:70px!important;overflow:hidden}.menu-mobile-dropdown .ant-dropdown-menu{padding-top:20px;background:linear-gradient(212.41deg,#12173a 1.12%,#0c0c0c 94.46%);border:1px solid #5f606e}.menu-mobile-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{color:#fff;padding:20px 2em;text-align:center}.menu-mobile-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover{background:#2f3037}.menu-mobile-dropdown .ant-dropdown-menu button{margin:2em auto}.menu-mobile-dropdown .ant-dropdown-menu .menu-mobile-icon{font-size:40px}.ant-layout-header{flex-wrap:wrap;height:auto}.ant-layout-header .logo{justify-content:center;margin-right:0}.ant-layout-header .ant-menu-horizontal{width:-webkit-min-content;width:min-content}.ant-layout-header.header-desktop{display:none}.ant-layout-header .WalletConfig{margin-top:1.5em;justify-content:center;width:100%}}.CoinIndicator{display:flex;border-radius:6px;padding-bottom:.5em}.CoinIndicator .CoinIcon{margin-right:.5em;width:30px;height:30px}.CoinIndicator .CoinTitle{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0}.CoinCard{background:#222433;border-radius:8px;border:1px solid #5f606e;padding:1em}.CoinCard hr{border:none;border-top:1px solid #5f606e}.CoinCard span{font-family:"Montserrat",sans-serif;font-size:12px;font-weight:400;color:#fff;margin:0}.CoinCard h3{font-size:22px;line-height:1}.CoinCard h3,.CoinCard p{font-family:"Roboto Mono",monospace;font-weight:600;color:#fff;margin:0 0 .75em}.CoinCard p{font-size:16px}@media only screen and (max-width:1024px){.CoinCard h3{font-size:18px;line-height:1}.CoinCard h3,.CoinCard p{font-family:"Roboto Mono",monospace;font-weight:600;color:#fff;margin:0 0 .75em}.CoinCard p{font-size:14px}}.OperationSelector{width:100%}.OperationSelector .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn .custom-tab.tab-buy{height:-webkit-fill-available;border-radius:30px;color:#fff;background:#4962fc}.OperationSelector .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn .custom-tab.tab-sell{height:-webkit-fill-available;border-radius:30px;color:#fff;background:#e8006f}.OperationSelector .ant-tabs-tab:hover{color:#fff}.BuySellCoin{border-top:1px solid #262932;padding:1em 0}.BuySellCoin .AmountInput{margin:1em 0}.BuySellCoin .AmountInput .ant-input-affix-wrapper-lg{border:2px solid #2a2c3e}.BuySellCoin .AmountInput .ant-input-affix-wrapper-status-error{background-color:#2a2c3e!important;border:2px solid #ff4d4f}.BuySellCoin h3{margin:0;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:400;color:#fff}.BuySellCoin .FeeInfo{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:600;color:#bbb;margin:1em 0}.BuySellCoin .FeeInfo .anticon{margin-right:.25em}.BuySellCoin .Alert{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:600;color:#e8006f;margin:1em 0}.BuySellCoin .Alert .anticon{margin-right:.25em}.BuySellCoin hr{border:none;border-top:1px solid #262932}.BuySellCoin .AdditionalInfo{margin:.5em 0}.BuySellCoin .AdditionalInfo p{margin:0;font-family:"Roboto Mono",monospace;font-size:12px;font-weight:400;color:#e9e9ee}.BuySellCoin .MaxButton{cursor:pointer;margin-left:14px;background:#0f1227;color:#fff;border-radius:4px;border:0}.BuySellCoin .MaxButton:hover{background:#41455c}.CustomModal .ant-modal-content{background:linear-gradient(70.09deg,#212121,#1a192e);border-radius:10px}.CustomModal .ant-modal-content .ant-modal-close-x .anticon{color:#5f606e}.CustomModal .ant-modal-header{background:transparent;border-bottom:none}.CustomModal .ant-modal-header .ant-modal-title{color:#fff}.CustomModal .ant-modal-body{text-align:center;padding:5em 2em 3em}.CustomModal .ant-modal-body .ModalImg{margin-bottom:2em}.CustomModal .ant-modal-body h3{font-family:"Montserrat",sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0 0 .25em}.CustomModal .ant-modal-body p{margin:0;font-family:"Montserrat",sans-serif;font-size:14px;font-weight:400;color:#fff}.CustomModal .ant-modal-footer{border-top:1px solid #5f606e;text-align:center}.CustomModal .ant-modal-footer a{color:#fff;margin-right:.25em}.LabelMessage{display:flex;border-radius:6px;padding:.75em;background:#2a2c3e;align-items:center;margin-top:2em}.LabelMessage .LabelIcon{margin-right:1em;width:35px;height:35px}.LabelMessage .LabelMessageText{text-align:left}.LabelMessage .LabelMessageText .LabelTitle{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:600;color:#fec004;line-height:16px;margin:0}.LabelMessage .LabelMessageText .LabelText{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:400;color:#fec004;margin:0}@media only screen and (max-width:425px){.LabelMessage{flex-direction:column}.LabelMessage .LabelIcon{margin-right:0}.LabelMessage .LabelMessageText{margin-top:1em;text-align:center;width:70%}.LabelMessage .LabelMessageText .LabelTitle{font-size:14px}.LabelMessage .LabelMessageText .LabelText{font-size:12px}}.StablecoinSection{display:flex;padding-top:2em}.StablecoinSection .Left{width:50%}.StablecoinSection .Left h1{margin:0;font-family:"Montserrat",sans-serif;font-size:50px;font-weight:400;color:#fff;line-height:50px}.StablecoinSection .Left .DescriptionContainer{width:80%;padding:2em 0}.StablecoinSection .Left .DescriptionContainer p{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:400;color:#a0a0ac;margin:0 0 1em}.StablecoinSection .Left .CoinCard{width:80%}.StablecoinSection .Left .CoinCard .AdditionalInfo{display:flex}.StablecoinSection .Left .CoinCard .AdditionalInfo .InfoItem{margin-right:5em}.StablecoinSection .Right{width:50%;padding:5em 0 0 5em}.StablecoinSection .Right .SubtTitle{margin:0;font-family:"Montserrat",sans-serif;font-size:20px;font-weight:400;color:#fff}.StablecoinSection .Right .PurchaseContainer{border-top:1px solid #5f606e;padding:2em 0 0;display:flex;justify-content:space-between;flex-wrap:wrap}.StablecoinSection .Right .ConnectWallet,.StablecoinSection .Right .ConnectWallet .CustomButton{width:100%}.StablecoinSection .Right .ConnectWallet .Disclaimer{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:400;color:#fff;margin:0 0 1em}@media only screen and (max-width:1024px){.StablecoinSection .Left .DescriptionContainer{width:100%}}@media only screen and (max-width:768px){.StablecoinSection{flex-direction:column}.StablecoinSection .Left,.StablecoinSection .Left .CoinCard,.StablecoinSection .Left .DescriptionContainer{width:100%}.StablecoinSection .Right{width:100%;padding:3em 0 0}}@media only screen and (max-width:425px){.StablecoinSection{padding-top:0}.StablecoinSection .Left h1{margin:0;font-family:"Montserrat",sans-serif;font-size:40px;font-weight:400;color:#fff;line-height:40px}}.ProtocolSection{display:flex;padding-top:2em}.ProtocolSection .Left{width:50%}.ProtocolSection .Left h1{margin:0;font-family:"Montserrat",sans-serif;font-size:75px;font-weight:400;color:#fff;line-height:75px}.ProtocolSection .Left .DescriptionContainer{width:80%;padding:2em 0}.ProtocolSection .Left .DescriptionContainer p{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:400;color:#a0a0ac;margin:0 0 1em}.ProtocolSection .Right{width:50%;padding:3em 0 0 5em}.ProtocolSection .Right .SubtTitle{margin:0;font-family:"Montserrat",sans-serif;font-size:20px;font-weight:400;color:#fff}.ProtocolSection .Right .CoinsContainer{border-top:1px solid #5f606e;padding:2em 0;display:flex;justify-content:space-between;flex-wrap:wrap}.ProtocolSection .Right .CoinsContainer .CoinCard{width:48%}.ProtocolSection .Right .CoinsContainer .ReservesCard{width:100%;margin-top:2em}@media only screen and (max-width:1024px){.ProtocolSection .Left h1{margin:0;font-family:"Montserrat",sans-serif;font-size:50px;font-weight:400;color:#fff;line-height:50px}.ProtocolSection .Left .DescriptionContainer{width:100%}}@media only screen and (max-width:425px){.ProtocolSection{padding-top:0}.ProtocolSection .Left h1{margin:0;font-family:"Montserrat",sans-serif;font-size:40px;font-weight:400;color:#fff;line-height:40px}.ProtocolSection .Right .CoinsContainer{flex-direction:column}.ProtocolSection .Right .CoinsContainer .CoinCard{width:100%}.ProtocolSection .Right .CoinsContainer .CoinCard:first-child{margin-bottom:2em}.ProtocolSection .Right .CoinsContainer .ReservesCard .Content{flex-direction:column}.ProtocolSection .Right .CoinsContainer .ReservesCard .Content .BaseReserves,.ProtocolSection .Right .CoinsContainer .ReservesCard .Content .ReservesRatio{width:100%}}.NumberItem{padding-bottom:.5em}.NumberItem .Label{font-family:"Montserrat",sans-serif;font-size:12px;font-weight:400;color:#fff;margin:0}.NumberItem .Amount{font-family:"Roboto Mono",monospace;font-size:22px;font-weight:600;color:#fff;margin:0}.ReservesCard{background:#222433;border-radius:8px;border:1px solid #5f606e;padding:1em}.ReservesCard hr{border:none;border-top:1px solid #5f606e}.ReservesCard .Content{display:flex;flex-direction:column;justify-content:space-between;grid-gap:30px;gap:30px}.ReservesCard .Content .BaseReserves span{font-family:"Montserrat",sans-serif;font-size:12px;font-weight:400;color:#fff;margin:0}.ReservesCard .Content .BaseReserves h3{font-family:"Roboto Mono",monospace;font-size:22px;font-weight:600;color:#fff;line-height:1;margin:0 0 .25em}.ReservesCard .Content .BaseReserves p{margin:0;font-family:"Roboto Mono",monospace;font-size:16px;font-weight:400;color:#fff}.ReservesCard .Content .ReservesRatio{display:flex;flex:1 1}.ReservesCard .Content .ReservesRatio .NumberItem{margin-right:2em}@media only screen and (max-width:1024px){.ReservesCard .Content{grid-gap:10px;gap:10px}.ReservesCard .Content .BaseReserves h3{font-size:18px;line-height:1}.ReservesCard .Content .BaseReserves h3,.ReservesCard .Content .BaseReserves p{font-family:"Roboto Mono",monospace;font-weight:600;color:#fff;margin:0 0 .75em}.ReservesCard .Content .BaseReserves p{font-size:14px}.ReservesCard .Content .ReservesRatio{display:flex;flex-direction:column}}.TotalBalance{background:#222433;border-radius:8px;border:1px solid #5f606e;padding:1em;width:32%}.TotalBalance .Title{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:1em}.TotalBalance .Title img{width:20px;height:20px}.TotalBalance .Title span{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:400;color:#a0a0ac;margin:0;text-transform:uppercase}.TotalBalance .ContentInfo{display:flex;align-items:center}.TotalBalance .ContentInfo img{width:46px;height:46px}.TotalBalance .ContentInfo .Cointext{margin-left:1em}.TotalBalance .ContentInfo .Cointext .CoinTitle{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:400;color:#fff;margin:0 0 6px}.TotalBalance .ContentInfo .Cointext .CoinAmount{font-family:"Roboto Mono",monospace;font-size:22px;font-weight:600;color:#fff;line-height:1;margin:0 0 .25em}.TotalBalance .ContentInfo .Cointext .CoinAmountConverted{font-family:"Roboto Mono",monospace;font-size:22px;font-weight:600;color:#fff;font-size:1.125rem;font-weight:400;margin:0}@media only screen and (max-width:768px){.TotalBalance .Title span{font-size:12px}.TotalBalance .ContentInfo img{width:36px;height:36px}.TotalBalance .ContentInfo .Cointext .CoinTitle{font-size:12px}.TotalBalance .ContentInfo .Cointext .CoinAmount{font-size:16px}}@media only screen and (max-width:425px){.TotalBalance{width:100%;margin-bottom:1em}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.MyBalanceSection{display:flex;flex-direction:column;padding-top:2em}.MyBalanceSection .Top{width:100%}.MyBalanceSection .Top h1{font-family:"Montserrat",sans-serif;font-size:30px;font-weight:700;color:#fff;margin:0}.MyBalanceSection .Top p{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:400;color:#a0a0ac;margin:0 0 1em}.MyBalanceSection .Top .Content{display:flex;justify-content:space-between}.MyBalanceSection .Bottom{width:100%}@media only screen and (max-width:768px){.ProtocolSection{flex-direction:column}.ProtocolSection .Left{width:100%}.ProtocolSection .Right{width:100%;padding:3em 0 0}}@media only screen and (max-width:425px){.MyBalanceSection .Top .Content{flex-direction:column}}
/*# sourceMappingURL=main.e1d23e9e.chunk.css.map */