.buy-page-container{background:#0a0a0a;height:100vh;overflow-y:auto}.buy-content-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:calc(100vh - 160px);padding-bottom:100px;padding-top:80px;width:100%}@media (min-width:1024px){.buy-content-wrapper{align-items:center;flex-direction:row;gap:80px;justify-content:space-between;max-width:1344px;min-height:calc(100vh - 120px);padding:80px 42px 40px}}.buy-intro-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:24px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.buy-intro-title{margin-bottom:4px}.buy-intro-subtitle,.buy-intro-title{color:#fff;font-size:28px;font-weight:700;line-height:1.2}.buy-intro-subtitle{margin-bottom:12px}.buy-intro-desc{color:#a3a3a3;font-size:14px;font-weight:400}@media (min-width:1024px){.buy-intro-container{align-items:flex-start;flex:1;margin-bottom:0;text-align:left}.buy-intro-title{font-size:44px}.buy-intro-subtitle{font-size:44px;margin-bottom:24px}.buy-intro-desc{font-size:18px}}.buy-content{background:#171717;border-radius:12px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;margin:16px;padding:20px;width:calc(100% - 32px)}.buy-content .confirm-button{color:#171717!important}.buy-content .confirm-button,.buy-content .confirm-button:hover{background-image:none!important}.buy-content .confirm-button[disabled]{background-color:hsl(var(--primary)/.5)!important;color:hsl(var(--primary-foreground))!important;cursor:not-allowed!important}@media (min-width:768px){.buy-content{margin:16px 20px;max-width:480px;padding:24px}}.buy-title{display:inline-block;font-size:24px;font-weight:600;margin-bottom:24px;padding-bottom:4px;position:relative;width:100%}.buy-section{border-radius:12px;margin-bottom:0;padding:16px}.buy-section-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}.header-left-section,.header-right-section{align-items:center;display:flex;gap:.5rem}.buy-section-label{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:400;line-height:1.25rem}.buy-section-label:after{background:#000;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:16px}.chain-selector{align-items:center;background-color:#ffffff1f;border-radius:50px;color:#262626;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 8px}.chain-selector:hover{font-weight:bolder}.chain-option{align-items:center;display:flex;gap:8px;padding:10px 0}.chain-option>span{color:#fafafa}.chain-dropdown{z-index:9999!important}.chain-dropdown .aeui-dropdown-menu{background-color:#171717;border-radius:8px;box-shadow:0 2px 12px #0000001a;min-width:160px;padding:8px}.chain-dropdown .aeui-dropdown-menu-item-group-title{color:#a3a3a3!important;font-size:14px;padding:4px 12px!important}.chain-dropdown .aeui-dropdown-menu-item{margin:0!important;padding:0!important}.chain-dropdown .aeui-dropdown-menu-item:hover{background-color:#f8f9fb}.chain-dropdown .aeui-dropdown-menu-item-group-title{color:#999;font-size:12px;font-weight:500;margin-bottom:4px;padding:4px 12px}.token-dropdown .aeui-dropdown-menu{border-radius:12px;box-shadow:0 2px 12px #0000001a;max-height:300px;min-width:200px;overflow-y:auto;padding:8px 0;scrollbar-width:none}.token-dropdown{z-index:9999!important}.token-dropdown .aeui-dropdown-menu::-webkit-scrollbar{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:6px}.token-dropdown .aeui-dropdown-menu::-webkit-scrollbar-track{background:transparent}.token-dropdown .aeui-dropdown-menu::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.token-dropdown .aeui-dropdown-menu:hover::-webkit-scrollbar,.token-dropdown .aeui-dropdown-menu:hover::-webkit-scrollbar-thumb{opacity:1}.token-dropdown .aeui-dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.token-dropdown .aeui-dropdown-menu-item{margin:0;padding:0}.token-dropdown .aeui-dropdown-menu-item:hover{background-color:#f8f9fb}.token-dropdown-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.token-dropdown-item:hover{background-color:#ffffff0d}.token-dropdown-left{align-items:center;display:flex;flex:1;gap:8px}.token-dropdown-name{color:#fafafa;font-size:14px;font-weight:500}.token-dropdown-right{align-items:flex-end;display:flex;flex-direction:column}.token-dropdown-amount{color:#666;font-size:14px;font-weight:500}.token-dropdown-value{color:#a3a3a3;font-size:12px;margin-top:2px}.token-balance-display{align-items:center;color:#999;display:flex;font-size:12px;gap:4px}.token-balance-display .balance-amount{color:#fafafa;font-weight:500}.token-balance-display .balance-currency{color:#ffb800;cursor:pointer;font-weight:600;-webkit-text-decoration:underline;text-decoration:underline}.select-token-button{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.token-select-wrapper{animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1);background-color:hsl(var(--secondary));border-radius:9999px;cursor:pointer;padding:.375rem .5rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.token-select-wrapper:hover{background-color:hsl(var(--secondary)/.8)}.token-select-button-inner{align-items:center;color:#1a1b1e;display:flex;flex-direction:row;font-size:16px;font-weight:700;gap:8px;line-height:1;position:relative}.token-select-button-inner .anticon{position:absolute;right:0;top:50%;transform:translateY(-50%)}.token-main-info{align-items:center;display:flex;gap:8px}.token-main-info span{color:hsl(var(--secondary-foreground));font-size:.875rem;font-weight:600;line-height:1.25rem;line-height:1}.token-info-container{align-items:flex-start;display:flex;flex-direction:column}.token-symbol{color:#000;font-size:16px;font-weight:600;line-height:1}.token-usd-value{color:#a3a3a3;font-size:14px;line-height:1}.token-amount-container{flex:1;margin-right:24px}.token-input-wrapper{position:relative}.token-amount-input{color:#fafafa;font-size:24px;font-weight:700;line-height:24px;padding:0!important;width:100%}.insufficient-balance-error,.token-amount-input{background:transparent!important;border:none!important;text-align:left}.insufficient-balance-error{height:20px;margin-top:-10px}.token-amount-input:hover::-moz-placeholder{color:#fafafa}.token-amount-input:hover::placeholder{color:#fafafa}.token-amount-input:focus{box-shadow:none!important;outline:none!important}.token-amount-input:focus::-moz-placeholder{color:#fafafa}.token-amount-input:focus::placeholder{color:#fafafa}.token-amount-input::-moz-placeholder{color:#ffffff26}.token-amount-input::placeholder{color:#ffffff26}.buy-input-container{background:#fff0;border-radius:12px}.buy-input-header{justify-content:space-between;margin-bottom:12px}.buy-balance,.buy-input-header{align-items:center;display:flex}.buy-balance{color:#999;font-size:14px;gap:4px}.balance-amount,.balance-currency:hover{color:#333}.buy-input-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.buy-input-content .token-info{align-items:center;background-color:hsl(var(--secondary));border-radius:9999px;display:flex;flex-direction:row!important;gap:.375rem;padding:.375rem .5rem}.buy-input-content .token-icon-wrapper{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;width:24px}.buy-input-content .token-name{color:hsl(var(--secondary-foreground));font-size:.875rem;font-weight:600;line-height:1.25rem;line-height:1;white-space:nowrap}.amount-display-inline{align-items:flex-end;display:flex;flex-direction:column}.amount-value{color:#e0e0e0;font-size:32px;font-weight:500;line-height:1}.amount-value.active{color:#222!important}.amount-value.inactive{color:#bdbdbd!important}.amount-usd{color:#a3a3a3;font-size:14px;margin-top:4px;text-align:left}.buy-arrow-container{align-items:center;box-sizing:border-box;display:flex;height:24px;justify-content:center;padding:0 16px;position:relative;width:100%;z-index:1}.buy-arrow-line{border-top:1px dashed hsla(0,0%,100%,.15);flex:1;height:1px}.buy-arrow-icon-wrap{align-items:center;background-color:hsl(var(--secondary));border-radius:9999px;color:hsl(var(--foreground));cursor:pointer;display:flex;justify-content:center;margin-left:1rem;margin-right:1rem;padding:.5rem}.buy-arrow-icon-wrap svg{height:24px;width:24px}.buy-confirm-btn{background:#bbbec6;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:500;height:48px;margin-top:32px;width:100%}.buy-confirm-btn:hover{background:#a8abb3!important;color:#fff!important}.buy-confirm-btn:disabled{background:#bbbec6!important;color:#fff!important;cursor:not-allowed}.exchange-info{font-size:12px;padding:0 16px 16px}.exchange-rate,.exchange-rate-text{align-items:center;display:flex}.exchange-rate-text{color:#666;font-size:12px;gap:4px}.exchange-rate-text svg{height:12px;width:12px}.gas-fee{align-items:center;color:#666;display:flex;font-size:12px;justify-content:space-between}.insufficient-gas{color:#ff4d4f;font-size:12px}.high-z-drawer,.high-z-drawer .aeui-drawer-mask,.high-z-drawer .ant-drawer-mask{z-index:2000!important}.high-z-drawer .aeui-drawer-content-wrapper,.high-z-drawer .ant-drawer-content-wrapper{z-index:2001!important}