:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px}@media(min-width:768px){html{font-size:18px}}@media(min-width:1024px){html{font-size:20px}}img{display:block;width:100%;height:100%}body{margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;width:100vw;height:100vh;overflow-x:hidden;background-color:#181818!important;color:#fff!important}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.app{width:100%;height:100%}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:1.5px}::-webkit-scrollbar-thumb:hover{background:#fff6}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.header-bar__container{width:100%;height:48px;background:#171818;position:absolute;top:0;left:0;right:0;color:#fff}.header-bar__inner{position:relative;width:100%;height:100%}.header-bar__close-button{width:12px;height:12px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.header-bar__close-button.back-icon{width:20px;height:20px}.header-bar__close-button img{width:100%;height:100%}.header-bar__title{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;font-size:14px;font-family:Poppins,sans-serif;font-weight:700;white-space:nowrap}.header-bar__menu-button{width:16px;height:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.header-bar__menu-button img{width:100%;height:100%}.header-bar__drawer{width:40vw}.header-bar__drawer-content{background:#222;padding:16px;width:100%;height:100vh;color:#fff}.header-bar__drawer-item{padding:18px;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer}.header-bar__drawer-item:hover{background:#ffffff0d}.content{padding-top:48px}:root{--abcc-blue-2: rgba(111, 137, 255, 1);--variable-collection-bg: rgba(23, 24, 24, 1);--border-faint: rgba(255, 255, 255, .1);--text-default: #ffffff}.arrow-button-frame{display:inline-flex;align-items:center;gap:8px;height:26px;padding:4px 11px;background-color:#222;border:1px solid var(--border-faint);border-radius:10px;box-sizing:border-box;margin-top:10px;margin-bottom:10px}.arrow-button-frame .div{display:inline-flex;align-items:center;gap:6px}.arrow-button-frame .text-wrapper{color:var(--text-default);font-family:Poppins-Regular,Helvetica,Arial;font-size:12px;font-weight:400;line-height:1;white-space:nowrap}.arrow-button-frame .vector{width:6px;height:10.5px;display:inline-block;vertical-align:middle}.info-row{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:100%;box-sizing:border-box;flex-wrap:nowrap;height:20px;flex:none;order:0;flex-grow:0}.info-row__label-container{display:flex;align-items:center;gap:5px;min-width:0}.info-row__icon-wrapper{display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.info-row__icon-wrapper>.MuiSvgIcon-root{font-size:1rem}.info-row__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;color:#fff;opacity:.5}.info-row__value{color:#fff;white-space:nowrap;font-style:normal;font-weight:400;line-height:18px;display:flex;align-items:center;text-align:right}:root{--abcc-blue-2: rgba(111, 137, 255, 1);--abcc-button-a-font-family: "Poppins", Helvetica;--abcc-button-a-font-size: 14px;--abcc-button-a-font-style: normal;--abcc-button-a-font-weight: 700;--abcc-button-a-letter-spacing: 0px;--abcc-button-a-line-height: 22px;--abcc-text-font-family: "Poppins", Helvetica;--abcc-text-font-size: 12px;--abcc-text-font-style: normal;--abcc-text-font-weight: 300;--abcc-text-letter-spacing: 0px;--abcc-text-line-height: 22px;--abcc-yellow-2: var(--variable-collection-abcc-yellow);--abccred: rgba(186, 40, 40, 1);--variable-collection-abcc-blue: rgba(115, 127, 255, 1);--variable-collection-abcc-orange: rgba(237, 163, 14, 1);--variable-collection-abcc-yellow: rgba(255, 209, 0, 1);--variable-collection-bg: rgba(23, 24, 24, 1)}.button-list-frame{margin-top:10px;margin-bottom:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;position:relative}.button-item{position:relative;height:32px;min-width:72px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;transition:all .2s ease}.button-item:hover:not(.button-item--disabled) .rectangle{background-color:#ffffff0d}.button-item .rectangle{background-color:#000;border:1px solid rgba(255,255,255,.1019607843);border-radius:10px;position:absolute;inset:-1px 0;z-index:0;transition:all .2s ease}.button-item .text-wrapper{position:relative;z-index:1;color:#fff;font-family:Poppins-Regular,Helvetica;font-size:12px;font-weight:400;line-height:22px;opacity:.9;white-space:nowrap;text-align:center}.button-item--highlight .rectangle{border-color:var(--abcc-yellow-2);background-color:#000}.button-item--highlight .text-wrapper{color:var(--abcc-yellow-2);font-weight:300}.button-item--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.button-item--disabled .rectangle{background-color:#0000004d;border-color:#ffffff0d}.button-item--disabled .text-wrapper{color:#ffffff4d;opacity:.5}@media(max-width:480px){.button-list-frame{gap:8px}.button-item{height:28px;min-width:64px;padding:0 10px}.button-item .text-wrapper{font-size:11px;line-height:20px}}@media(min-width:481px)and (max-width:768px){.button-list-frame{gap:9px}.button-item{height:30px;min-width:68px;padding:0 11px}.button-item .text-wrapper{font-size:11.5px;line-height:21px}}.exchange-buy-sell-box{width:100%;box-sizing:border-box;padding:1.5rem;position:relative;min-height:144px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:1.5rem;align-items:start}.exchange-buy-sell-box .rectangle{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px) brightness(100%);backdrop-filter:blur(8px) brightness(100%);background-color:#222;border:1px solid;border-color:#ffffff1a;border-radius:10px;z-index:0;pointer-events:none}.exchange-buy-sell-box .left-column{grid-column:1;grid-row:1;display:flex;flex-direction:row;align-items:center;gap:1rem;z-index:1;min-width:0}.exchange-buy-sell-box .left-column .token-image{flex:0 0 auto}.exchange-buy-sell-box .left-column .token-image img{width:64px;height:64px;object-fit:contain;border-radius:50%}.exchange-buy-sell-box .left-column .buy-sell-info-box{flex:1 1 auto;min-width:0}.exchange-buy-sell-box .topup-button{grid-column:2;grid-row:1;z-index:1;align-self:center;flex-shrink:0}.exchange-buy-sell-box .group-wrapper{grid-column:1/3;grid-row:2;z-index:1;width:100%}@media(max-width:480px){.exchange-buy-sell-box{padding:.875rem;gap:.875rem;grid-template-columns:1fr auto;grid-template-rows:auto auto;min-height:120px}.exchange-buy-sell-box .rectangle{border-radius:8px}.exchange-buy-sell-box .left-column{grid-column:1;grid-row:1;flex-direction:row;gap:.5rem}.exchange-buy-sell-box .left-column .token-image img{width:40px;height:40px}.exchange-buy-sell-box .left-column .buy-sell-info-box{flex:1;min-width:0}.exchange-buy-sell-box .topup-button{grid-column:2;grid-row:1;align-self:center}.exchange-buy-sell-box .group-wrapper{grid-column:1/3;grid-row:2}}@media(min-width:481px)and (max-width:768px){.exchange-buy-sell-box{padding:1rem;gap:1rem;grid-template-columns:1fr auto;grid-template-rows:auto auto;min-height:130px}.exchange-buy-sell-box .left-column{grid-column:1;grid-row:1;flex-direction:row;gap:.75rem}.exchange-buy-sell-box .left-column .token-image img{width:48px;height:48px}.exchange-buy-sell-box .left-column .buy-sell-info-box{flex:1;min-width:0}.exchange-buy-sell-box .topup-button{grid-column:2;grid-row:1;align-self:center}.exchange-buy-sell-box .group-wrapper{grid-column:1/3;grid-row:2}}@media(min-width:769px)and (max-width:1024px){.exchange-buy-sell-box{padding:1.25rem;gap:1.25rem;min-height:140px}.exchange-buy-sell-box .left-column{gap:.875rem}.exchange-buy-sell-box .left-column .token-image img{width:56px;height:56px}}@media(min-width:1025px){.exchange-buy-sell-box{padding:1.5rem;gap:1.5rem;min-height:144px}.exchange-buy-sell-box .left-column{gap:1rem}.exchange-buy-sell-box .left-column .token-image img{width:64px;height:64px}}.buy-sell-info-box{width:100%;display:flex;flex-direction:column;gap:6px}.buy-sell-info-box .token-name{font-family:Poppins,Helvetica,sans-serif;font-weight:700;color:#fff;font-size:15px;line-height:1rem;text-align:start}.buy-sell-info-box .token-type{font-family:Poppins,Helvetica,sans-serif;font-weight:400;color:#fff;font-size:15px;line-height:1rem;text-align:start;opacity:.5}.buy-sell-info-box .balance-row{display:flex;flex-direction:row;gap:.5rem;align-items:start}.buy-sell-info-box .balance-row .balance-label{font-family:Poppins,Helvetica,sans-serif;font-weight:400;color:#fff;font-size:15px;line-height:1rem;letter-spacing:.05px;opacity:.5;white-space:nowrap}.buy-sell-info-box .balance-row .balance-value{font-family:Poppins,Helvetica,sans-serif;font-weight:700;color:#fff;font-size:14px;line-height:1rem;white-space:nowrap}.buy-sell-switch-button{width:100%;display:flex;justify-content:center;align-items:center;padding:0 1rem;box-sizing:border-box}.buy-sell-switch-button .fieldset{position:relative;display:inline-flex;border-radius:10px;padding:2px;border:none;height:36px;width:100%;-webkit-backdrop-filter:blur(8px) brightness(100%);backdrop-filter:blur(8px) brightness(100%);background-color:#000;border:1px solid;border-color:#ffffff1a}.buy-sell-switch-button .fieldset input[type=radio]{position:absolute;opacity:0;pointer-events:none}.buy-sell-switch-button .fieldset label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:50%;height:100%;cursor:pointer;font-family:Poppins,Helvetica,sans-serif;font-size:15px;font-weight:500;color:#888;transition:color .3s ease;white-space:nowrap}.buy-sell-switch-button .fieldset label:hover{color:#fff}.buy-sell-switch-button .fieldset input[type=radio]:checked+label{color:#fff}.buy-sell-switch-button .fieldset .switch{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:8px;transition:transform .3s ease,background-color .3s ease;z-index:0}.buy-sell-switch-button .fieldset input[type=radio]:first-of-type:checked~.switch{transform:translate(0);background-color:var(--variable-collection-colorred, rgb(246, 42, 42))}.buy-sell-switch-button .fieldset input[type=radio]:last-of-type:checked~.switch{transform:translate(calc(100% + 2px));background-color:var(--variable-collection-color-green, rgb(34, 184, 112))}@media(max-width:480px){.buy-sell-switch-button{padding:0 .5rem}.buy-sell-switch-button .fieldset{height:32px;border-radius:8px;padding:2px}.buy-sell-switch-button .fieldset label{font-size:13px;padding:0 4px}.buy-sell-switch-button .fieldset .switch{top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:6px}.buy-sell-switch-button .fieldset input[type=radio]:last-of-type:checked~.switch{transform:translate(calc(100% + 2px))}}@media(min-width:481px)and (max-width:768px){.buy-sell-switch-button{padding:0 .75rem}.buy-sell-switch-button .fieldset{height:34px;padding:2px}.buy-sell-switch-button .fieldset label{font-size:14px}.buy-sell-switch-button .fieldset .switch{top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:7px}.buy-sell-switch-button .fieldset input[type=radio]:last-of-type:checked~.switch{transform:translate(calc(100% + 2px))}}@media(min-width:769px)and (max-width:1024px){.buy-sell-switch-button{padding:0 1rem}.buy-sell-switch-button .fieldset{height:36px;padding:2px}.buy-sell-switch-button .fieldset label{font-size:15px}.buy-sell-switch-button .fieldset .switch{top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:8px}.buy-sell-switch-button .fieldset input[type=radio]:last-of-type:checked~.switch{transform:translate(calc(100% + 2px))}}@media(min-width:1025px){.buy-sell-switch-button{padding:0 1rem}.buy-sell-switch-button .fieldset{height:36px;padding:2px}.buy-sell-switch-button .fieldset label{font-size:15px}.buy-sell-switch-button .fieldset .switch{top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);border-radius:8px}.buy-sell-switch-button .fieldset input[type=radio]:last-of-type:checked~.switch{transform:translate(calc(100% + 2px))}}:root{--abcc-blue-2: rgba(111, 137, 255, 1);--abcc-button-a-font-family: "Poppins", Helvetica;--abcc-button-a-font-size: 14px;--abcc-button-a-font-style: normal;--abcc-button-a-font-weight: 700;--abcc-button-a-letter-spacing: 0px;--abcc-button-a-line-height: 22px;--abcc-text-font-family: "Poppins", Helvetica;--abcc-text-font-size: 12px;--abcc-text-font-style: normal;--abcc-text-font-weight: 300;--abcc-text-letter-spacing: 0px;--abcc-text-line-height: 22px;--abcc-yellow-2: var(--variable-collection-abcc-yellow);--abccred: rgba(186, 40, 40, 1);--roboto-10px-regular-font-family: "Roboto", Helvetica;--roboto-10px-regular-font-size: 10px;--roboto-10px-regular-font-style: normal;--roboto-10px-regular-font-weight: 400;--roboto-10px-regular-letter-spacing: 0px;--roboto-10px-regular-line-height: normal;--roboto-13px-regular-font-family: "Roboto", Helvetica;--roboto-13px-regular-font-size: 13px;--roboto-13px-regular-font-style: normal;--roboto-13px-regular-font-weight: 400;--roboto-13px-regular-letter-spacing: 0px;--roboto-13px-regular-line-height: normal;--roboto-16px-regular-font-family: "Roboto", Helvetica;--roboto-16px-regular-font-size: 16px;--roboto-16px-regular-font-style: normal;--roboto-16px-regular-font-weight: 400;--roboto-16px-regular-spacing: 0px;--roboto-16px-regular-line-height: normal;--roboto-20px-regular-font-family: "Roboto", Helvetica;--roboto-20px-regular-font-size: 20px;--roboto-20px-regular-font-style: normal;--roboto-20px-regular-font-weight: 400;--roboto-20px-regular-letter-spacing: 0px;--roboto-20px-regular-line-height: normal;--roboto-25px-regular-font-family: "Roboto", Helvetica;--roboto-25px-regular-font-size: 25px;--roboto-25px-regular-font-style: normal;--roboto-25px-regular-font-weight: 400;--roboto-25px-regular-letter-spacing: 0px;--roboto-25px-regular-line-height: normal;--roboto-31px-regular-font-family: "Roboto", Helvetica;--roboto-31px-regular-font-size: 31px;--roboto-31px-regular-font-style: normal;--roboto-31px-regular-font-weight: 400;--roboto-31px-regular-letter-spacing: 0px;--roboto-31px-regular-line-height: normal;--roboto-39px-regular-font-family: "Roboto", Helvetica;--roboto-39px-regular-font-size: 39px;--roboto-39px-regular-font-style: normal;--roboto-39px-regular-font-weight: 400;--roboto-39px-regular-letter-spacing: 0px;--roboto-39px-regular-line-height: normal;--variable-collection-abcc-blue: rgba(115, 127, 255, 1);--variable-collection-abcc-orange: rgba(237, 163, 14, 1);--variable-collection-abcc-yellow: rgba(255, 209, 0, 1);--variable-collection-agent: rgba(73, 81, 169, 1);--variable-collection-agent-grey-1: rgba(131, 141, 164, 1);--variable-collection-bg: rgba(23, 24, 24, 1);--variable-collection-bg1: rgba(24, 24, 24, 1);--variable-collection-color-green: rgba(34, 184, 112, 1);--variable-collection-colorred: rgba(246, 42, 42, 1)}.top-up-button{align-items:center;background-color:#222;border:1px solid;border-color:#ffffff1a;border-radius:10px;display:inline-flex;gap:5px;justify-content:center;padding:4px 10px;position:relative;cursor:pointer;white-space:nowrap;width:auto;min-width:fit-content;transition:background-color .2s ease}.top-up-button:hover{background-color:#2a2a2a}.top-up-button .text-wrapper{color:#fff;font-family:Poppins-Regular,Helvetica;font-size:10px;font-weight:400;letter-spacing:0;line-height:18px;white-space:nowrap;width:fit-content}.top-up-button .div{align-items:center;display:inline-flex;flex:0 0 auto;gap:4px}.top-up-button .element{aspect-ratio:.86;height:10px;width:9px;object-fit:contain}.top-up-button .text-wrapper-2{color:#ffd100;font-family:Poppins-Regular,Helvetica;font-size:10px;font-weight:400;letter-spacing:0;line-height:18px;white-space:nowrap;width:fit-content}.top-up-button .vector{aspect-ratio:2.33;height:8.5px;width:4.12px;object-fit:contain}@media(max-width:480px){.top-up-button{padding:3px 8px;gap:4px;border-radius:8px}.top-up-button .text-wrapper{font-size:9px;line-height:16px}.top-up-button .element{height:9px;width:8px}.top-up-button .text-wrapper-2{font-size:9px;line-height:16px}.top-up-button .vector{height:7.5px;width:3.5px}}@media(min-width:481px)and (max-width:768px){.top-up-button{padding:4px 9px;gap:4px}.top-up-button .text-wrapper,.top-up-button .text-wrapper-2{font-size:10px;line-height:17px}}@media(min-width:769px)and (max-width:1024px){.top-up-button{padding:4px 10px;gap:5px}.top-up-button .text-wrapper,.top-up-button .text-wrapper-2{font-size:10px;line-height:18px}}@media(min-width:1025px){.top-up-button{padding:4px 10px;gap:5px}.top-up-button .text-wrapper,.top-up-button .text-wrapper-2{font-size:10px;line-height:18px}}.exchange-card-price-list{width:100%;display:flex;flex-direction:column;gap:0;background:transparent}.exchange-card-price-list .list-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem .8rem;box-sizing:border-box;background:#18181880;border-bottom:1px solid rgba(255,255,255,.1)}.exchange-card-price-list .list-header .header-left{color:#ffffffb3;font-feature-settings:"liga" off,"clig" off;font-family:Poppins,Helvetica,sans-serif;font-size:.75rem;font-style:normal;font-weight:300;line-height:1.375rem;text-align:left}.exchange-card-price-list .list-header .header-right{color:#ffffffb3;font-feature-settings:"liga" off,"clig" off;font-family:Poppins,Helvetica,sans-serif;font-size:.75rem;font-style:normal;font-weight:300;line-height:1.375rem;text-align:right}@media(max-width:480px){.exchange-card-price-list .list-header{padding:.5rem .6rem}.exchange-card-price-list .list-header .header-left,.exchange-card-price-list .list-header .header-right{font-size:.625rem;line-height:1.125rem}}@media(min-width:481px)and (max-width:1024px){.exchange-card-price-list .list-header{padding:.6rem .75rem}.exchange-card-price-list .list-header .header-left,.exchange-card-price-list .list-header .header-right{font-size:.6875rem;line-height:1.25rem}}@media(min-width:1025px){.exchange-card-price-list .list-header .header-left,.exchange-card-price-list .list-header .header-right{font-size:.75rem;line-height:1.375rem}}:root{--abcc-blue-2: rgba(111, 137, 255, 1);--abcc-button-a-font-family: "Poppins", Helvetica;--abcc-button-a-font-size: 14px;--abcc-button-a-font-style: normal;--abcc-button-a-font-weight: 700;--abcc-button-a-letter-spacing: 0px;--abcc-button-a-line-height: 22px;--abcc-text-font-family: "Poppins", Helvetica;--abcc-text-font-size: 12px;--abcc-text-font-style: normal;--abcc-text-font-weight: 300;--abcc-text-letter-spacing: 0px;--abcc-text-line-height: 22px;--abcc-yellow-2: var(--variable-collection-abcc-yellow);--abccred: rgba(186, 40, 40, 1);--roboto-10px-regular-font-family: "Roboto", Helvetica;--roboto-10px-regular-font-size: 10px;--roboto-10px-regular-font-style: normal;--roboto-10px-regular-font-weight: 400;--roboto-10px-regular-letter-spacing: 0px;--roboto-10px-regular-line-height: normal;--roboto-13px-regular-font-family: "Roboto", Helvetica;--roboto-13px-regular-font-size: 13px;--roboto-13px-regular-font-style: normal;--roboto-13px-regular-font-weight: 400;--roboto-13px-regular-letter-spacing: 0px;--roboto-13px-regular-line-height: normal;--roboto-16px-regular-font-family: "Roboto", Helvetica;--roboto-16px-regular-font-size: 16px;--roboto-16px-regular-font-style: normal;--roboto-16px-regular-font-weight: 400;--roboto-16px-regular-letter-spacing: 0px;--roboto-16px-regular-line-height: normal;--roboto-20px-regular-font-family: "Roboto", Helvetica;--roboto-20px-regular-font-size: 20px;--roboto-20px-regular-font-style: normal;--roboto-20px-regular-font-weight: 400;--roboto-20px-regular-letter-spacing: 0px;--roboto-20px-regular-line-height: normal;--roboto-25px-regular-font-family: "Roboto", Helvetica;--roboto-25px-regular-font-size: 25px;--roboto-25px-regular-font-style: normal;--roboto-25px-regular-font-weight: 400;--roboto-25px-regular-letter-spacing: 0px;--roboto-25px-regular-line-height: normal;--roboto-31px-regular-font-family: "Roboto", Helvetica;--roboto-31px-regular-font-size: 31px;--roboto-31px-regular-font-style: normal;--roboto-31px-regular-font-weight: 400;--roboto-31px-regular-letter-spacing: 0px;--roboto-31px-regular-line-height: normal;--roboto-39px-regular-font-family: "Roboto", Helvetica;--roboto-39px-regular-font-size: 39px;--roboto-39px-regular-font-style: normal;--roboto-39px-regular-font-weight: 400;--roboto-39px-regular-letter-spacing: 0px;--roboto-39px-regular-line-height: normal;--variable-collection-abcc-blue: rgba(115, 127, 255, 1);--variable-collection-abcc-orange: rgba(237, 163, 14, 1);--variable-collection-abcc-yellow: rgba(255, 209, 0, 1);--variable-collection-agent: rgba(73, 81, 169, 1);--variable-collection-agent-grey-1: rgba(131, 141, 164, 1);--variable-collection-bg: rgba(23, 24, 24, 1);--variable-collection-bg1: rgba(24, 24, 24, 1);--variable-collection-color-green: rgba(34, 184, 112, 1);--variable-collection-colorred: rgba(246, 42, 42, 1)}.exchange-price-card{display:block;width:100%;background:transparent}.exchange-price-card .box{width:100%;box-sizing:border-box;padding:.6rem .8rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(0deg,var(--variable-collection-bg1, #181818) 0%,var(--variable-collection-bg1, #181818) 100%),#222;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.25rem .5rem;align-items:center;align-content:start;row-gap:.25rem}.exchange-price-card .box .group{grid-column:1/3;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.exchange-price-card .box .group>div:first-child{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto}.exchange-price-card .box .group>div:first-child .image{width:24px;height:24px;flex:0 0 24px;object-fit:cover;border-radius:50%}.exchange-price-card .box .group>div:first-child .text-wrapper{color:#fff;font-family:Poppins-Bold,Helvetica;font-size:16px;font-weight:700;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.exchange-price-card .box .group .div{color:#fff;font-family:Poppins-Bold,Helvetica;font-size:16px;font-weight:700;line-height:22px;white-space:nowrap;flex:0 0 auto;text-align:right;margin-left:1rem}.exchange-price-card .box .group-2{grid-column:1/3;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-right:0;box-sizing:border-box}.exchange-price-card .box .group-2 .text-wrapper-3{color:#ffffffb3;font-family:Poppins-Regular,Helvetica;font-size:12px;font-weight:400;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;text-align:left}.exchange-price-card .box .group-2 .group-3{display:flex;align-items:center;gap:.35rem;flex:0 0 auto;white-space:nowrap}.exchange-price-card .box .group-2 .group-3 .path{width:6px;height:6px;object-fit:contain}.exchange-price-card .box .group-2 .group-3 .text-wrapper-2{font-family:Poppins-Regular,Helvetica;font-size:12px;font-weight:400;line-height:20px}.exchange-price-card .box .group-2 .group-3 .text-wrapper-2.positive{color:var(--variable-collection-color-green)}.exchange-price-card .box .group-2 .group-3 .text-wrapper-2.negative{color:#f62a2a}@media(max-width:480px){.exchange-price-card .box{padding:.85rem .6rem}.exchange-price-card .group>div:first-child{gap:.4rem}.exchange-price-card .group>div:first-child .image{width:20px;height:20px;flex:0 0 20px}.exchange-price-card .group>div:first-child .text-wrapper{font-size:14px;line-height:18px}.exchange-price-card .group .div{font-size:14px}.exchange-price-card .group-2 .text-wrapper-3{font-size:12px;max-width:65%}.exchange-price-card .group-2 .group-3 .text-wrapper-2{font-size:12px}}@media(min-width:481px)and (max-width:1024px){.exchange-price-card .box{padding:.5rem .75rem}.exchange-price-card .group>div:first-child .image{width:22px;height:22px;flex:0 0 22px}.exchange-price-card .group>div:first-child .text-wrapper{font-size:15px}.exchange-price-card .group .div{font-size:15px}}@media(min-width:1025px){.exchange-price-card .group>div:first-child .image{width:24px;height:24px;flex:0 0 24px}.exchange-price-card .group>div:first-child .text-wrapper{font-size:16px}.exchange-price-card .group .div{font-size:16px}}.token-pair-display{display:flex;align-items:center;justify-content:flex-start;gap:12px;background-color:transparent;padding:0;width:100%;box-sizing:border-box;flex-wrap:nowrap;min-width:0}.token-pair-display__token-info{display:flex;align-items:center;gap:8px;flex-shrink:1;min-width:0}.token-pair-display__icon{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.token-pair-display__details{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}.token-pair-display__token-name{font-weight:700!important;color:#fff!important;font-size:1.125rem!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.token-pair-display__token-network{color:#e0e0e0!important;font-size:.875rem!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.token-pair-display__arrow{width:16px;height:10px;flex-shrink:0;object-fit:contain;margin:0 6px}@media(max-width:768px){.token-pair-display{gap:10px}.token-pair-display__token-info{gap:7px}.token-pair-display__icon{width:36px;height:36px}.token-pair-display__token-name{font-size:1rem!important}.token-pair-display__token-network{font-size:.8125rem!important}.token-pair-display__arrow{width:14px;height:9px;margin:0 4px}}@media(max-width:480px){.token-pair-display{gap:8px}.token-pair-display__token-info{gap:6px}.token-pair-display__icon{width:32px;height:32px}.token-pair-display__token-name{font-size:.9375rem!important}.token-pair-display__token-network{font-size:.75rem!important}.token-pair-display__arrow{width:12px;height:8px;margin:0 3px}}.countdown-circle{position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:#000;border-radius:50%}.countdown-circle__svg{transform:rotate(270deg)}.countdown-circle__bg,.countdown-circle__progress{fill:none}.countdown-circle__bg{stroke:#333}.countdown-circle__progress{stroke:#fdd835;stroke-linecap:round;transition:stroke-dashoffset .5s linear}.countdown-circle__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1.25rem}.last-price-update{background-color:transparent;padding:8px 12px;border-radius:4px;display:inline-block;width:100%;box-sizing:border-box}.last-price-update__text{font-family:Arial,sans-serif;font-weight:700;font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Poppins;font-style:normal;font-weight:400;font-size:12px;line-height:16px;display:flex;align-items:center;color:#fff;opacity:.5}.currency-swap-card-wrapper{display:flex;flex-direction:column;width:fit-content}.currency-swap-card{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:0;background-color:transparent;box-sizing:border-box;gap:8px}.currency-swap-card__section{display:flex;align-items:center;min-width:0;flex-shrink:1}.currency-swap-card__value-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap}.currency-swap-card__currency{font-weight:400!important;font-size:.875rem!important;color:#fff!important;flex-shrink:0;line-height:1.2!important;font-family:Poppins,Helvetica,sans-serif!important}.currency-swap-card__amount{font-weight:700!important;font-size:.875rem!important;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2!important;font-family:Poppins,Helvetica,sans-serif!important}.currency-swap-card__swap-button{background-color:transparent!important;color:#fff!important;padding:4px!important;margin:0 4px!important;flex-shrink:0;min-width:auto!important;width:24px!important;height:24px!important}.currency-swap-card__swap-button:hover{background-color:#ffffff1a!important}.currency-swap-card__swap-icon{width:16px!important;height:16px!important;object-fit:contain}.currency-swap-card__divider{border-color:#444!important;width:100%;margin:0!important}@media(max-width:480px){.currency-swap-card-wrapper{gap:.4rem}.currency-swap-card{gap:6px}.currency-swap-card__swap-button{width:10px!important;height:10px!important;margin:0!important}.currency-swap-card__swap-icon{width:14px!important;height:14px!important}}@media(min-width:481px)and (max-width:768px){.currency-swap-card-wrapper{gap:.45rem}.currency-swap-card{gap:7px}.currency-swap-card__currency,.currency-swap-card__amount{font-size:.8125rem!important}.currency-swap-card__swap-button{width:22px!important;height:22px!important}.currency-swap-card__swap-icon{width:15px!important;height:15px!important}}.exchange-token-pair-box{display:flex;flex-direction:column;background-color:transparent;width:100%}.exchange-token-pair-box__header{display:flex;justify-content:space-between;align-items:center;width:100%}.exchange-token-pair-box__token-pair{flex:1;display:flex;flex-direction:row;align-items:center}.exchange-token-pair-box__countdown{flex-shrink:0;align-items:end;display:flex;margin-top:5px}.exchange-token-pair-box__rate-section{display:flex;justify-content:flex-start;width:50%;padding-left:2rem;align-items:center;gap:5px}.exchange-token-pair-box__footer{display:flex;justify-content:flex-start;align-items:center}@media(max-width:768px){.exchange-token-pair-box{padding-left:.75rem}.exchange-token-pair-box__header{gap:0rem}.exchange-token-pair-box__token-pair{max-width:60%}}@media(max-width:480px){.exchange-token-pair-box{padding-left:.5rem;gap:0rem}.exchange-token-pair-box__header{gap:0rem}.exchange-token-pair-box__token-pair{max-width:65%}}.exchange-trade-list{display:flex;flex-direction:column;width:100%;gap:0;background:transparent}.token-selector{display:flex;align-items:flex-start;padding:1rem;background-color:#2d2d2d;cursor:pointer;width:100vw;margin-left:calc(-50vw + 50%);box-sizing:border-box;font-family:Poppins,Helvetica,sans-serif;color:#fff;transition:background-color .2s ease}.token-selector:hover:not(.token-selector--disabled){background-color:#3a3a3a}.token-selector--disabled{opacity:.5;cursor:default;pointer-events:none}.token-selector .MuiTypography-root{margin:0;padding:0}.token-selector__icon{width:2.5rem;height:2.5rem;margin-left:1rem;margin-right:1rem;flex-shrink:0;align-self:flex-start;margin-top:5px}.token-selector__info{flex-grow:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.token-selector__token-name{font-weight:600!important;color:#fff!important;font-size:1.125rem!important;line-height:1.3!important}.token-selector__network-name{color:#aaa!important;font-size:.875rem!important;line-height:1.3!important}.token-selector__rate-row{display:flex;align-items:center;gap:.25rem;margin-top:.25rem;margin-bottom:.5rem}.token-selector__rate-text{font-weight:600!important;color:#fff!important;font-size:1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-selector__refresh-button{color:#fff!important;padding:2px!important}.token-selector__refresh-button .MuiSvgIcon-root{font-size:1.1rem!important}.token-selector__details{color:#aaa!important;font-size:.8125rem!important;line-height:1.4}.token-selector__chevron{width:1rem;height:1.5rem;object-fit:contain;opacity:.7;margin-left:1rem;margin-right:1rem;flex-shrink:0;align-self:center}@media(max-width:480px){.token-selector{padding:.75rem}.token-selector__icon{width:36px;height:36px;margin-left:.75rem;margin-right:.75rem}.token-selector__token-name{font-size:1rem!important}.token-selector__network-name,.token-selector__details{font-size:.75rem!important}.token-selector__rate-text{font-size:.875rem!important}.token-selector__rate-row{margin-bottom:.4rem}.token-selector__chevron{width:20px;height:20px;margin-left:.5rem;margin-right:.5rem}}.content-page-wrapper{height:calc(100vh - 48px);height:calc(100dvh - 48px);overflow-y:auto;padding:12px 16px 120px}.image-button{padding:0;border-radius:9999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:transparent}.image-button:hover .image-button__img{transform:scale(1.04)}.image-button--disabled{opacity:.5;pointer-events:none}.image-button__img{display:block;border-radius:9999px;object-fit:cover;transition:transform .15s ease-in-out}.drawer{color:#fff}.drawer__backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0;opacity:0;transition:opacity .1s ease-in-out;pointer-events:none}.drawer__backdrop--open{pointer-events:all;opacity:1}.drawer__container{position:absolute;bottom:0;left:0;right:0;background:#171818;border-radius:20px 20px 0 0;transform:translateY(100%);transition:height .2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 -4px 20px #0000001a;width:100%;opacity:0}.drawer__container--open{animation:slideUp .15s cubic-bezier(.25,.46,.45,.94) forwards}.drawer__content{opacity:0;height:100%;display:flex;flex-direction:column}.drawer__content--visible{animation:slideLeftSmooth .1s ease forwards}.drawer__header{display:flex;align-items:center;justify-content:center;padding:16px 24px;position:relative;flex-shrink:0}.drawer__header__right{position:absolute;right:24px;top:50%;transform:translateY(-50%);cursor:pointer;color:#888}.drawer__body{overflow-y:auto;flex:1}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}50%{opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slippage-drawer__content{display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem 1rem}.slippage-drawer__label{font-size:.875rem!important;color:#888!important;margin-bottom:.75rem!important;text-align:left!important;font-weight:400!important}.slippage-drawer__options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.5rem}.slippage-drawer__option-btn{background-color:#333!important;color:#fff!important;border-radius:2.5rem!important;padding:.875rem 1.25rem!important;font-size:.95rem!important;font-weight:500!important;text-transform:none!important;border:.1875rem solid transparent!important;transition:all .2s ease!important;min-height:unset!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}.slippage-drawer__option-btn--selected{background-color:#333!important;border-color:#fdd835!important;color:#fff!important;box-shadow:0 0 0 .125rem #fdd83533}.slippage-drawer__option-btn-placeholder{visibility:hidden}.slippage-drawer__confirm-btn-wrapper{margin-top:1.5rem;padding-bottom:1rem}.slippage-drawer__confirm-btn{background-color:#fdd835!important;color:#000!important;border-radius:.75rem!important;padding:1rem 1.25rem!important;font-size:1rem!important;font-weight:500!important;text-transform:none!important;margin-top:1rem!important;box-shadow:none!important;min-height:unset!important;height:auto!important;border:none!important;transition:all .2s ease!important;cursor:pointer!important;width:100%!important}.slippage-drawer__confirm-btn:active{transform:scale(.98)}@media(max-width:30rem){.slippage-drawer__content{padding:0 .75rem .75rem;gap:1.25rem}.slippage-drawer__options-grid{gap:.625rem}.slippage-drawer__option-btn{padding:.75rem 1rem!important;font-size:.875rem!important}.slippage-drawer__confirm-btn-wrapper{margin-bottom:1rem}.slippage-drawer__confirm-btn{padding:.875rem 1rem!important;font-size:.9375rem!important;margin-top:.875rem!important}}.token-amount-card{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:149px;background:#000;border-radius:6px;padding:12px 16px;box-sizing:border-box;font-family:Poppins,sans-serif;color:#fff}.token-amount-card__row{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;overflow:hidden}.token-amount-card__row--middle{padding:16px 0}.token-amount-card__main-label{font-size:16px;font-weight:400;color:#fff}.token-amount-card__max-button{background:#0000004d!important;border:1px solid #ffffff!important;border-radius:6px!important;color:#fff!important;font-family:Poppins,sans-serif!important;font-size:12px!important;font-weight:400!important;text-transform:none!important;padding:2px 12px!important;min-width:auto!important}.token-amount-card__token-info{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1}.token-amount-card__token-icon{width:20px;height:20px;flex-shrink:0}.token-amount-card__token-details{display:flex;flex-direction:column}.token-amount-card__token-name{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-amount-card__token-network{font-size:12px;font-weight:400;color:#ffffff80;white-space:nowrap}.token-amount-card__amount-input{flex-grow:1;margin-left:16px}.token-amount-card__settings-wrapper{min-width:40px;display:flex;align-items:flex-end;margin-bottom:-1rem}.token-amount-card__settings-button{color:#fff!important;opacity:.5;padding:0!important}.token-amount-card__settings-button:hover{opacity:1}.token-amount-card__info-lines{display:flex;flex-direction:column;align-items:flex-end;min-width:0;flex-shrink:0}.token-amount-card__info-line{display:flex;gap:5px;flex-wrap:nowrap}.token-amount-card__info-label{font-size:12px;font-weight:400;color:#ffffff80;white-space:nowrap}.token-amount-card__info-value{font-size:12px;font-weight:400;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-card{width:100%}.wallet-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wallet-card__logo-container{width:56px;height:12px}.wallet-card__logo{width:100%;height:100%;display:block;object-fit:contain}.wallet-card__id-section{display:flex;align-items:center}.wallet-card__id-label{color:gray;margin-right:8px}.wallet-card__id-value{color:#fff}.wallet-card__content{display:block}.wallet-card__row{display:flex;align-items:center}.wallet-card__row--name{margin-bottom:4px}.wallet-card__icon-container{margin-right:8px}.wallet-card__icon-container--wallet{width:10px;height:10px}.wallet-card__icon-container--link{width:8px;height:8px}.wallet-card__icon{width:100%;height:100%;display:block;object-fit:contain}.wallet-card__name{color:#fff;font-weight:700}.wallet-card__email{color:#ffd100}.card{width:100%;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:12px;position:relative;background-color:#181818;box-shadow:0 4px 4px #00000040}.card_card__right-adornment{height:100%}.multiple-stage-drawer__content{opacity:0}.multiple-stage-drawer__content.visible{animation:slideLeftSmooth .1s ease forwards}.multiple-stage-drawer__header{justify-content:space-between;padding:16px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(240,240,240,.2);margin-bottom:12px;position:relative}.multiple-stage-drawer__header__clear{position:absolute;right:24px;top:50%;transform:translateY(-50%);cursor:pointer;color:#888}.multiple-stage-drawer__header__clear:hover{color:#fff}.multiple-stage-drawer__clear{cursor:pointer;color:#888}.multiple-stage-drawer__clear:hover{color:#fff}@keyframes slideLeftSmooth{0%{opacity:0}60%{opacity:.8}to{opacity:1}}.select-asset-button__asset-balance{font-weight:500}.select-asset-button__asset-name{font-weight:600;color:#fff9;font-weight:400}.text-field{display:flex;flex-direction:column;width:100%}.text-field__input-wrapper{position:relative;display:flex;align-items:center;width:100%}.text-field__input{width:100%;background-color:#000;border:1px solid #333333;border-radius:8px;color:#fff;font-size:.75rem;padding:.875rem 1rem;outline:none;transition:border-color .2s ease;font-family:inherit}.text-field__input::placeholder{color:#666}.text-field__input:focus{border-color:#ffc800}.text-field__input:disabled{opacity:.5;cursor:not-allowed}.text-field__input:not(:placeholder-shown){padding-right:2.5rem}.text-field__clear-button{position:absolute;right:1rem;background:transparent;border:none;color:#fff;font-size:1.5rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.text-field__clear-button:hover{opacity:.7}.text-field__clear-button:active{opacity:.5}.calculator{width:100%;background-color:transparent;box-sizing:border-box}.calculator__grid{display:flex;flex-wrap:wrap}.calculator__button{flex:0 0 33.333%;background-color:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;padding:0;min-height:60px}.calculator__button--disabled{opacity:.3;cursor:not-allowed}.calculator__button--backspace{font-size:20px}.calculator__confirm-button{width:100%;padding:16px;background-color:#ffc800;border:none;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.calculator__confirm-button:hover{background-color:#ffdc00;transform:translateY(-2px);box-shadow:0 4px 12px #ffc8004d}.calculator__confirm-button:active{transform:translateY(0)}.amount-with-info-card{background:#000;padding:16px;border-radius:6px}.amount-with-info-card__max-button{cursor:pointer;background:transparent;border:1px solid rgba(255,255,255,.2);width:54px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:6px}.amount-with-info-card__amount-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.amount-with-info-card__currency-badge{background:#fff;color:#222;border-radius:12px;height:30px;min-width:82px;display:flex;justify-content:center;align-items:center}.amount-with-info-card__amount-card-info-row{margin-bottom:4px}.amount-with-info-card__amount-card-info-label{color:#fff9;margin-right:8px}.info-row-section{padding:0 8px}.info-row-section__item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.info-row-section__item.border{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.info-row-section__item__label{color:#fff9}.info-row-section__item__value{color:#fff}.exchange-trade-order{display:flex;flex-direction:column;height:100%;gap:1rem}.exchange-trade-order__token-pair,.exchange-trade-order__amount-card{flex:0 0 auto;margin-bottom:.5rem}.exchange-trade-order__fee-section{flex:0 0 auto;display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:.5rem}.exchange-trade-order__fee-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.exchange-trade-order__fee-row--highlight{display:flex;gap:.5rem;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.exchange-trade-order__info-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:.75rem;color:#ffffff80;flex-shrink:0}.exchange-trade-order__calculator-section{flex:1 1 auto;display:flex;flex-direction:column;min-height:40vh;gap:1rem}.exchange-trade-order__calculator{overflow-y:auto}.exchange-trade-order__confirm-button{flex:0 0 auto;padding-bottom:1rem}@media(max-width:30rem){.exchange-trade-order{gap:.75rem}.exchange-trade-order__fee-section{padding:.75rem;gap:.5rem}.exchange-trade-order__fee-row{padding:.375rem 0}.exchange-trade-order__calculator-section{min-height:40vh}}