.assets.deposit-open{z-index:50;} .assets.deposit-open::before{display:none;} .as-cur-wrap{position:relative;display:inline-flex;align-items:center;} .as-cur{border:none;background:transparent;padding:0;font-family:'Plex';font-size:16px;font-weight:500;color:#EAEEF3;cursor:pointer;display:inline-flex;align-items:center;gap:4px;line-height:1;} .as-balance-eye{width:24px;height:20px;border:none;background:transparent;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9;transform:translateY(2px);} .as-balance-eye img{width:24px;height:24px;display:block;object-fit:contain;} .as-balance-eye:active{opacity:1;filter:brightness(1.12);} .assets.balances-hidden .as-balance-eye{opacity:1;} .balance-mask{position:relative!important;color:transparent!important;-webkit-text-fill-color:transparent!important;} .balance-mask > *{visibility:hidden!important;} .balance-mask::after{content:"******";position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--mask-color,#959ca6);-webkit-text-fill-color:var(--mask-color,#959ca6);white-space:nowrap;pointer-events:none;} .balance-mask.balance-mask-right::after{left:auto;right:0;} .balance-mask.balance-mask-center::after{left:50%;transform:translate(-50%,-50%);} .as-head-img{width:24px;height:24px;display:block;object-fit:contain;filter:brightness(0) invert(1);opacity:1;} .as-head-tool{width:28px;height:28px;border:none;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;} .as-currency-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:20;width:132px;padding:6px;border:1px solid #36424f;border-radius:10px;background:#1f2630;box-shadow:none;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:transform .16s ease;} .as-cur-wrap.open .as-currency-menu{visibility:visible;pointer-events:auto;transform:translateY(0);} .as-currency-option{width:100%;height:36px;border:none;border-radius:7px;background:transparent;color:#EAEEF3;font-family:'Plex';display:flex;align-items:center;justify-content:space-between;padding:0 10px;cursor:pointer;font-size:14px;font-weight:400;} .as-currency-option em{font-style:normal;color:#959ca6;font-weight:300;} .as-currency-option.active,.as-currency-option:active{background:#2b3340;color:#F6FBFF;} .as-currency-option.active em{color:var(--yellow);} .as-deposit-backdrop{position:absolute;inset:0;z-index:40;display:flex;align-items:flex-end;background:rgba(9,13,20,.72);opacity:0;pointer-events:none;overflow:hidden;transition:none;} .as-deposit-backdrop.open{opacity:1;pointer-events:auto;} .as-deposit-backdrop.closing{opacity:1;pointer-events:none;background:transparent;} .as-deposit-sheet{width:100%;max-height:calc(100% - 34px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 16px calc(28px + env(safe-area-inset-bottom));background:#1f2630;border-radius:18px 18px 0 0;box-shadow:none;transform:translate3d(0,calc(100% + 24px),0);transition:transform .28s cubic-bezier(.32,.72,0,1);} .as-deposit-backdrop.open .as-deposit-sheet{transform:translateY(0);} .as-deposit-backdrop.closing .as-deposit-sheet{transform:translate3d(0,calc(100% + 24px),0);} .as-sheet-handle{width:44px;height:5px;border-radius:999px;background:#434d59;margin:0 auto 26px;} .as-deposit-title{margin:0 0 16px;font-family:'Plex';font-size:21px;line-height:1.15;font-weight:500;color:#F6FBFF;letter-spacing:0;} .as-deposit-option{width:100%;height:85px;min-height:85px;margin:0 0 12px;padding:0 18px;border:1px solid #35404c;border-radius:14px;background:transparent;color:#EAEEF3;display:flex;align-items:center;gap:18px;text-align:left;cursor:pointer;font-family:'Plex';transition:background .15s ease,border-color .15s ease,filter .15s ease;} .as-deposit-option:active{background:#27313d;border-color:#44505f;filter:brightness(1.06);} .as-deposit-ico{width:34px;height:34px;flex:0 0 34px;color:#EAEEF3;display:flex;align-items:center;justify-content:center;} .as-deposit-ico svg{width:34px;height:34px;display:block;} .as-deposit-ico img{width:34px;height:34px;display:block;object-fit:contain;} .as-deposit-copy{min-width:0;display:flex;flex-direction:column;gap:5px;} .as-deposit-name{font-size:16px;line-height:1.1;font-weight:600;color:#F6FBFF;letter-spacing:0;} .as-deposit-desc{font-size:12px;line-height:1.2;font-weight:300;color:#959ca6;letter-spacing:0;white-space:normal;} .as-history-picker-backdrop{position:absolute;inset:0;z-index:54;display:flex;align-items:flex-end;background:rgba(9,13,20,.72);opacity:0;pointer-events:none;overflow:hidden;transition:none;} .as-history-picker-backdrop.open{opacity:1;pointer-events:auto;} .as-history-picker-backdrop.closing{opacity:1;pointer-events:none;} .as-history-picker-sheet{width:100%;padding:8px 20px calc(38px + env(safe-area-inset-bottom));background:#1f2630;border-radius:18px 18px 0 0;box-shadow:none;transform:translate3d(0,100%,0);transition:transform .28s cubic-bezier(.32,.72,0,1);} .as-history-picker-backdrop.open .as-history-picker-sheet{transform:translateY(0);} .as-history-picker-backdrop.closing .as-history-picker-sheet{transform:translate3d(0,100%,0);} .as-history-picker-sheet .as-sheet-handle{margin-bottom:28px;} .as-history-picker-sheet h2{margin:0 0 22px;color:#F6FBFF;font-size:24px;line-height:1.15;font-weight:500;} .as-history-choice{width:100%;min-height:88px;border:none;background:transparent;color:#F6FBFF;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;text-align:left;font-family:'Plex';cursor:pointer;} .as-history-choice b{display:block;font-size:21px;line-height:1.1;font-weight:500;color:#F6FBFF;} .as-history-choice em{display:block;margin-top:7px;font-size:15px;line-height:1.2;font-style:normal;font-weight:300;color:#959ca6;} .as-choice-chev{font-size:38px;line-height:1;color:#DDE3EA;font-weight:300;} .as-flow{position:absolute;inset:0;z-index:55;display:flex;flex-direction:column;background:var(--bg);color:#EAEEF3;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .34s cubic-bezier(.22,.72,0,1),visibility 0s .34s;will-change:transform;} .as-flow.open{transform:translateX(0);visibility:visible;pointer-events:auto;transition-delay:0s;} .as-flow-head{flex:0 0 auto;display:flex;align-items:center;position:relative;padding:calc(15px + env(safe-area-inset-top)) 20px 16px;} .as-flow-back{width:34px;height:34px;border:none;background:transparent;color:#EAEEF3;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;z-index:1;} .as-flow-back svg{display:block;width:25px;height:25px;} .as-flow-title{position:absolute;left:62px;right:62px;text-align:center;font-family:'Plex';font-weight:500;font-size:18px;line-height:1.1;color:#F6FBFF;} .as-flow-tools{margin-left:auto;display:flex;align-items:center;gap:18px;color:#EAEEF3;} .as-flow-tool-img{width:25px;height:25px;display:block;object-fit:contain;filter:brightness(0) invert(1);opacity:1;} .as-flow-search{margin:12px 16px 22px;height:46px;border-radius:9px;background:#2a3340;color:#959ca6;display:flex;align-items:center;gap:11px;padding:0 13px;font-size:16px;font-weight:300;} .as-flow-search input{min-width:0;flex:1;border:none;background:transparent;outline:none;color:#EAEEF3;font-family:'Plex';font-size:16px;font-weight:300;} .as-flow-search input::placeholder{color:#959ca6;} .as-flow-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 34px;scrollbar-width:none;} .as-flow-content::-webkit-scrollbar{display:none;} .as-flow-row-title{display:flex;align-items:center;justify-content:space-between;color:#F6FBFF;font-size:19px;font-weight:500;margin:4px 0 18px;} .as-title-icon{display:block;object-fit:contain;mix-blend-mode:screen;opacity:.88;} .as-title-trash{width:28px;height:28px;cursor:pointer;} .as-title-sort{width:26px;height:26px;} .as-history-pills{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap;min-height:0;} .as-history-pills span{height:30px;padding:0 14px;border-radius:7px;background:#2a3340;color:#EAEEF3;display:flex;align-items:center;font-size:14px;font-weight:400;cursor:pointer;} .as-flow-section{margin:0 0 16px;font-size:19px;font-weight:500;color:#F6FBFF;} .as-asset-row{width:100%;height:58px;border:none;background:transparent;color:#EAEEF3;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:0;text-align:left;font-family:'Plex';cursor:pointer;} .as-asset-row b{display:block;font-size:18px;line-height:1.1;font-weight:500;color:#F6FBFF;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .as-asset-row em{display:block;margin-top:5px;font-size:13px;line-height:1.1;font-style:normal;font-weight:300;color:#959ca6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .as-asset-coin{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;overflow:hidden;background:#2a3340;color:#fff;} .as-asset-coin img{width:100%;height:100%;display:block;object-fit:cover;} .as-deposit-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:26px 16px 120px;scrollbar-width:none;} .as-deposit-scroll::-webkit-scrollbar{display:none;} .as-qr-card{width:200px;height:200px;margin:0 auto 38px;position:relative;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;} .as-qr-img{width:200px;height:200px;display:block;border-radius:18px;background:#fff;} .as-qr-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:10px;background:#fff;color:var(--badge-fg,#fff);display:flex;align-items:center;justify-content:center;padding:5px;font-weight:600;font-size:16px;} .as-qr-badge img{width:30px;height:30px;border-radius:50%;display:block;object-fit:cover;} .as-qr-mark{width:30px;height:30px;border-radius:50%;background:var(--badge-bg,#F7931A);color:var(--badge-fg,#fff);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;} .as-deposit-info{position:relative;border-bottom:none;padding:0 0 22px;margin-bottom:24px;} .as-deposit-info::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#2b3340;} .as-info-label{font-size:16px;font-weight:300;color:#959ca6;margin-bottom:14px;} .as-address-label{margin-bottom:8px;} .as-network-line,.as-address-line{display:flex;align-items:center;justify-content:space-between;gap:16px;} .as-network-line b{display:block;font-size:18px;font-weight:500;color:#F6FBFF;} .as-network-line span{display:block;margin-top:8px;font-size:14px;font-weight:300;color:#959ca6;} .as-network-btn,.as-copy-btn{width:46px;height:46px;border:none;border-radius:14px;background:#2a3340;color:#EAEEF3;display:flex;align-items:center;justify-content:center;flex:0 0 46px;cursor:pointer;} .as-network-btn img,.as-copy-btn img{width:26px;height:26px;display:block;object-fit:contain;filter:brightness(0) invert(1);opacity:1;} .as-address-text{min-width:0;font-size:16px;line-height:1.2;font-weight:400;color:#DDE3EA;white-space:nowrap;overflow:hidden;display:flex;align-items:center;} .as-address-edge{color:var(--yellow);font-weight:600;flex:0 0 auto;} .as-address-mid{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#DDE3EA;font-weight:400;} .as-address-note{margin:8px 68px 0 0;font-size:13px;line-height:1.28;font-weight:300;color:#f0526c;} .as-more-details{display:none;} .as-share-address{position:absolute;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));height:50px;border:none;border-radius:10px;background:var(--yellow);color:#232445;font-family:'Plex';font-size:16px;font-weight:500;cursor:pointer;} .as-coin-list-title{margin-top:24px;} .as-withdraw-asset-row{width:100%;height:58px;border:none;background:transparent;color:#EAEEF3;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:0;text-align:left;font-family:'Plex';cursor:pointer;} .as-withdraw-asset-row b{display:block;font-size:18px;line-height:1.1;font-weight:500;color:#F6FBFF;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .as-withdraw-asset-row em{display:block;margin-top:5px;font-size:13px;line-height:1.1;font-style:normal;font-weight:300;color:#959ca6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .as-withdraw-balance{text-align:right;min-width:82px;} .as-withdraw-balance b{font-size:18px;font-weight:500;color:#F6FBFF;} .as-withdraw-balance em{font-size:13px;color:#959ca6;} .as-send-head{min-height:76px;} .as-send-title{position:absolute;left:70px;right:70px;text-align:center;font-family:'Plex';color:#F6FBFF;line-height:1.05;} .as-send-title > span{display:block;font-size:21px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .as-send-title button{margin-top:7px;border:none;background:transparent;color:#EAEEF3;font-family:'Plex';font-size:15px;font-weight:400;display:inline-flex;align-items:center;gap:6px;cursor:pointer;} .as-send-title .tri{color:#959ca6;transform:translateY(2px);} .as-send-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px 188px;scrollbar-width:none;} .as-send-scroll::-webkit-scrollbar{display:none;} .as-send-label{display:flex;align-items:center;gap:7px;margin:18px 0 11px;color:#959ca6;font-size:17px;font-weight:300;} .as-info-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid #7E8793;color:#959ca6;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;} .as-send-field{width:100%;min-height:56px;border:none;border-radius:11px;background:#2a3340;color:#F6FBFF;font-family:'Plex';display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;} .as-address-input-field{align-items:flex-start;padding:14px 12px 12px 14px;} .as-send-input{min-width:0;flex:1;border:none;background:transparent;outline:none;color:#F6FBFF;font-family:'Plex';font-size:17px;line-height:1.35;resize:none;min-height:24px;max-height:94px;} .as-send-input::placeholder,.as-amount-input::placeholder{color:#959ca6;} .as-send-field-icons{display:flex;align-items:center;gap:13px;flex:0 0 auto;margin-top:1px;} .as-send-field-icon{width:23px;height:23px;display:block;object-fit:contain;mix-blend-mode:screen;} .as-field-error{display:none;margin:8px 0 0;color:#f0526c;font-size:13px;line-height:1.3;} .as-field-error.show{display:block;} .as-network-warning{display:none;margin:10px 0 0;padding:11px 12px;border-radius:10px;background:#392c22;color:#f4b36d;font-size:13px;line-height:1.35;align-items:flex-start;gap:8px;} .as-network-warning.show{display:flex;} .as-network-warning span{width:17px;height:17px;border-radius:50%;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px;font-size:11px;} .as-send-select{height:auto;min-height:58px;text-align:left;cursor:pointer;} .as-send-select span:first-child{min-width:0;} .as-send-select b{display:block;font-size:17px;font-weight:500;color:#F6FBFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .as-send-select em{display:block;margin-top:4px;font-size:13px;font-style:normal;color:#959ca6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .as-network-menu{position:absolute;left:0;right:0;bottom:0;z-index:65;max-height:78%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#1f2630;border-radius:18px 18px 0 0;padding:18px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:none;transform:translateY(100%);opacity:1;pointer-events:none;transition:transform .28s cubic-bezier(.32,.72,0,1);} .as-network-menu.open{transform:translateY(0);pointer-events:auto;} .as-network-menu h3{margin:0 0 14px;color:#F6FBFF;font-size:20px;font-weight:500;} .as-network-menu button{width:100%;min-height:86px;border:1px solid #35404c;border-radius:12px;background:transparent;color:#EAEEF3;text-align:left;padding:12px 14px;margin-bottom:10px;font-family:'Plex';cursor:pointer;} .as-network-menu button.active{border-color:var(--yellow);} .as-network-menu b{display:block;font-size:17px;font-weight:500;color:#F6FBFF;} .as-network-menu em{display:block;margin-top:5px;font-size:14px;font-style:normal;color:#959ca6;} .as-network-menu small{display:block;margin-top:8px;color:#959ca6;font-size:12px;line-height:1.35;} .as-network-desc{margin:9px 0 0;color:#f4b36d;font-size:13px;line-height:1.35;} .as-network-link{color:var(--yellow);} .as-amount-field{height:58px;align-items:center;} .as-amount-input{min-width:0;height:100%;flex:1;border:none;background:transparent;outline:none;color:#F6FBFF;font-family:'Plex';font-size:18px;line-height:2.9;} .as-amount-field strong{height:100%;display:flex;align-items:center;gap:9px;font-size:16px;font-weight:500;color:#F6FBFF;white-space:nowrap;line-height:2.9;} .as-amount-field button{border:none;background:transparent;color:var(--yellow);font-family:'Plex';font-size:15px;font-weight:600;line-height:2.9;cursor:pointer;} .as-fiat-amount{display:none;margin:7px 0 0;color:#959ca6;font-size:13px;} .as-fiat-amount.show{display:flex;align-items:center;gap:5px;} .as-minimum-note{display:none!important;margin:10px 0 0;color:#f4b36d;font-size:13px;line-height:1.35;} .as-minimum-note.show{display:none!important;} .as-minimum-note span{display:block;margin-top:5px;color:var(--yellow);} .as-available-line{display:flex;align-items:center;justify-content:space-between;margin:14px 0 0;color:#959ca6;font-size:14px;} .as-available-line b{color:#F6FBFF;font-size:15px;font-weight:500;} .as-contract-note{display:none;} .as-contract-note.show{display:block;} .as-withdraw-notes{margin:34px -16px 0;padding:26px 16px 0;border-top:1px solid #2b3340;color:#959ca6;font-size:14px;line-height:1.35;font-weight:300;} .as-withdraw-notes p{margin:0 0 10px;} .as-withdraw-notes span{color:var(--yellow);} .as-send-footer{position:absolute;left:0;right:0;bottom:0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #2b3340;background:var(--bg);} .as-receive-line{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;color:#959ca6;font-size:15px;font-weight:300;gap:14px;} .as-receive-line em{font-style:normal;border-bottom:1px dotted #596473;} .as-receive-line b{text-align:right;color:#F6FBFF;font-size:20px;font-weight:500;min-width:0;word-break:break-word;} .as-receive-line small{display:block;margin-top:8px;color:#F6FBFF;font-size:15px;font-weight:400;} .as-withdraw-submit{width:100%;height:50px;border:none;border-radius:10px;background:var(--yellow);color:#1f2630;font-family:'Plex';font-size:16px;font-weight:500;line-height:2.9;cursor:pointer;} .as-withdraw-submit:disabled{background:rgba(240,185,11,.38);color:#202733;cursor:default;} .as-send-page.loading .as-send-head{z-index:4;} .as-send-loading,.as-confirm-loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:var(--bg);z-index:3;} .as-send-page.loading .as-send-scroll,.as-send-page.loading .as-send-footer{display:none;} .as-send-page.loading .as-send-loading{display:flex;} .as-loader-diamond{width:44px;height:44px;border-radius:10px;background:#4d5968;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);box-shadow:none;} .as-loader-diamond span{height:14px;display:flex;align-items:center;gap:3px;transform:rotate(-45deg);} .as-loader-diamond i{width:4px;height:4px;border-radius:2px;background:var(--yellow);display:block;animation:asLoadBars .72s ease-in-out infinite;} .as-loader-diamond i:nth-child(2){animation-delay:.09s;} .as-loader-diamond i:nth-child(3){animation-delay:.18s;} .as-loader-diamond i:nth-child(4){animation-delay:.27s;} @keyframes asLoadBars{0%,100%{height:4px;opacity:.68;}50%{height:12px;opacity:1;}} .as-confirm-page{z-index:56;} .as-confirm-head{min-height:74px;} .as-confirm-title{position:absolute;left:62px;right:62px;text-align:center;color:#F6FBFF;font-family:'Plex';font-size:22px;font-weight:500;line-height:1.1;} .as-confirm-summary{padding:34px 20px 30px;text-align:center;border-bottom:1px solid #2b3340;} .as-confirm-summary span{display:block;color:#959ca6;font-size:16px;font-weight:300;} .as-confirm-summary b{display:block;margin-top:14px;color:#F6FBFF;font-size:34px;line-height:1.08;font-weight:500;word-break:break-word;} .as-confirm-summary b span{display:inline;color:inherit;font-size:inherit;font-weight:inherit;} .as-confirm-summary em{display:flex;margin-top:13px;color:#959ca6;font-size:16px;font-style:normal;font-weight:300;align-items:center;justify-content:center;gap:5px;} .as-confirm-summary em span{display:inline;color:inherit;font-size:inherit;font-weight:inherit;} .as-confirm-details{padding:34px 16px 0;} .as-confirm-row{display:grid;grid-template-columns:44% minmax(0,1fr);gap:14px;align-items:start;margin-bottom:30px;color:#959ca6;font-size:17px;font-weight:300;} .as-confirm-row b{color:#F6FBFF;text-align:right;font-size:17px;line-height:1.25;font-weight:400;word-break:break-word;overflow-wrap:anywhere;} .as-confirm-address-row b{max-height:72px;overflow:hidden;} .as-confirm-warning{margin:20px 16px 0;min-height:62px;border-radius:11px;background:#2a3340;color:#F6FBFF;padding:13px 14px;display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.35;font-weight:300;} .as-confirm-warning span{min-width:0;white-space:normal;overflow-wrap:break-word;} .as-info-img{width:24px;height:24px;display:block;object-fit:contain;mix-blend-mode:screen;opacity:.95;flex:0 0 24px;margin-top:0;} .as-confirm-submit{position:absolute;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));height:50px;border:none;border-radius:10px;background:var(--yellow);color:#1f2630;font-family:'Plex';font-size:16px;font-weight:500;line-height:2.9;cursor:pointer;} .as-confirm-loading{inset:74px 0 0;z-index:4;} .as-confirm-page.loading .as-confirm-summary,.as-confirm-page.loading .as-confirm-details,.as-confirm-page.loading .as-confirm-warning,.as-confirm-page.loading .as-confirm-submit{display:none;} .as-confirm-page.loading .as-confirm-loading{display:flex;} .as-security-page,.as-email-page,.as-history-page{z-index:57;} .as-security-page,.as-email-page{top:13px;bottom:0;background:#1f2732;border-radius:9px 9px 0 0;overflow:hidden;} .as-email-page{z-index:59;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);} .as-email-page.open{transform:translateY(0);} .as-security-head,.as-email-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 20px 14px;} .as-security-close{width:34px;height:34px;border:none;background:transparent;color:#EAEEF3;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;} .as-security-body{padding:6px 26px 0;} .as-security-body h2,.as-email-body h2{margin:0;color:#F6FBFF;font-size:29px;line-height:1.17;font-weight:500;letter-spacing:0;} .as-security-body p{margin:20px 0 18px;color:#959ca6;font-size:15px;line-height:1.45;font-weight:300;} .as-security-count{margin:0 0 52px;color:var(--yellow);font-size:30px;line-height:1;font-weight:600;} .as-security-option{width:calc(100% - 12px);height:70px;margin:0 auto;border:1px solid #3b4655;border-radius:13px;background:transparent;color:#F6FBFF;display:flex;align-items:center;gap:18px;padding:0 22px;font-family:'Plex';font-size:21px;font-weight:400;cursor:pointer;} .as-security-mail-ico{display:flex;color:#EAEEF3;} .as-security-arrow{margin-left:auto;color:#EAEEF3;} .as-security-link{display:block;margin-top:30px;color:var(--yellow);font-size:15px;font-weight:400;text-decoration:none;} .as-risk-foot{position:absolute;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom));color:#959ca6;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:300;} .as-email-body{padding:20px 26px 0;} .as-email-body h2{margin-bottom:24px;} .as-email-body p{margin:0 0 50px;color:#959ca6;font-size:15px;line-height:1.35;font-weight:300;} .as-email-body label{display:block;margin-bottom:12px;color:#959ca6;font-size:15px;font-weight:400;} .as-email-code-field{width:calc(100% - 12px);height:58px;margin:0 auto;border-radius:12px;background:#2a3340;display:flex;align-items:center;padding:0 16px;gap:12px;} .as-email-code-field input{min-width:0;flex:1;border:none;background:transparent;outline:none;color:#F6FBFF;font-family:'Plex';font-size:24px;font-weight:400;caret-color:var(--yellow);} .as-email-code-field span{color:#959ca6;font-size:17px;font-weight:400;display:flex;align-items:center;gap:6px;white-space:nowrap;} .as-email-info-img{width:22px;height:22px;flex:0 0 22px;margin-top:0;} .as-email-body button{display:block;width:calc(100% - 8px);height:46px;margin:28px auto 0;border:none;border-radius:10px;background:linear-gradient(180deg,#f9d84a 0%,#f3c72c 100%);color:#202733;font-family:'Plex';font-size:21px;font-weight:600;cursor:pointer;} .as-email-body a{display:block;margin-top:33px;color:var(--yellow);font-size:15px;font-weight:400;text-decoration:none;} .as-email-body a + a{margin-top:28px;} .as-history-page{background:var(--bg);} .as-history-head{position:relative;height:76px;display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top)) 16px 0;} .as-history-title{position:absolute;left:70px;right:70px;top:calc(13px + env(safe-area-inset-top));text-align:center;color:#F6FBFF;line-height:1.15;} .as-history-title b{display:inline-block;position:relative;font-size:21px;font-weight:500;} .as-history-title > span{display:block;margin-top:6px;font-size:14px;font-weight:300;} .as-history-title b .tri{position:absolute;left:calc(100% + 7px);top:50%;margin-left:0;color:#DDE3EA;transform:translateY(-45%);} .as-history-download{width:42px;height:42px;border:none;background:transparent;color:#EAEEF3;padding:0;display:flex;align-items:center;justify-content:center;margin-right:-4px;transform:translateY(-6px);} .as-history-icon-img{width:37px;height:37px;display:block;object-fit:contain;mix-blend-mode:screen;transform:scale(1.12);transform-origin:center;} .as-history-tabs{display:flex;align-items:center;gap:22px;padding:13px 16px 0;border-bottom:1px solid #2b3340;color:#959ca6;overflow:hidden;} .as-history-tabs button{position:relative;border:none;background:transparent;color:#959ca6;font-family:'Plex';font-size:16px;font-weight:400;padding:0 0 14px;white-space:nowrap;} .as-history-tabs button.active{color:#F6FBFF;} .as-history-tabs button.active::after{content:"";position:absolute;left:50%;bottom:0;width:22px;height:3px;border-radius:2px;background:var(--yellow);transform:translateX(-50%);} .as-history-filter-img{width:38px;height:38px;margin-left:auto;margin-right:-5px;flex:0 0 38px;display:block;object-fit:contain;mix-blend-mode:screen;transform:translateY(-4px) scale(1.1);transform-origin:center;} .as-history-overall-bar{display:none;align-items:center;justify-content:space-between;height:58px;margin:0 20px;border-bottom:1px solid #2b3340;} .as-history-overall-bar button{border:none;background:transparent;color:#F6FBFF;font-family:'Plex';font-size:17px;font-weight:400;padding:0;display:flex;align-items:center;gap:5px;cursor:pointer;} .as-history-calendar{width:27px;height:27px;border:2px solid #DDE3EA;border-radius:3px;position:relative;display:block;} .as-history-calendar::before{content:"";position:absolute;left:4px;right:4px;top:7px;height:2px;background:#DDE3EA;} .as-history-calendar::after{content:"";position:absolute;left:6px;right:6px;top:-5px;height:8px;border-left:2px solid #DDE3EA;border-right:2px solid #DDE3EA;} .as-history-overall-list{display:none;padding:14px 20px 32px;overflow-y:auto;scrollbar-width:none;} .as-history-overall-list::-webkit-scrollbar{display:none;} .as-history-overall-row{min-height:112px;border-bottom:1px solid #2b3340;display:flex;align-items:center;justify-content:space-between;gap:18px;} .as-history-overall-row.is-clickable{cursor:pointer;-webkit-tap-highlight-color:transparent;} .as-history-overall-row.is-clickable:active{background:rgba(255,255,255,.025);} .as-history-overall-row b{display:block;color:#F6FBFF;font-size:22px;font-weight:400;line-height:1.1;white-space:nowrap;} .as-history-overall-row span{display:block;margin-top:12px;color:#959ca6;font-size:16px;font-weight:300;line-height:1.15;white-space:nowrap;} .as-history-overall-row > div:last-child{text-align:right;min-width:0;} .as-history-overall-row > div:last-child b{font-weight:500;overflow:hidden;text-overflow:ellipsis;} .as-history-overall-row b.green{color:#46b790;} .as-history-overall-row b.red{color:#f0526c;} .as-history-page.as-history-overall .as-history-overall-bar{display:flex;} .as-history-page.as-history-overall .as-history-overall-list{display:block;flex:1;} .as-history-page.as-history-overall .as-history-tabs,.as-history-page.as-history-overall .as-history-help,.as-history-page.as-history-overall .as-history-list{display:none;} .as-history-help{width:100%;height:74px;border:none;border-bottom:1px solid #2b3340;background:transparent;color:#DDE3EA;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-family:'Plex';font-size:15px;font-weight:300;} .as-history-help span{font-size:33px;color:#959ca6;} .as-history-list{padding:0 16px;} .as-history-row{min-height:88px;border-bottom:1px solid #2b3340;display:flex;align-items:center;justify-content:space-between;gap:16px;} .as-history-row b{display:block;color:#F6FBFF;font-size:20px;font-weight:500;line-height:1.1;} .as-history-row span{display:block;margin-top:13px;color:#959ca6;font-size:14px;font-weight:300;} .as-history-row > div:last-child{text-align:right;} .as-history-row > div:last-child b{font-size:17px;font-weight:500;color:#f0526c;} .as-history-list p{text-align:center;color:#959ca6;font-size:16px;font-weight:300;margin:24px 0 0;} .as-transaction-detail-page{z-index:60;background:var(--bg);} .as-transaction-detail-head{position:relative;flex:0 0 auto;height:76px;display:flex;align-items:center;padding:calc(9px + env(safe-area-inset-top)) 20px 0;box-sizing:border-box;} .as-transaction-detail-head h1{position:absolute;left:66px;right:66px;margin:0;text-align:center;color:#F6FBFF;font-family:'Plex';font-size:20px;line-height:1.2;font-weight:500;} .as-transaction-detail-support{width:36px;height:36px;margin-left:auto;border:0;background:transparent;color:#F6FBFF;padding:4px;display:grid;place-items:center;cursor:pointer;} .as-transaction-detail-support svg{display:block;width:27px;height:27px;} .as-transaction-detail-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:28px;} .as-transaction-detail-scroll::-webkit-scrollbar{display:none;} .as-transaction-detail-summary{min-height:270px;padding:24px 20px 30px;border-bottom:1px solid #303844;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;align-items:center;} .as-transaction-detail-summary > strong{display:block;color:#F6FBFF;font-family:'Plex';font-size:34px;line-height:1.15;font-weight:500;letter-spacing:-.4px;} .as-transaction-detail-status{margin-top:18px;color:#33c99b;display:flex;align-items:center;justify-content:center;gap:6px;font-size:18px;line-height:1.2;font-weight:400;} .as-transaction-detail-status svg{width:24px;height:24px;flex:0 0 24px;} .as-transaction-detail-status.is-pending{color:#F0C927;} .as-transaction-detail-summary p{max-width:540px;margin:16px auto 0;color:#9ca4af;font-size:14px;line-height:1.42;font-weight:300;} .as-transaction-detail-summary > button{border:0;background:transparent;margin:4px 0 0;padding:0;color:#F0C927;font-family:'Plex';font-size:14px;line-height:1.35;font-weight:400;cursor:pointer;} .as-transaction-detail-data{margin:0;padding:28px 20px 20px;} .as-transaction-detail-data > div{min-height:52px;display:grid;grid-template-columns:minmax(112px,36%) minmax(0,1fr);gap:14px;align-items:start;padding:8px 0;box-sizing:border-box;} .as-transaction-detail-data dt{color:#929aa5;font-size:17px;line-height:1.35;font-weight:300;} .as-transaction-detail-data dd{min-width:0;margin:0;color:#F2F5F8;font-size:16px;line-height:1.42;font-weight:300;text-align:right;overflow-wrap:anywhere;} .as-transaction-detail-data dd:has(.as-transaction-detail-copy){display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;column-gap:5px;} .as-transaction-detail-data dd > span{min-width:0;max-width:calc(100% - 27px);overflow-wrap:anywhere;} .as-transaction-detail-copy{width:22px;height:22px;flex:0 0 22px;border:0;background:transparent;color:#7f8997;padding:1px;cursor:pointer;} .as-transaction-detail-copy svg{display:block;width:20px;height:20px;} .as-transaction-detail-link{text-decoration:underline;text-underline-offset:2px;} .as-transaction-detail-save{flex-basis:100%;border:0;background:transparent;color:#F0C927;font-family:'Plex';font-size:13px;line-height:1.25;text-align:right;padding:3px 27px 0 0;cursor:pointer;} .as-transaction-detail-again{flex:0 0 auto;height:64px;margin:10px 20px calc(20px + env(safe-area-inset-bottom));border:0;border-radius:9px;background:#F8D33A;color:#202733;font-family:'Plex';font-size:20px;font-weight:500;cursor:pointer;} .as-transaction-detail-page.is-deposit .as-transaction-detail-summary{min-height:252px;} .as-transaction-detail-page.is-deposit #asTransactionDetailHelp, .as-transaction-detail-page.is-deposit #asTransactionDetailSaveAddress, .as-transaction-detail-page.is-deposit .as-transaction-detail-amount-row, .as-transaction-detail-page.is-deposit #asTransactionDetailFeeRow, .as-transaction-detail-page.is-deposit #asTransactionDetailAgain{display:none;} @media (max-width:420px){ .as-transaction-detail-head{padding-left:14px;padding-right:14px;} .as-transaction-detail-head h1{font-size:18px;} .as-transaction-detail-summary{min-height:246px;padding:20px 16px 25px;} .as-transaction-detail-summary > strong{font-size:30px;} .as-transaction-detail-data{padding-left:16px;padding-right:16px;} .as-transaction-detail-data dt{font-size:15px;} .as-transaction-detail-data dd{font-size:15px;} .as-transaction-detail-again{height:56px;margin-left:16px;margin-right:16px;} } .as-transfer-page,.as-transfer-coin-select,.as-transfer-history-page{z-index:58;} .as-transfer-head{min-height:76px;} .as-transfer-history-open{width:42px;height:42px;margin-left:auto;margin-right:-5px;border:none;background:transparent;color:#EAEEF3;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;} .as-transfer-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 20px 132px;scrollbar-width:none;} .as-transfer-scroll::-webkit-scrollbar{display:none;} .as-transfer-route-card{position:relative;margin:0 0 34px;border-radius:12px;background:#26303c;overflow:hidden;} .as-transfer-route-row{width:100%;height:56px;border:none;background:transparent;display:grid;grid-template-columns:60px minmax(0,1fr) 26px 52px;align-items:center;text-align:left;color:#F6FBFF;font-family:'Plex';padding:0 16px 0 20px;cursor:pointer;} .as-transfer-route-row + .as-transfer-route-row{border-top:none;} .as-transfer-route-row span{color:#959ca6;font-size:16px;font-weight:300;} .as-transfer-route-row b{font-size:19px;line-height:1.24;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .as-transfer-route-row em{font-size:34px;line-height:1;color:#66717f;font-style:normal;transform:translateY(-1px);} .as-transfer-swap{position:absolute;right:13px;top:50%;width:42px;height:62px;transform:translateY(-50%);border:none;background:transparent;color:#EAEEF3;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;} .as-transfer-swap svg{width:32px;height:32px;display:block;} .as-transfer-swap img{width:26px;height:26px;display:block;object-fit:contain;} .as-transfer-swap.swap-anim svg{animation:asTransferSwap .34s cubic-bezier(.32,.72,0,1);} .as-transfer-swap.swap-anim img{animation:asTransferSwap .34s cubic-bezier(.32,.72,0,1);} @keyframes asTransferSwap{0%{transform:rotate(0deg) scale(1);}55%{transform:rotate(180deg) scale(1.06);}100%{transform:rotate(180deg) scale(1);}} .as-transfer-label{display:block;margin:0 0 10px;color:#959ca6;font-size:16px;line-height:1.2;font-weight:300;} .as-transfer-coin-row{width:100%;height:68px;border:none;border-radius:12px;background:#26303c;color:#F6FBFF;display:grid;grid-template-columns:38px minmax(0,1fr) 26px;align-items:center;gap:16px;padding:0 15px 0 18px;text-align:left;font-family:'Plex';cursor:pointer;} .as-transfer-coin-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-size:14px;font-weight:600;line-height:1;flex:0 0 28px;} .as-transfer-coin-icon img{width:100%;height:100%;display:block;object-fit:cover;} .as-transfer-coin-copy{display:flex;align-items:center;gap:5px;min-width:0;} .as-transfer-coin-copy b{font-size:19px;font-weight:500;line-height:1.05;color:#F6FBFF;} .as-transfer-coin-copy em{margin-left:0;color:#959ca6;font-size:13px;font-style:normal;font-weight:300;line-height:1;transform:translateY(-1px);} .as-transfer-chev{color:#66717f;font-size:30px;line-height:1;text-align:right;} .as-transfer-error{display:none;margin:10px 0 33px;color:#f0526c;font-size:15px;line-height:1.25;font-weight:300;} .as-transfer-error.show{display:block;} .as-transfer-coin-row + .as-transfer-error:not(.show) + .as-transfer-label{margin-top:20px;} .as-transfer-amount-field{height:62px;border-radius:12px;background:#26303c;display:flex;align-items:center;gap:12px;padding:0 17px;} .as-transfer-amount-field input{min-width:0;flex:1;height:100%;border:none;background:transparent;color:#F6FBFF;outline:none;font-family:'Plex';font-size:18px;font-weight:400;line-height:1;} .as-transfer-amount-field input::placeholder{color:#959ca6;} .as-transfer-amount-field strong{color:#F6FBFF;font-size:19px;font-weight:500;white-space:nowrap;} .as-transfer-amount-field button{border:none;background:transparent;color:var(--yellow);font-family:'Plex';font-size:17px;font-weight:500;white-space:nowrap;cursor:pointer;} .as-transfer-fiat{margin:10px 0 0;color:#959ca6;font-size:14px;font-weight:300;} .as-transfer-available-line{margin-top:10px;color:#959ca6;font-size:14px;font-weight:300;} .as-transfer-available-line span{color:#959ca6;} .as-transfer-footer{position:absolute;left:0;right:0;bottom:0;padding:18px 20px calc(20px + env(safe-area-inset-bottom));background:var(--bg);} .as-transfer-confirm{width:100%;height:62px;border:none;border-radius:10px;background:rgba(240,185,11,.38);color:#202733;font-family:'Plex';font-size:18px;font-weight:500;cursor:default;} .as-transfer-confirm.active{background:linear-gradient(180deg,#f9d84a 0%,#f3c72c 100%);cursor:pointer;} .as-transfer-search{margin-top:0;} .as-transfer-coin-content{padding-top:4px;} .as-transfer-empty{min-height:430px;display:none;align-items:center;justify-content:flex-start;flex-direction:column;padding-top:126px;color:#76808d;text-align:center;} .as-transfer-empty[aria-hidden="false"]{display:flex;} .as-transfer-empty svg{width:112px;height:112px;color:#76808d;opacity:.92;} .as-transfer-empty p{margin:20px 0 0;color:#959ca6;font-size:17px;font-weight:300;} .as-transfer-coin-option{width:100%;height:74px;border:none;background:transparent;color:#EAEEF3;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:0;text-align:left;font-family:'Plex';cursor:pointer;} .as-transfer-coin-option b{font-size:20px;font-weight:500;color:#F6FBFF;line-height:1.08;} .as-transfer-coin-option em{display:block;margin-top:7px;color:#959ca6;font-size:14px;font-style:normal;font-weight:300;} .as-transfer-coin-balance{text-align:right;min-width:92px;} .as-transfer-coin-balance b{display:block;font-size:18px;font-weight:500;color:#F6FBFF;} .as-transfer-coin-balance em{font-size:13px;color:#959ca6;} .as-transfer-account-backdrop,.as-transfer-success-backdrop,.as-transfer-filter-backdrop{position:absolute;inset:0;z-index:66;display:flex;align-items:flex-end;background:rgba(9,13,20,.72);opacity:0;pointer-events:none;overflow:hidden;transition:none;} .as-transfer-account-backdrop.open,.as-transfer-success-backdrop.open,.as-transfer-filter-backdrop.open{opacity:1;pointer-events:auto;} .as-transfer-account-backdrop.closing,.as-transfer-success-backdrop.closing,.as-transfer-filter-backdrop.closing{opacity:1;pointer-events:none;} .as-transfer-account-sheet,.as-transfer-success-sheet,.as-transfer-filter-sheet{width:100%;background:#1f2630;border-radius:18px 18px 0 0;box-shadow:none;transform:translate3d(0,100%,0);transition:transform .32s cubic-bezier(.32,.72,0,1);} .as-transfer-account-backdrop.open .as-transfer-account-sheet,.as-transfer-success-backdrop.open .as-transfer-success-sheet,.as-transfer-filter-backdrop.open .as-transfer-filter-sheet{transform:translateY(0);} .as-transfer-account-backdrop.closing .as-transfer-account-sheet,.as-transfer-success-backdrop.closing .as-transfer-success-sheet,.as-transfer-filter-backdrop.closing .as-transfer-filter-sheet{transform:translate3d(0,100%,0);} .as-transfer-account-sheet{max-height:74%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 20px calc(26px + env(safe-area-inset-bottom));scrollbar-width:none;} .as-transfer-account-sheet::-webkit-scrollbar{display:none;} .as-transfer-account-sheet h2{margin:30px 0 28px;color:#F6FBFF;font-size:25px;font-weight:500;line-height:1.1;} .as-transfer-account-choice{width:100%;min-height:106px;margin-bottom:16px;border:1px solid #35404c;border-radius:12px;background:transparent;color:#EAEEF3;display:flex;align-items:center;gap:16px;padding:0 20px;text-align:left;font-family:'Plex';cursor:pointer;} .as-transfer-account-choice[data-transfer-account="funding"],.as-transfer-account-choice.disabled{display:none;} .as-transfer-account-choice.active{border-color:#F6FBFF;} .as-transfer-account-choice.disabled{opacity:.45;cursor:default;} .as-transfer-account-ico{width:27px;height:27px;color:#EAEEF3;display:flex;align-items:center;justify-content:center;flex:0 0 27px;} .as-transfer-account-ico svg{width:27px;height:27px;display:block;} .as-transfer-account-ico img{width:27px;height:27px;display:block;object-fit:contain;} .as-transfer-account-choice b{display:block;color:#F6FBFF;font-size:19px;font-weight:500;line-height:1.1;} .as-transfer-account-choice em{display:block;margin-top:7px;color:#959ca6;font-size:13px;font-style:normal;font-weight:300;} .as-transfer-success-backdrop{z-index:67;} .as-transfer-success-sheet{padding:8px 20px calc(20px + env(safe-area-inset-bottom));min-height:450px;text-align:center;} .as-transfer-success-check{width:92px;height:92px;margin:54px auto 28px;display:flex;align-items:center;justify-content:center;} .as-transfer-success-check img{width:92px;height:92px;display:block;object-fit:contain;} .as-transfer-success-sheet h2{margin:0;color:#F6FBFF;font-size:25px;font-weight:500;line-height:1.1;} .as-transfer-success-sheet strong{display:block;margin-top:26px;color:#F6FBFF;font-size:34px;line-height:1.05;font-weight:500;} .as-transfer-success-sheet p{margin:49px 0 18px;color:#959ca6;font-size:14px;font-weight:300;} .as-transfer-product{height:68px;border-radius:12px;background:#26303c;color:#F6FBFF;display:flex;align-items:center;gap:12px;padding:0 20px;text-align:left;font-size:18px;font-weight:400;} .as-transfer-product span{width:27px;height:27px;color:#EAEEF3;display:flex;align-items:center;justify-content:center;flex:0 0 27px;} .as-transfer-product img{width:27px;height:27px;display:block;object-fit:contain;} .as-transfer-success-sheet button{width:100%;height:62px;margin-top:36px;border:none;border-radius:10px;background:linear-gradient(180deg,#f9d84a 0%,#f3c72c 100%);color:#202733;font-family:'Plex';font-size:21px;font-weight:500;cursor:pointer;} .as-transfer-history-page{background:var(--bg);} .as-transfer-history-tools-row{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:flex-end;padding:0 18px 6px;border-bottom:1px solid #232b35;} .as-transfer-history-filter-open{position:relative!important;right:auto!important;top:auto!important;z-index:3!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;border:none!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;line-height:0!important;font-size:0!important;box-shadow:none!important;pointer-events:auto!important;} .as-transfer-history-filter-open img{width:32px!important;height:32px!important;display:block!important;object-fit:contain!important;} .as-transfer-history-list{padding:0 20px 20px;overflow-y:auto;scrollbar-width:none;} .as-transfer-history-list::-webkit-scrollbar{display:none;} .as-transfer-history-row{min-height:88px;border-bottom:1px solid #2b3340;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 0;} .as-transfer-history-row b{display:block;color:#F6FBFF;font-size:18px;font-weight:400;line-height:1.1;} .as-transfer-history-direction{font-size:18px!important;line-height:20px!important;font-weight:500!important;color:#F6FBFF!important;} .as-transfer-history-row span{display:block;margin-top:12px;color:#959ca6;font-size:14px;font-weight:300;} .as-transfer-history-amount,.as-transfer-history-row > b{text-align:right;font-size:18px!important;font-weight:500;white-space:nowrap;} .as-transfer-history-empty{text-align:center;color:#959ca6;font-size:16px;font-weight:300;margin:22px 0 0;} .as-transfer-filter-backdrop{z-index:68;} .as-transfer-filter-sheet{min-height:454px;padding:8px 16px calc(20px + env(safe-area-inset-bottom));} .as-transfer-filter-sheet h2{margin:24px 0 20px;color:#F6FBFF;font-size:22px;font-weight:500;line-height:1.1;} .as-transfer-filter-label{display:block;margin:0 0 10px;color:#959ca6;font-size:13px;font-weight:300;} .as-transfer-filter-select,.as-transfer-filter-dates button{width:100%;height:52px;border:none;border-radius:9px;background:#26303c;color:#F6FBFF;font-family:'Plex';font-size:18px;font-weight:400;display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer;} .as-transfer-filter-select{margin-bottom:20px;} .as-transfer-filter-select .tri{border-top-color:#959ca6;transform:scale(1.2);} .as-transfer-filter-dates{display:grid;grid-template-columns:1fr 34px 1fr;gap:14px;align-items:center;margin-bottom:20px;} .as-transfer-filter-dates span{color:#959ca6;text-align:center;font-size:14px;font-weight:300;} .as-transfer-filter-dates button{justify-content:center;font-size:18px;} .as-transfer-filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;} .as-transfer-filter-actions button{height:48px;border:none;border-radius:8px;font-family:'Plex';font-size:18px;font-weight:500;cursor:pointer;} .as-transfer-filter-reset{background:#323b48;color:#F6FBFF;} .as-transfer-filter-confirm{background:linear-gradient(180deg,#f9d84a 0%,#f3c72c 100%);color:#202733;} /* v200: Transfer page aligned with Deposit coin screen */ .as-transfer-page{ background:var(--bg); } .as-transfer-head{ min-height:0; } .as-transfer-history-open{ width:34px; height:34px; margin-left:auto; margin-right:0; border:none; background:transparent; color:#EAEEF3; display:flex; align-items:center; justify-content:center; padding:0; } .as-transfer-scroll{ padding:26px 16px 120px; } .as-transfer-route-card{ position:relative; margin:0 0 24px; padding:0 0 22px; border-bottom:1px solid #2b3340; border-radius:0; background:transparent; overflow:visible; } .as-transfer-route-row{ width:100%; height:46px; border:none; background:transparent; display:grid; grid-template-columns:60px minmax(0,1fr) 24px 50px; align-items:center; padding:0; color:#F6FBFF; font-family:'Plex'; } .as-transfer-route-row span{ color:#959ca6; font-size:16px; line-height:1.2; font-weight:300; } .as-transfer-route-row b{ font-size:18px; line-height:1.1; font-weight:500; color:#F6FBFF; } .as-transfer-route-row em{ font-size:28px; line-height:1; color:#66717f; } .as-transfer-swap{ right:0; top:50%; width:46px; height:46px; border:none; border-radius:14px; background:#2a3340; display:flex; align-items:center; justify-content:center; padding:0; } .as-transfer-swap img{ width:26px; height:26px; display:block; object-fit:contain; } .as-transfer-label{ display:block; margin:0 0 14px; color:#959ca6; font-size:16px; line-height:1.2; font-weight:300; } .as-transfer-coin-row{ width:100%; height:68px; box-sizing:border-box; border:none; border-bottom:1px solid #2b3340; border-radius:0; background:transparent; color:#EAEEF3; display:grid; grid-template-columns:34px minmax(0,1fr) 26px; gap:14px; align-items:center; padding:0 0 22px; text-align:left; font-family:'Plex'; } .as-transfer-coin-icon{ width:34px; height:34px; flex:0 0 34px; font-size:13px; } .as-transfer-coin-copy{ min-width:0; display:block; } .as-transfer-coin-copy b{ display:block; font-size:18px; line-height:1.1; font-weight:500; color:#F6FBFF; } .as-transfer-coin-copy em{ display:block; margin-top:8px; color:#959ca6; font-size:14px; line-height:1.1; font-style:normal; font-weight:300; transform:none; } .as-transfer-chev{ color:#66717f; font-size:30px; line-height:1; text-align:right; } .as-transfer-error{ margin:8px 0 24px; color:#f0526c; font-size:13px; line-height:1.28; font-weight:300; } .as-transfer-coin-row + .as-transfer-error:not(.show) + .as-transfer-label{ margin-top:24px; } .as-transfer-amount-field{ width:100%; height:68px; box-sizing:border-box; border:none; border-bottom:1px solid #2b3340; border-radius:0; background:transparent; display:flex; align-items:center; gap:12px; padding:0 0 22px; } .as-transfer-amount-field input{ min-width:0; flex:1; height:100%; border:none; background:transparent; outline:none; color:#DDE3EA; font-family:'Plex'; font-size:16px; font-weight:400; line-height:1.2; } .as-transfer-amount-field input::placeholder{ color:#959ca6; } .as-transfer-amount-field strong{ color:#F6FBFF; font-size:18px; line-height:1.1; font-weight:500; white-space:nowrap; } .as-transfer-amount-field button{ border:none; background:transparent; color:var(--yellow); font-family:'Plex'; font-size:16px; line-height:1.1; font-weight:600; white-space:nowrap; } .as-transfer-fiat{ margin:8px 0 0; color:#959ca6; font-size:13px; line-height:1.28; font-weight:300; } .as-transfer-available-line{ margin-top:8px; color:#959ca6; font-size:13px; line-height:1.28; font-weight:300; } .as-transfer-available-line span{ color:#959ca6; } .as-transfer-footer{ position:absolute; left:16px; right:16px; bottom:calc(20px + env(safe-area-inset-bottom)); padding:0; background:transparent; } .as-transfer-confirm{ width:100%; height:50px; border:none; border-radius:10px; background:var(--yellow); color:#232445; font-family:'Plex'; font-size:16px; line-height:1; font-weight:500; cursor:pointer; } .as-transfer-confirm:disabled{ opacity:.42; cursor:default; } .as-transfer-confirm.active{ background:var(--yellow); color:#232445; opacity:1; cursor:pointer; } /* v201: compact Transfer account selector */ .as-transfer-swap, .as-transfer-account-ico{ overflow:visible; } .as-transfer-swap img, .as-transfer-account-ico svg, .as-transfer-account-ico img{ overflow:visible; } .as-transfer-account-sheet{ max-height:calc(100% - 24px); padding:8px 16px calc(18px + env(safe-area-inset-bottom)); border-radius:16px 16px 0 0; } .as-transfer-account-sheet .as-sheet-handle{ margin:0 auto 20px; } .as-transfer-account-sheet h2{ margin:0 0 18px; color:#F6FBFF; font-size:21px; line-height:1.12; font-weight:500; } .as-transfer-account-choice{ min-height:78px; height:78px; margin-bottom:12px; padding:0 16px; border-radius:10px; gap:14px; } .as-transfer-account-choice.active{ border-color:#DDE3EA; } .as-transfer-account-ico{ width:31px; height:31px; flex:0 0 31px; } .as-transfer-account-ico svg, .as-transfer-account-ico img{ width:31px; height:31px; display:block; object-fit:contain; } .as-transfer-account-choice b{ font-size:16px; line-height:18px; font-weight:500; } .as-transfer-account-choice em{ margin-top:5px; font-size:12px; line-height:14px; font-weight:300; } /* v202: compact Transfer success sheet */ .as-transfer-success-sheet{ min-height:0; padding:8px 16px calc(18px + env(safe-area-inset-bottom)); text-align:center; } .as-transfer-success-sheet .as-sheet-handle{ margin:0 auto 24px; } .as-transfer-success-check{ width:60px; height:60px; margin:0 auto 14px; } .as-transfer-success-check img{ width:60px; height:60px; } .as-transfer-success-sheet h2{ margin:0; font-size:21px; line-height:23px; font-weight:500; } .as-transfer-success-sheet strong{ margin-top:12px; font-size:28px; line-height:31px; font-weight:500; } .as-transfer-success-sheet p{ margin:24px 0 14px; color:#959ca6; font-size:13px; line-height:18px; font-weight:300; } .as-transfer-product{ height:56px; border-radius:10px; background:#2a3340; gap:12px; padding:0 16px; font-size:16px; font-weight:500; } .as-transfer-product span{ width:28px; height:28px; flex:0 0 28px; } .as-transfer-product img{ width:28px; height:28px; } .as-transfer-success-sheet button{ width:100%; height:50px; margin-top:22px; border:none; border-radius:10px; background:var(--yellow); color:#232445; font-family:'Plex'; font-size:16px; line-height:1; font-weight:500; } /* v203: true vertical centering for form text and action labels */ .as-amount-input{ height:24px; min-height:24px; padding:0; line-height:24px; align-self:center; } .as-amount-field strong, .as-amount-field button{ height:24px; min-height:24px; display:inline-flex; align-items:center; line-height:24px; align-self:center; } .as-flow-search input, .as-transfer-search input, .as-email-code-field input, .as-transfer-amount-field input{ height:24px; min-height:24px; padding:0; line-height:24px; align-self:center; } .as-send-select, .as-currency-option, .as-history-pills span, .as-transfer-filter-select, .as-transfer-filter-dates button{ align-items:center; line-height:1.1; } .as-share-address, .as-withdraw-submit, .as-confirm-submit, .as-email-body button, .as-transfer-confirm, .as-transfer-success-sheet button, .as-transfer-filter-actions button, .as-transfer-amount-field button, .as-transfer-amount-field strong{ display:flex; align-items:center; justify-content:center; line-height:1.1; } /* v210: smoother Deposit/Send sheets and asset flow page transitions */ .as-deposit-backdrop{ transition:opacity .24s ease; } .as-deposit-backdrop.closing{ background:transparent; opacity:1; transition:none; } .as-deposit-sheet{ transition:transform .42s cubic-bezier(.22,.72,0,1); will-change:transform; } .as-flow{ transition:transform .46s cubic-bezier(.22,.72,0,1),visibility 0s .46s; } .as-flow.open{ transition-delay:0s; } .as-email-page{ transition:transform .42s cubic-bezier(.22,.72,0,1),visibility 0s .42s; } .as-network-menu{ transition:transform .38s cubic-bezier(.22,.72,0,1); } /* v211: enhanced asset picker with Trending and alphabet jump index */ .as-flow-content.as-picker-enhanced{ padding-right:34px; padding-bottom:46px; } .as-history-pills{ gap:12px; margin-bottom:29px; } .as-history-pills span{ min-width:56px; height:32px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; font-size:15px; line-height:32px; font-weight:400; } .as-flow-section.as-picker-heading{ margin:0 0 15px; font-size:18px; line-height:22px; font-weight:400; } .as-picker-trending{ margin-bottom:28px; } .as-alpha-list{ padding-bottom:16px; } .as-alpha-group{ margin:0 0 15px; } .as-alpha-label{ height:24px; display:flex; align-items:center; color:#959ca6; font-size:15px; line-height:20px; font-weight:400; } .as-alpha-index{ position:absolute; right:5px; top:198px; bottom:28px; z-index:7; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; width:24px; pointer-events:auto; touch-action:none; user-select:none; } .as-alpha-index button{ width:22px; height:18px; border:0; padding:0; border-radius:9px; background:transparent; color:#8d96a3; font-family:'Plex'; font-size:12px; line-height:18px; font-weight:500; text-align:center; cursor:pointer; transform:scale(1); transition:color .14s ease,background .14s ease,transform .14s ease; } .as-alpha-index button.active{ color:#F6FBFF; background:rgba(149,156,166,.12); transform:scale(1.12); } .as-alpha-index button.missing{ color:#606a76; } .as-alpha-bubble{ position:absolute; right:35px; top:50%; z-index:8; width:48px; height:48px; border-radius:24px; background:#303a47; color:#F6FBFF; display:flex; align-items:center; justify-content:center; font-family:'Plex'; font-size:22px; line-height:1; font-weight:500; opacity:0; pointer-events:none; transform:translateY(-50%) scale(.78); transition:opacity .14s ease,transform .18s cubic-bezier(.22,.72,0,1); } .as-alpha-bubble.show{ opacity:1; transform:translateY(-50%) scale(1); } .as-picker-trending .as-asset-row, .as-alpha-list .as-asset-row, .as-picker-trending .as-withdraw-asset-row, .as-alpha-list .as-withdraw-asset-row{ height:60px; } .as-picker-trending .as-asset-row b, .as-alpha-list .as-asset-row b, .as-picker-trending .as-withdraw-asset-row b, .as-alpha-list .as-withdraw-asset-row b{ font-size:18px; line-height:21px; } .as-picker-trending .as-asset-row em, .as-alpha-list .as-asset-row em, .as-picker-trending .as-withdraw-asset-row em, .as-alpha-list .as-withdraw-asset-row em{ margin-top:4px; } /* v213: remove rasterized zero-transform layers after opening flows/sheets */ .as-flow.open, .as-email-page.open, .as-deposit-backdrop.open .as-deposit-sheet, .as-history-picker-backdrop.open .as-history-picker-sheet, .as-transfer-account-backdrop.open .as-transfer-account-sheet, .as-transfer-success-backdrop.open .as-transfer-success-sheet, .as-transfer-filter-backdrop.open .as-transfer-filter-sheet, .as-network-menu.open{ transform:none!important; will-change:auto!important; filter:none!important; opacity:1!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; transform-style:flat!important; perspective:none!important; } .as-flow.open, .as-flow.open *, .as-deposit-backdrop.open .as-deposit-sheet, .as-deposit-backdrop.open .as-deposit-sheet *, .as-history-picker-backdrop.open .as-history-picker-sheet, .as-history-picker-backdrop.open .as-history-picker-sheet *, .as-transfer-account-backdrop.open .as-transfer-account-sheet, .as-transfer-account-backdrop.open .as-transfer-account-sheet *, .as-transfer-success-backdrop.open .as-transfer-success-sheet, .as-transfer-success-backdrop.open .as-transfer-success-sheet *, .as-transfer-filter-backdrop.open .as-transfer-filter-sheet, .as-transfer-filter-backdrop.open .as-transfer-filter-sheet *{ text-rendering:geometricPrecision!important; -webkit-font-smoothing:antialiased!important; } /* v217: sharper Send/Deposit forms, slimmer fields and buttons */ .as-send-page.open *, .as-deposit-page.open *{ text-rendering:auto!important; -webkit-font-smoothing:antialiased!important; } .as-send-scroll{ padding:6px 22px 176px!important; } .as-deposit-scroll{ padding:22px 22px 106px!important; } .as-send-label{ margin:16px 0 9px!important; font-size:16px!important; line-height:20px!important; } .as-send-field{ min-height:52px!important; border-radius:9px!important; padding:0 13px!important; background:#2a3340!important; } .as-address-input-field{ min-height:52px!important; align-items:center!important; padding:13px 12px 11px 13px!important; } .as-send-input{ min-height:22px!important; padding:0!important; font-size:16px!important; line-height:22px!important; } .as-send-field-icons{ gap:12px!important; margin-top:0!important; } .as-send-field-icon{ width:22px!important; height:22px!important; filter:brightness(0) invert(1)!important; mix-blend-mode:normal!important; opacity:.7!important; } .as-send-select{ min-height:52px!important; } .as-send-select b{ font-size:16px!important; line-height:20px!important; } .as-send-select em{ font-size:12px!important; line-height:16px!important; } .as-amount-field{ height:52px!important; min-height:52px!important; } .as-amount-input{ height:22px!important; min-height:22px!important; font-size:16px!important; line-height:22px!important; } .as-amount-field strong, .as-amount-field button{ height:22px!important; min-height:22px!important; line-height:22px!important; } .as-amount-field strong{ gap:8px!important; font-size:15px!important; } .as-amount-field button{ font-size:14px!important; } .as-fiat-amount{ margin-top:6px!important; font-size:12px!important; } .as-available-line{ margin-top:13px!important; font-size:13px!important; } .as-available-line b{ font-size:14px!important; } .as-withdraw-notes{ margin:31px -22px 0!important; padding:23px 22px 0!important; font-size:13px!important; line-height:1.38!important; } .as-send-footer{ padding:16px 22px calc(16px + env(safe-area-inset-bottom))!important; } .as-receive-line{ margin-bottom:12px!important; font-size:14px!important; line-height:18px!important; } .as-receive-line b{ font-size:18px!important; line-height:22px!important; } .as-receive-line small{ margin-top:6px!important; font-size:14px!important; line-height:18px!important; } .as-withdraw-submit, .as-share-address{ height:44px!important; border-radius:8px!important; font-size:15px!important; line-height:1.1!important; } .as-share-address{ left:22px!important; right:22px!important; bottom:calc(18px + env(safe-area-inset-bottom))!important; } .as-qr-card{ margin-bottom:34px!important; } .as-deposit-info{ margin-bottom:22px!important; padding-bottom:20px!important; } .as-info-label{ margin-bottom:12px!important; font-size:15px!important; line-height:19px!important; } .as-address-label{ margin-bottom:7px!important; } .as-network-line b{ font-size:16px!important; line-height:20px!important; } .as-network-line span{ margin-top:6px!important; font-size:14px!important; line-height:19px!important; } .as-address-text{ font-size:15px!important; line-height:20px!important; } .as-address-note{ margin-top:7px!important; font-size:12px!important; line-height:16px!important; } .as-network-btn, .as-copy-btn{ width:42px!important; height:42px!important; flex-basis:42px!important; border-radius:10px!important; } .as-network-btn img, .as-copy-btn img{ width:24px!important; height:24px!important; filter:brightness(0) invert(1)!important; mix-blend-mode:normal!important; opacity:.82!important; } /* v219: remove dim overlay immediately while Transfer sheets slide down */ .as-transfer-account-backdrop.closing, .as-transfer-success-backdrop.closing, .as-transfer-filter-backdrop.closing, .as-history-picker-backdrop.closing{ background:transparent!important; opacity:1!important; pointer-events:none!important; } /* v220: keep Transfer pages crisp like the main screen */ .as-transfer-page.open, .as-transfer-coin-select.open, .as-transfer-history-page.open{ transform:none!important; filter:none!important; will-change:auto!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; } .as-transfer-page.open *, .as-transfer-coin-select.open *, .as-transfer-history-page.open *{ text-rendering:auto!important; -webkit-font-smoothing:antialiased!important; } .as-transfer-page img, .as-transfer-coin-select img, .as-transfer-history-page img{ image-rendering:auto!important; filter:none; } /* v221: Transfer screen rebuilt to match the reference form layout */ .as-transfer-scroll{ padding:25px 20px 128px!important; } .as-transfer-route-card{ margin:0 0 31px!important; padding:5px 0!important; border:0!important; border-radius:10px!important; background:#29313e!important; overflow:hidden!important; } .as-transfer-route-row{ height:56px!important; grid-template-columns:61px minmax(0,1fr) 28px 52px!important; padding:0 16px 0 20px!important; border:0!important; background:transparent!important; } .as-transfer-route-row span{ color:#9ba2ac!important; font-size:16px!important; line-height:20px!important; font-weight:300!important; } .as-transfer-route-row b{ color:#F6FBFF!important; font-size:19px!important; line-height:22px!important; font-weight:500!important; } .as-transfer-route-row em{ color:#788391!important; font-size:30px!important; line-height:1!important; transform:none!important; } .as-transfer-swap{ right:16px!important; top:50%!important; width:34px!important; height:54px!important; border:0!important; border-radius:0!important; background:transparent!important; } .as-transfer-swap img{ width:28px!important; height:28px!important; opacity:.96!important; } .as-transfer-route-card.swap-anim .as-transfer-route-row:first-child b{ animation:asTransferFromLabel .42s cubic-bezier(.22,.72,0,1); } .as-transfer-route-card.swap-anim .as-transfer-route-row:nth-child(2) b{ animation:asTransferToLabel .42s cubic-bezier(.22,.72,0,1); } @keyframes asTransferFromLabel{ 0%{transform:translateY(0);opacity:1;} 45%{transform:translateY(12px);opacity:.18;} 46%{transform:translateY(-12px);opacity:.18;} 100%{transform:translateY(0);opacity:1;} } @keyframes asTransferToLabel{ 0%{transform:translateY(0);opacity:1;} 45%{transform:translateY(-12px);opacity:.18;} 46%{transform:translateY(12px);opacity:.18;} 100%{transform:translateY(0);opacity:1;} } .as-transfer-label{ margin:0 0 10px!important; color:#9ba2ac!important; font-size:16px!important; line-height:20px!important; font-weight:300!important; } .as-transfer-coin-row{ height:66px!important; border:0!important; border-radius:10px!important; background:#29313e!important; grid-template-columns:34px minmax(0,1fr) 24px!important; gap:13px!important; padding:0 15px!important; } .as-transfer-coin-icon{ width:30px!important; height:30px!important; flex-basis:30px!important; } .as-transfer-coin-copy{ display:flex!important; align-items:baseline!important; gap:4px!important; min-width:0!important; } .as-transfer-coin-copy b{ font-size:20px!important; line-height:23px!important; font-weight:500!important; } .as-transfer-coin-copy em{ margin:0!important; color:#9ba2ac!important; font-size:13px!important; line-height:16px!important; font-weight:300!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .as-transfer-chev{ color:#788391!important; font-size:30px!important; } .as-transfer-error{ display:none!important; } .as-transfer-error + .as-transfer-label, .as-transfer-coin-row + .as-transfer-error + .as-transfer-label, .as-transfer-coin-row + .as-transfer-error:not(.show) + .as-transfer-label{ margin-top:31px!important; } .as-transfer-amount-field{ height:66px!important; border:0!important; border-radius:10px!important; background:#29313e!important; padding:0 15px!important; gap:11px!important; } .as-transfer-amount-field input{ height:24px!important; min-height:24px!important; color:#F6FBFF!important; font-size:20px!important; line-height:24px!important; font-weight:400!important; } .as-transfer-amount-field input::placeholder{ color:#9ba2ac!important; } .as-transfer-amount-field strong{ color:#F6FBFF!important; font-size:19px!important; line-height:24px!important; font-weight:500!important; } .as-transfer-amount-field button{ color:var(--yellow)!important; font-size:18px!important; line-height:24px!important; font-weight:500!important; } .as-transfer-fiat, .as-transfer-available-line, .as-transfer-available-line span{ color:#9ba2ac!important; } .as-transfer-fiat{ margin:9px 0 0!important; font-size:14px!important; line-height:18px!important; } .as-transfer-available-line{ margin-top:8px!important; font-size:14px!important; line-height:18px!important; } .as-transfer-footer{ padding:18px 20px calc(20px + env(safe-area-inset-bottom))!important; } .as-transfer-confirm{ height:54px!important; border-radius:9px!important; font-size:16px!important; line-height:1.1!important; } .as-transfer-account-choice[data-transfer-account="funding"]{ display:flex!important; } /* v223: prevent black flash when a bottom sheet finishes closing */ .as-deposit-backdrop:not(.open):not(.closing), .as-history-picker-backdrop:not(.open):not(.closing), .as-transfer-account-backdrop:not(.open):not(.closing), .as-transfer-success-backdrop:not(.open):not(.closing), .as-transfer-filter-backdrop:not(.open):not(.closing){ background:transparent!important; opacity:0!important; pointer-events:none!important; transition:none!important; } .as-deposit-backdrop.open, .as-history-picker-backdrop.open, .as-transfer-account-backdrop.open, .as-transfer-success-backdrop.open, .as-transfer-filter-backdrop.open{ background:rgba(9,13,20,.72)!important; opacity:1!important; } .as-deposit-backdrop.open{ transition:opacity .24s ease!important; } /* v225: full-height Transfer swap hitbox, sharper icon and cleaner account-switch animation */ .as-transfer-swap{ top:0!important; right:0!important; bottom:0!important; width:66px!important; height:auto!important; min-height:100%!important; z-index:6!important; transform:none!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; } .as-transfer-swap img{ width:30px!important; height:42px!important; opacity:1!important; image-rendering:auto!important; filter:none!important; } .as-transfer-swap.swap-anim img{ animation:asTransferSwapIcon .42s cubic-bezier(.22,.72,0,1)!important; } .as-transfer-route-card.swap-anim .as-transfer-route-row:first-child b, .as-transfer-route-card.swap-anim .as-transfer-route-row:nth-child(2) b{ animation:none!important; } .as-transfer-route-card.swap-out .as-transfer-route-row:first-child b{ animation:asTransferTopOut .15s ease-in forwards!important; } .as-transfer-route-card.swap-out .as-transfer-route-row:nth-child(2) b{ animation:asTransferBottomOut .15s ease-in forwards!important; } .as-transfer-route-card.swap-in .as-transfer-route-row:first-child b{ animation:asTransferTopIn .24s cubic-bezier(.22,.72,0,1) forwards!important; } .as-transfer-route-card.swap-in .as-transfer-route-row:nth-child(2) b{ animation:asTransferBottomIn .24s cubic-bezier(.22,.72,0,1) forwards!important; } @keyframes asTransferSwapIcon{ 0%{transform:rotate(0deg) scale(1);} 50%{transform:rotate(180deg) scale(1.08);} 100%{transform:rotate(180deg) scale(1);} } @keyframes asTransferTopOut{ 0%{transform:translateY(0);opacity:1;} 100%{transform:translateY(16px);opacity:0;} } @keyframes asTransferBottomOut{ 0%{transform:translateY(0);opacity:1;} 100%{transform:translateY(-16px);opacity:0;} } @keyframes asTransferTopIn{ 0%{transform:translateY(-16px);opacity:0;} 100%{transform:translateY(0);opacity:1;} } @keyframes asTransferBottomIn{ 0%{transform:translateY(16px);opacity:0;} 100%{transform:translateY(0);opacity:1;} } /* v226: compact Transfer inputs and match Confirm Transfer to Withdraw CTA */ .as-transfer-scroll{ padding:22px 22px 116px!important; } .as-transfer-route-card{ margin-bottom:26px!important; padding:4px 0!important; border-radius:8px!important; } .as-transfer-route-row{ height:48px!important; grid-template-columns:56px minmax(0,1fr) 24px 52px!important; padding:0 14px 0 16px!important; } .as-transfer-route-row span{ font-size:14px!important; line-height:18px!important; } .as-transfer-route-row b{ font-size:16px!important; line-height:20px!important; } .as-transfer-route-row em{ font-size:25px!important; } .as-transfer-label{ margin-bottom:8px!important; font-size:15px!important; line-height:19px!important; } .as-transfer-coin-row{ height:52px!important; border-radius:8px!important; grid-template-columns:29px minmax(0,1fr) 20px!important; gap:10px!important; padding:0 12px!important; } .as-transfer-coin-icon{ width:26px!important; height:26px!important; flex-basis:26px!important; } .as-transfer-coin-copy b{ font-size:17px!important; line-height:20px!important; } .as-transfer-coin-copy em{ font-size:11px!important; line-height:14px!important; } .as-transfer-chev{ font-size:25px!important; } .as-transfer-error + .as-transfer-label, .as-transfer-coin-row + .as-transfer-error + .as-transfer-label, .as-transfer-coin-row + .as-transfer-error:not(.show) + .as-transfer-label{ margin-top:27px!important; } .as-transfer-amount-field{ height:52px!important; border-radius:8px!important; padding:0 12px!important; gap:8px!important; } .as-transfer-amount-field input{ height:22px!important; min-height:22px!important; font-size:16px!important; line-height:22px!important; } .as-transfer-amount-field strong{ font-size:15px!important; line-height:22px!important; } .as-transfer-amount-field button{ font-size:14px!important; line-height:22px!important; } .as-transfer-fiat{ margin-top:7px!important; font-size:12px!important; line-height:16px!important; } .as-transfer-available-line{ margin-top:5px!important; font-size:12px!important; line-height:16px!important; } .as-transfer-footer{ padding:16px 22px calc(16px + env(safe-area-inset-bottom))!important; } .as-transfer-confirm{ width:100%!important; height:44px!important; border:none!important; border-radius:8px!important; background:var(--yellow)!important; color:#1f2630!important; font-family:'Plex'!important; font-size:15px!important; font-weight:500!important; line-height:1.1!important; display:flex!important; align-items:center!important; justify-content:center!important; box-shadow:none!important; } .as-transfer-confirm:disabled{ background:rgba(240,185,11,.38)!important; color:#202733!important; opacity:1!important; cursor:default!important; } .as-transfer-confirm.active{ background:var(--yellow)!important; color:#1f2630!important; opacity:1!important; cursor:pointer!important; } /* v227: crisp transparent Sell Crypto hand icon */ .as-transfer-product span{ width:34px!important; height:34px!important; flex:0 0 34px!important; background:transparent!important; } .as-transfer-product img[src*="asset_transfer_sell_user"]{ width:34px!important; height:34px!important; display:block!important; object-fit:contain!important; image-rendering:auto!important; filter:none!important; mix-blend-mode:normal!important; } /* v228: compact network picker and sharper/narrower Transfer form */ .as-network-menu{ max-height:68%!important; box-sizing:border-box!important; padding:9px 14px calc(16px + env(safe-area-inset-bottom))!important; background:#1f2630!important; border-radius:16px 16px 0 0!important; box-shadow:0 -10px 24px rgba(0,0,0,.18)!important; transform:translateY(100%)!important; transition:transform .34s cubic-bezier(.22,.72,0,1)!important; } .as-network-menu.open{ transform:none!important; } .as-network-menu::before{ content:""; display:block; width:42px; height:5px; margin:0 auto 21px; border-radius:999px; background:#4b5664; } .as-network-menu h3{ margin:0 0 14px!important; color:#F6FBFF!important; font-size:19px!important; line-height:23px!important; font-weight:500!important; } .as-network-menu button{ width:100%!important; min-height:0!important; margin:0 0 10px!important; padding:13px 14px 12px!important; border:0!important; border-radius:10px!important; background:#29313e!important; color:#EAEEF3!important; box-shadow:none!important; } .as-network-menu button.active{ outline:1px solid #F6FBFF!important; outline-offset:-1px!important; } .as-network-title{ display:block!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .as-network-menu b{ display:inline!important; margin:0 5px 0 0!important; color:#F6FBFF!important; font-size:16px!important; line-height:20px!important; font-weight:500!important; } .as-network-menu em{ display:inline!important; margin:0!important; color:#DDE3EA!important; font-size:14px!important; line-height:20px!important; font-style:normal!important; font-weight:300!important; } .as-network-menu small{ display:block!important; margin:10px 0 0!important; padding-top:9px!important; border-top:1px solid #3a4552!important; color:#9ba2ac!important; font-size:13px!important; line-height:20px!important; font-weight:300!important; } .as-network-menu[data-network-count="1"]{ max-height:none!important; } .as-transfer-page.open, .as-transfer-coin-select.open, .as-transfer-history-page.open{ transform:none!important; filter:none!important; will-change:auto!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; transform-style:flat!important; perspective:none!important; } .as-transfer-page.open *, .as-transfer-coin-select.open *, .as-transfer-history-page.open *{ text-rendering:auto!important; -webkit-font-smoothing:antialiased!important; } .as-transfer-scroll{ padding:22px 28px 112px!important; } .as-transfer-route-card{ margin-bottom:24px!important; padding:3px 0!important; border-radius:9px!important; background:#29313e!important; } .as-transfer-route-row{ height:47px!important; grid-template-columns:54px minmax(0,1fr) 24px 50px!important; padding:0 13px 0 16px!important; } .as-transfer-route-row span{ color:#9ba2ac!important; font-size:14px!important; line-height:18px!important; } .as-transfer-route-row b{ font-size:16px!important; line-height:20px!important; } .as-transfer-route-row em{ font-size:24px!important; } .as-transfer-label{ color:#9ba2ac!important; margin-bottom:8px!important; font-size:15px!important; line-height:19px!important; } .as-transfer-coin-row, .as-transfer-amount-field{ height:50px!important; border-radius:9px!important; background:#29313e!important; } .as-transfer-coin-row{ grid-template-columns:29px minmax(0,1fr) 20px!important; gap:10px!important; padding:0 12px!important; } .as-transfer-coin-icon{ width:26px!important; height:26px!important; flex-basis:26px!important; } .as-transfer-coin-copy b{ font-size:17px!important; line-height:20px!important; } .as-transfer-coin-copy em{ color:#9ba2ac!important; font-size:11px!important; line-height:14px!important; } .as-transfer-amount-field{ padding:0 12px!important; gap:8px!important; } .as-transfer-amount-field input{ height:22px!important; min-height:22px!important; font-size:16px!important; line-height:22px!important; } .as-transfer-amount-field input::placeholder{ color:#9ba2ac!important; } .as-transfer-amount-field strong{ font-size:15px!important; line-height:22px!important; } .as-transfer-amount-field button{ font-size:14px!important; line-height:22px!important; } .as-transfer-fiat, .as-transfer-available-line, .as-transfer-available-line span{ color:#9ba2ac!important; } .as-transfer-fiat{ margin-top:7px!important; font-size:12px!important; line-height:16px!important; } .as-transfer-available-line{ margin-top:5px!important; font-size:12px!important; line-height:16px!important; } .as-transfer-footer{ padding:16px 28px calc(16px + env(safe-area-inset-bottom))!important; } .as-transfer-confirm{ height:42px!important; border-radius:8px!important; background:var(--yellow)!important; color:#1f2630!important; font-size:15px!important; line-height:1.1!important; } .as-transfer-confirm:disabled{ background:rgba(240,185,11,.38)!important; color:#202733!important; } @media (max-width:360px){ .as-transfer-scroll{ padding-left:20px!important; padding-right:20px!important; } .as-transfer-footer{ padding-left:20px!important; padding-right:20px!important; } } /* v230: compact History picker sheet */ .as-history-picker-sheet{ padding:8px 16px calc(18px + env(safe-area-inset-bottom))!important; background:#1f2630!important; border-radius:16px 16px 0 0!important; } .as-history-picker-sheet .as-sheet-handle{ width:42px!important; height:5px!important; margin:0 auto 22px!important; background:#4b5664!important; } .as-history-picker-sheet h2{ margin:0 0 18px!important; color:#F6FBFF!important; font-size:19px!important; line-height:23px!important; font-weight:500!important; } .as-history-choice{ min-height:58px!important; height:58px!important; margin:0!important; padding:0 2px!important; gap:12px!important; border:0!important; border-radius:8px!important; background:transparent!important; align-items:center!important; } .as-history-choice + .as-history-choice{ margin-top:10px!important; } .as-history-choice:active{ background:#29313e!important; } .as-history-choice > span:first-child{ min-width:0!important; } .as-history-choice b{ color:#F6FBFF!important; font-size:17px!important; line-height:20px!important; font-weight:500!important; } .as-history-choice em{ margin-top:4px!important; color:#9ba2ac!important; font-size:12px!important; line-height:16px!important; font-weight:300!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .as-choice-chev{ width:22px!important; flex:0 0 22px!important; color:#DDE3EA!important; font-size:27px!important; line-height:1!important; text-align:center!important; } /* v232: Transfer CTA matches Withdraw button exactly */ .as-transfer-footer{ padding:16px 22px calc(16px + env(safe-area-inset-bottom))!important; border-top:1px solid #2b3340!important; background:var(--bg)!important; } .as-transfer-confirm{ width:100%!important; height:44px!important; border:none!important; border-radius:8px!important; background:var(--yellow)!important; color:#1f2630!important; font-family:'Plex'!important; font-size:15px!important; font-weight:500!important; line-height:1.1!important; display:flex!important; align-items:center!important; justify-content:center!important; box-shadow:none!important; } .as-transfer-confirm:disabled{ background:rgba(240,185,11,.38)!important; color:#202733!important; opacity:1!important; cursor:default!important; } .as-transfer-confirm.active{ background:var(--yellow)!important; color:#1f2630!important; opacity:1!important; cursor:pointer!important; } @media (max-width:360px){ .as-transfer-footer{ padding-left:22px!important; padding-right:22px!important; } } /* v233: clean transparent Transfer swap arrows */ .as-transfer-swap img[src*="asset_transfer_swap_user"]{ width:34px!important; height:34px!important; object-fit:contain!important; image-rendering:auto!important; filter:none!important; mix-blend-mode:normal!important; } /* v234: lock Send form text to the vertical center */ .as-send-field{ box-sizing:border-box!important; display:flex!important; align-items:center!important; } .as-address-input-field, .as-amount-field{ height:52px!important; min-height:52px!important; padding-top:0!important; padding-bottom:0!important; align-items:center!important; } .as-send-input, .as-amount-input{ height:24px!important; min-height:24px!important; max-height:24px!important; padding:0!important; margin:0!important; border:0!important; line-height:24px!important; display:block!important; align-self:center!important; box-sizing:border-box!important; transform:translateY(-1px)!important; } textarea.as-send-input{ overflow:hidden!important; resize:none!important; } .as-send-field-icons, .as-amount-field strong, .as-amount-field button{ align-self:center!important; } /* v236: full-height large network picker, one-line selected network, larger address icons */ .as-network-menu[data-network-mode="full"]{ top:76px!important; bottom:0!important; height:auto!important; max-height:none!important; padding:9px 20px calc(18px + env(safe-area-inset-bottom))!important; border-radius:16px 16px 0 0!important; } .as-network-menu[data-network-mode="full"]::before{ margin-bottom:28px!important; } .as-network-menu[data-network-mode="full"] h3{ margin-bottom:22px!important; font-size:20px!important; line-height:24px!important; } .as-network-menu[data-network-mode="full"] button{ margin-bottom:16px!important; padding:17px 16px 16px!important; border-radius:11px!important; } .as-network-menu[data-network-mode="full"] small{ margin-top:12px!important; padding-top:10px!important; } .as-send-select.has-network span:first-child{ display:block!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .as-send-select.has-network b, .as-send-select.has-network em{ display:inline!important; vertical-align:baseline!important; white-space:nowrap!important; } .as-send-select.has-network b{ font-size:16px!important; line-height:20px!important; font-weight:500!important; } .as-send-select.has-network em{ margin:0 0 0 4px!important; color:#DDE3EA!important; font-size:13px!important; line-height:20px!important; font-weight:300!important; } .as-address-input-field .as-send-field-icons{ gap:12px!important; } .as-address-input-field .as-send-field-icon{ width:27px!important; height:27px!important; flex:0 0 27px!important; opacity:.86!important; filter:none!important; mix-blend-mode:normal!important; } /* v237: instant Confirm order transition, crisp loader, Withdraw-style Confirm button */ .as-confirm-page.instant-open, .as-confirm-page.instant-open.open{ transition:none!important; transform:none!important; visibility:visible!important; } .as-send-loading, .as-confirm-loading{ background:var(--bg)!important; } .as-loader-diamond{ width:42px!important; height:42px!important; border-radius:0!important; background:#4d5968!important; transform:none!important; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important; will-change:auto!important; backface-visibility:visible!important; } .as-loader-diamond span{ height:16px!important; gap:3px!important; transform:none!important; } .as-loader-diamond i{ width:4px!important; min-width:4px!important; border-radius:2px!important; background:var(--yellow)!important; } .as-confirm-submit{ left:22px!important; right:22px!important; bottom:calc(16px + env(safe-area-inset-bottom))!important; height:44px!important; border:none!important; border-radius:8px!important; background:var(--yellow)!important; color:#1f2630!important; font-family:'Plex'!important; font-size:15px!important; font-weight:500!important; line-height:1.1!important; display:flex!important; align-items:center!important; justify-content:center!important; box-shadow:none!important; } /* v238: make Transfer CTA the same edge width as Withdraw */ .as-transfer-footer{ padding:16px 0 calc(16px + env(safe-area-inset-bottom))!important; } .as-transfer-confirm{ width:calc(100% - 44px)!important; margin:0 22px!important; } /* v241: user's Transfer swap logo, transparent PNG, centered rotation */ .as-transfer-swap img[src*="asset_transfer_swap_user"]{ width:34px!important; height:34px!important; object-fit:contain!important; transform-origin:50% 50%!important; image-rendering:auto!important; filter:none!important; mix-blend-mode:normal!important; } .as-transfer-swap.swap-anim img[src*="asset_transfer_swap_user"]{ animation:asTransferSwapIcon .42s cubic-bezier(.22,.72,0,1)!important; } /* v247: final vertical centering pass for Assets, Send, Deposit and Transfer controls */ .as-flow-search, .as-transfer-search, .as-send-field, .as-address-input-field, .as-amount-field, .as-send-select, .as-transfer-route-row, .as-transfer-coin-row, .as-transfer-amount-field, .as-transfer-filter-select, .as-transfer-filter-dates button, .as-transfer-account-choice, .as-transfer-product, .as-deposit-option, .as-history-choice, .as-security-option, .as-email-code-field, .as-currency-option{ box-sizing:border-box!important; align-items:center!important; } .as-flow-search, .as-transfer-search, .as-send-field, .as-address-input-field, .as-amount-field, .as-send-select, .as-transfer-amount-field, .as-transfer-account-choice, .as-transfer-product, .as-deposit-option, .as-history-choice, .as-security-option, .as-email-code-field, .as-currency-option{ display:flex!important; } .as-transfer-route-row{ display:grid!important; align-items:center!important; } .as-transfer-route-row span, .as-transfer-route-row b, .as-transfer-route-row em{ display:flex!important; align-items:center!important; height:20px!important; min-height:20px!important; line-height:20px!important; margin:0!important; padding:0!important; transform:translateY(-1px)!important; } .as-transfer-route-row em{ justify-content:center!important; height:24px!important; min-height:24px!important; line-height:24px!important; } .as-transfer-coin-row{ align-items:center!important; } .as-transfer-coin-icon, .as-transfer-chev{ align-self:center!important; margin-top:0!important; margin-bottom:0!important; } .as-transfer-coin-copy{ display:flex!important; align-items:center!important; gap:4px!important; min-width:0!important; height:22px!important; min-height:22px!important; line-height:22px!important; transform:translateY(-1px)!important; } .as-transfer-coin-copy b, .as-transfer-coin-copy em{ display:inline-flex!important; align-items:center!important; height:20px!important; min-height:20px!important; margin:0!important; padding:0!important; line-height:20px!important; transform:none!important; } .as-transfer-coin-copy em{ height:14px!important; min-height:14px!important; line-height:14px!important; } .as-transfer-amount-field{ align-items:center!important; } .as-transfer-amount-field input, .as-amount-input, .as-send-input, .as-flow-search input, .as-transfer-search input, .as-asset-search, .as-email-code-field input{ box-sizing:border-box!important; height:24px!important; min-height:24px!important; max-height:24px!important; padding-top:0!important; padding-bottom:0!important; margin-top:0!important; margin-bottom:0!important; line-height:24px!important; align-self:center!important; transform:translateY(-1px)!important; } textarea.as-send-input{ overflow:hidden!important; resize:none!important; } .as-transfer-amount-field strong, .as-transfer-amount-field button, .as-amount-field strong, .as-amount-field button, .as-send-select b, .as-send-select em, .as-send-select > span:first-child, .as-email-code-field span, .as-security-option span, .as-deposit-copy, .as-deposit-name, .as-deposit-desc, .as-history-choice b, .as-history-choice em, .as-currency-option span, .as-currency-option em{ margin-top:0!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; line-height:1.1!important; transform:none!important; } .as-transfer-amount-field strong, .as-transfer-amount-field button, .as-amount-field strong, .as-amount-field button, .as-send-select > span:first-child, .as-email-code-field span{ display:flex!important; align-items:center!important; align-self:center!important; height:24px!important; min-height:24px!important; } .as-transfer-amount-field strong, .as-transfer-amount-field button, .as-amount-field strong, .as-amount-field button{ transform:translateY(-1px)!important; } .as-send-select.has-network > span:first-child{ display:block!important; height:20px!important; min-height:20px!important; line-height:20px!important; white-space:nowrap!important; } .as-send-select.has-network b, .as-send-select.has-network em{ display:inline!important; line-height:20px!important; vertical-align:baseline!important; } .as-address-input-field .as-send-field-icons, .as-send-field-icons{ align-self:center!important; margin-top:0!important; margin-bottom:0!important; } .as-withdraw-submit, .as-confirm-submit, .as-transfer-confirm, .as-email-body button{ display:flex!important; align-items:center!important; justify-content:center!important; line-height:1.1!important; padding-top:0!important; padding-bottom:0!important; } /* v249: Transfer amount helper text +1.5px */ .as-transfer-fiat, .as-transfer-available-line, .as-transfer-available-line span{ font-size:13.5px!important; line-height:17.5px!important; } /* v250: Deposit/Withdraw method sheets slide fully visible, no fade */ .as-deposit-backdrop, .as-deposit-backdrop.open, .as-deposit-backdrop.closing{ transition:none!important; } .as-deposit-backdrop.open{ opacity:1!important; background:rgba(9,13,20,.72)!important; } .as-deposit-backdrop.closing{ opacity:1!important; background:transparent!important; } .as-deposit-sheet, .as-withdraw-sheet, .as-deposit-backdrop.open .as-deposit-sheet, .as-deposit-backdrop.closing .as-deposit-sheet{ opacity:1!important; filter:none!important; visibility:visible!important; transition:transform .42s cubic-bezier(.22,.72,0,1)!important; } /* v251: align balance currency selector to the bottom of the currency symbol */ .assets .as-bal-val{ align-items:flex-end!important; } .assets .as-cur-wrap{ align-self:flex-end!important; display:inline-flex!important; align-items:flex-end!important; } .assets .as-cur{ height:18px!important; min-height:18px!important; align-items:flex-end!important; line-height:18px!important; padding:0!important; transform:translateY(1px)!important; } .assets .as-cur .tri{ margin-bottom:3px!important; } /* v253: Send header has a single centered title, no One Time row */ .as-send-head{ min-height:64px!important; padding-top:calc(12px + env(safe-area-inset-top))!important; padding-bottom:12px!important; } .as-send-title{ top:50%!important; transform:translateY(-50%)!important; line-height:1!important; display:flex!important; align-items:center!important; justify-content:center!important; } .as-send-title > span{ display:block!important; font-size:20px!important; line-height:24px!important; font-weight:600!important; } .as-send-title button{ display:none!important; } /* v254: hide the network picker scrollbar while keeping vertical scroll */ .as-network-menu{ scrollbar-width:none!important; -ms-overflow-style:none!important; } .as-network-menu::-webkit-scrollbar{ width:0!important; height:0!important; display:none!important; } /* v255: final audit pass for sheet closing, form rhythm and vertical centering */ .as-history-picker-backdrop.closing, .as-transfer-account-backdrop.closing, .as-transfer-success-backdrop.closing, .as-transfer-filter-backdrop.closing{ opacity:1!important; background:transparent!important; pointer-events:none!important; transition:none!important; } .as-history-picker-sheet, .as-transfer-account-sheet, .as-transfer-success-sheet, .as-transfer-filter-sheet, .as-history-picker-backdrop.open .as-history-picker-sheet, .as-history-picker-backdrop.closing .as-history-picker-sheet, .as-transfer-account-backdrop.open .as-transfer-account-sheet, .as-transfer-account-backdrop.closing .as-transfer-account-sheet, .as-transfer-success-backdrop.open .as-transfer-success-sheet, .as-transfer-success-backdrop.closing .as-transfer-success-sheet, .as-transfer-filter-backdrop.open .as-transfer-filter-sheet, .as-transfer-filter-backdrop.closing .as-transfer-filter-sheet{ opacity:1!important; filter:none!important; visibility:visible!important; transition:transform .42s cubic-bezier(.22,.72,0,1)!important; } .as-send-field, .as-address-input-field, .as-amount-field, .as-transfer-route-card, .as-transfer-coin-row, .as-transfer-amount-field{ background:#29313e!important; } .as-address-input-field, .as-amount-field, .as-transfer-coin-row, .as-transfer-amount-field{ height:52px!important; min-height:52px!important; } .as-transfer-route-row{ height:48px!important; min-height:48px!important; } .as-transfer-route-row span, .as-transfer-route-row b, .as-transfer-route-row em, .as-transfer-coin-copy, .as-transfer-coin-copy b, .as-transfer-coin-copy em, .as-send-select > span:first-child, .as-send-select b, .as-send-select em, .as-amount-input, .as-send-input, .as-transfer-amount-field input, .as-transfer-amount-field strong, .as-transfer-amount-field button, .as-amount-field strong, .as-amount-field button{ box-sizing:border-box!important; margin-top:0!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; align-self:center!important; } .as-amount-input, .as-send-input, .as-transfer-amount-field input{ display:block!important; height:24px!important; min-height:24px!important; max-height:24px!important; line-height:24px!important; transform:translateY(-1px)!important; } .as-transfer-amount-field strong, .as-transfer-amount-field button, .as-amount-field strong, .as-amount-field button{ display:inline-flex!important; align-items:center!important; height:24px!important; min-height:24px!important; line-height:24px!important; transform:translateY(-1px)!important; } .as-transfer-coin-copy{ display:flex!important; align-items:center!important; height:22px!important; min-height:22px!important; line-height:22px!important; transform:translateY(-1px)!important; } .as-transfer-coin-copy b, .as-transfer-coin-copy em{ display:inline-flex!important; align-items:center!important; height:20px!important; min-height:20px!important; line-height:20px!important; transform:none!important; } .as-send-select.has-network > span:first-child, .as-network-title{ display:block!important; height:20px!important; min-height:20px!important; line-height:20px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .as-network-menu b, .as-network-menu em{ display:inline!important; vertical-align:baseline!important; line-height:20px!important; } .as-send-field-icons, .as-address-input-field .as-send-field-icons{ align-self:center!important; align-items:center!important; margin:0!important; } .as-address-input-field .as-send-field-icon, .as-send-field-icon{ width:27px!important; min-width:27px!important; height:27px!important; flex:0 0 27px!important; object-fit:contain!important; image-rendering:auto!important; filter:none!important; mix-blend-mode:normal!important; } .as-fiat-amount, .as-available-line, .as-available-line span, .as-available-line b{ font-size:13.5px!important; line-height:17.5px!important; } .as-history-row, .as-history-overall-row, .as-transfer-history-row, .as-transfer-coin-option, .as-transfer-account-choice, .as-history-choice, .as-deposit-option, .as-security-option, .as-transfer-filter-select, .as-transfer-filter-dates button{ box-sizing:border-box!important; align-items:center!important; } .as-history-row b, .as-history-row span, .as-history-overall-row b, .as-history-overall-row span, .as-transfer-history-row b, .as-transfer-history-row span, .as-transfer-coin-option b, .as-transfer-coin-option em, .as-transfer-coin-balance b, .as-transfer-coin-balance em, .as-transfer-account-choice b, .as-transfer-account-choice em, .as-history-choice b, .as-history-choice em{ margin-top:0!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; transform:none!important; } .as-withdraw-submit, .as-confirm-submit, .as-transfer-confirm, .as-transfer-success-sheet button, .as-transfer-filter-actions button, .as-email-body button{ display:flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; height:44px!important; border-radius:8px!important; font-size:15px!important; font-weight:500!important; line-height:1.1!important; padding-top:0!important; padding-bottom:0!important; box-shadow:none!important; } .as-withdraw-submit:not(:disabled), .as-confirm-submit, .as-transfer-confirm.active, .as-transfer-success-sheet button, .as-transfer-filter-confirm, .as-email-body button{ background:var(--yellow)!important; color:#1f2630!important; } .as-network-menu, .as-flow-content, .as-deposit-scroll, .as-send-scroll, .as-transfer-scroll, .as-transfer-account-sheet, .as-transfer-history-list, .as-history-overall-list{ scrollbar-width:none!important; -ms-overflow-style:none!important; } .as-network-menu::-webkit-scrollbar, .as-flow-content::-webkit-scrollbar, .as-deposit-scroll::-webkit-scrollbar, .as-send-scroll::-webkit-scrollbar, .as-transfer-scroll::-webkit-scrollbar, .as-transfer-account-sheet::-webkit-scrollbar, .as-transfer-history-list::-webkit-scrollbar, .as-history-overall-list::-webkit-scrollbar{ width:0!important; height:0!important; display:none!important; } /* v271: Add Funds sheet */ .as-add-funds-sheet{ padding:5px 15px calc(26px + env(safe-area-inset-bottom))!important; border-radius:18px 18px 0 0!important; overflow-y:auto!important; } .as-add-funds-sheet > .as-sheet-handle{ width:38px!important; height:4px!important; margin:0 auto 20px!important; } .as-add-funds-head{ position:relative; z-index:3; min-height:25px; margin:0 0 12px; display:flex; align-items:center; justify-content:space-between; gap:16px; } .as-add-funds-head .as-deposit-title{ margin:0!important; color:#F6FBFF!important; font-size:20px!important; line-height:25px!important; font-weight:600!important; } .as-addfunds-currency{position:relative;flex:0 0 auto;} .as-addfunds-currency-button{ min-width:70px; height:32px; border:0; border-radius:8px; padding:0 2px 0 4px; display:flex; align-items:center; justify-content:flex-end; gap:7px; background:transparent; color:#EAEEF3; font-family:'Plex',system-ui,sans-serif; font-size:16px; line-height:20px; font-weight:400; cursor:pointer; } .as-addfunds-currency-button:active{background:#28313D;} .as-addfunds-currency-icon{ width:18px; height:18px; flex:0 0 18px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:#2C9BD4; color:#FFD335; font-family:Arial,sans-serif; font-size:13px; line-height:18px; font-weight:700; } .as-addfunds-currency-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;image-rendering:auto;} .as-addfunds-currency-icon[data-code="BTC"], .as-addfunds-currency-icon[data-code="ETH"], .as-addfunds-currency-icon[data-code="BNB"], .as-addfunds-currency-icon[data-code="USDT"]{background:transparent;color:transparent;} .as-addfunds-currency-icon[data-code="USD"]{background:#2C9BD4;color:#FFD335;font-size:13px;} .as-addfunds-currency-caret{ width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #7F8996; transform:rotate(0deg); transition:transform .15s ease; } .as-addfunds-currency.open .as-addfunds-currency-caret{transform:rotate(180deg);} .as-addfunds-currency-menu{ position:absolute; top:calc(100% + 6px); right:0; z-index:12; width:132px; padding:5px; border:1px solid #36414E; border-radius:10px; background:#242D38; box-shadow:0 8px 24px rgba(0,0,0,.24); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-4px); transition:opacity .15s ease,transform .15s ease,visibility 0s .15s; } .as-addfunds-currency.open .as-addfunds-currency-menu{ opacity:1; visibility:visible; pointer-events:auto; transform:none; transition-delay:0s; } .as-addfunds-currency-option{ width:100%; height:38px; border:0; border-radius:7px; padding:0 9px; display:flex; align-items:center; gap:9px; background:transparent; color:#EAEEF3; font-family:'Plex',system-ui,sans-serif; font-size:14px; line-height:18px; font-weight:400; cursor:pointer; } .as-addfunds-currency-option.active, .as-addfunds-currency-option:active{background:#303A47;} .as-add-funds-sheet > .as-deposit-option{ height:78px!important; min-height:78px!important; margin:0 0 12px!important; padding:0 14px!important; gap:12px!important; border-radius:13px!important; } .as-add-funds-sheet > .as-deposit-option.as-deposit-receive{margin-bottom:0!important;} .as-add-funds-sheet > .as-deposit-option.as-deposit-extra{ max-height:78px; opacity:1; overflow:hidden; visibility:visible; transition:max-height .24s cubic-bezier(.32,.72,0,1),min-height .24s cubic-bezier(.32,.72,0,1),height .24s cubic-bezier(.32,.72,0,1),margin .24s cubic-bezier(.32,.72,0,1),padding .24s cubic-bezier(.32,.72,0,1),border-width .24s cubic-bezier(.32,.72,0,1),opacity .16s ease,visibility 0s linear 0s!important; } .as-add-funds-sheet.is-compact > .as-deposit-option.as-deposit-extra{ height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding-top:0!important; padding-bottom:0!important; border-width:0!important; opacity:0; visibility:hidden; pointer-events:none; transition:max-height .24s cubic-bezier(.32,.72,0,1),min-height .24s cubic-bezier(.32,.72,0,1),height .24s cubic-bezier(.32,.72,0,1),margin .24s cubic-bezier(.32,.72,0,1),padding .24s cubic-bezier(.32,.72,0,1),border-width .24s cubic-bezier(.32,.72,0,1),opacity .12s ease,visibility 0s linear .24s!important; } .as-add-funds-sheet > .as-deposit-option .as-deposit-ico, .as-add-funds-sheet > .as-deposit-option .as-deposit-ico img, .as-add-funds-sheet > .as-deposit-option .as-deposit-ico svg{ width:24px!important; height:24px!important; flex-basis:24px!important; } .as-add-funds-sheet > .as-deposit-option .as-deposit-copy{gap:4px!important;} .as-add-funds-sheet > .as-deposit-option .as-deposit-name{ font-size:16px!important; line-height:19px!important; font-weight:400!important; } .as-add-funds-sheet > .as-deposit-option .as-deposit-desc{ font-size:12px!important; line-height:15px!important; font-weight:300!important; } .as-deposit-view-less{ width:100%; height:46px; border:0; padding:0; display:flex; align-items:center; justify-content:center; gap:6px; background:transparent; color:#A4ABB5; font-family:'Plex',system-ui,sans-serif; font-size:14px; line-height:20px; font-weight:400; cursor:pointer; } .as-deposit-view-less .as-deposit-view-label{ width:auto; height:auto; } .as-deposit-view-less .as-deposit-view-caret{ width:7px; height:7px; border-top:1.5px solid currentColor; border-left:1.5px solid currentColor; transform:rotate(45deg) translateY(2px); transition:transform .18s ease; } .as-deposit-view-less[aria-expanded="false"] .as-deposit-view-caret{transform:rotate(225deg) translate(-1px,-1px);} .as-deposit-view-less:active{color:#EAEEF3;} @media(prefers-reduced-motion:reduce){ .as-add-funds-sheet > .as-deposit-option.as-deposit-extra, .as-deposit-view-less .as-deposit-view-caret{transition-duration:.01ms!important;} } @media(max-width:380px){ .as-add-funds-sheet{padding-left:12px!important;padding-right:12px!important;} .as-add-funds-sheet > .as-deposit-option{padding:10px 12px!important;} .as-add-funds-sheet > .as-deposit-option .as-deposit-desc{font-size:11.5px!important;} } /* v285: reference Withdraw flow — address, amount, review and slide confirm */ #asSendPage, #asConfirmPage{ --send-inactive:#635a31; --send-card:#29313e; --send-muted:#959ca6; --send-page:#1f2630; background:var(--send-page)!important; } #asSendPage .as-send-head, #asConfirmPage .as-confirm-head{ box-sizing:border-box!important; min-height:calc(50px + env(safe-area-inset-top))!important; height:calc(50px + env(safe-area-inset-top))!important; padding:calc(8px + env(safe-area-inset-top)) 15px 8px!important; background:var(--send-page)!important; } #asSendPage .as-flow-back, #asConfirmPage .as-flow-back{ width:34px!important;height:34px!important;flex:0 0 34px!important; background:none!important;color:#eaeef3!important; } #asSendPage .as-flow-back svg, #asConfirmPage .as-flow-back svg{display:block!important;width:25px!important;height:25px!important;} #asSendPage .as-send-title{ top:auto!important;left:62px!important;right:62px!important;transform:none!important; min-width:0;height:34px;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px; } #asSendPage .as-send-title > #asSendTitleText{ display:block!important;color:#f6fbff!important;font:500 18px/22px 'Plex',system-ui,sans-serif!important; } .as-send-title-coin, .as-confirm-coin{ width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden; } .as-send-title-coin[hidden]{display:none!important;} .as-send-title-coin img,.as-confirm-coin img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;} .as-send-title-coin img[hidden],.as-confirm-coin img[hidden]{display:none!important;} .as-send-title-coin i,.as-confirm-coin i{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font:600 9px/1 'Plex';font-style:normal;} .as-send-title-coin i[hidden],.as-confirm-coin i[hidden]{display:none!important;} .as-send-head-tools{gap:10px!important;} .as-send-head-tool{ width:28px;height:32px;padding:0;border:0;background:transparent;color:#eaeef3;display:flex;align-items:center;justify-content:center;cursor:pointer; } .as-send-head-tool svg{width:23px;height:23px;display:block;} .as-send-head-tool svg *{stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;} #asSendPage .as-send-stage{min-height:0;flex:1;display:none;position:relative;overflow:hidden;background:var(--send-page);} #asSendPage .as-send-stage.active{display:flex!important;flex-direction:column;} #asSendPage[data-send-step="address"] [data-send-stage="amount"], #asSendPage[data-send-step="amount"] [data-send-stage="address"]{display:none!important;} .as-send-address-scroll{flex:1;min-height:0;overflow-y:auto;padding:13px 15px 116px;box-sizing:border-box;scrollbar-width:none;} .as-send-address-scroll::-webkit-scrollbar{display:none;} #asSendPage .as-send-network-pill{ width:max-content!important;max-width:100%;height:32px!important;min-height:32px!important;margin:0;padding:0 11px!important; border:0!important;border-radius:8px!important;background:#29323b!important;color:#eaeef3!important; display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important; } .as-send-network-glyph{width:18px;height:18px;flex:0 0 18px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;overflow:hidden;font:600 9px/1 'Plex';} .as-send-network-glyph svg{width:18px;height:18px;display:block;} .as-send-network-glyph img{width:18px;height:18px;display:block;border-radius:50%;object-fit:cover;} .as-send-network-glyph svg *{stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;} #asSendPage .as-send-network-copy{height:auto!important;min-height:0!important;line-height:1!important;display:flex!important;align-items:center!important;overflow:visible!important;} #asSendPage .as-send-network-copy b{ display:block!important;height:auto!important;min-height:0!important;color:#959ca6!important;font:300 13px/16px 'Plex',system-ui,sans-serif!important;overflow:visible!important; } #asSendPage .as-send-network-pill.has-network .as-send-network-copy b{color:#f6fbff!important;font-weight:400!important;} #asSendPage .as-send-network-copy em{display:none!important;} #asSendPage .as-send-network-pill .tri{margin-left:1px;border-top-color:#9da5af!important;} .as-send-auto-match{ height:18px;padding:0 6px;border-radius:4px;background:rgba(252,212,52,.1);color:#fcd434;display:flex;align-items:center;font:300 10px/18px 'Plex';white-space:nowrap; } .as-send-auto-match[hidden]{display:none!important;} #asSendPage .as-send-auto-match:not([hidden]) ~ .tri{display:none!important;} #asSendPage .as-network-desc{display:none!important;} .as-address-editor{position:relative;margin-top:28px;min-height:76px;} #asSendPage .as-address-large-input, #asSendPage textarea.as-address-large-input{ position:relative;z-index:2;width:100%!important;height:auto!important;min-height:76px!important;max-height:164px!important;margin:0!important;padding:5px 0 0!important;box-sizing:border-box!important; border:0!important;outline:0!important;background:transparent!important;resize:none!important;overflow:hidden!important; color:#f6fbff!important;caret-color:#fcd434!important;font:300 clamp(32px,9.2vw,40px)/1.3 'Plex',system-ui,sans-serif!important; letter-spacing:0!important;word-break:break-all;overflow-wrap:anywhere;transform:none!important;-webkit-appearance:none;appearance:none; } #asSendPage .as-address-large-input::placeholder{color:#747c89!important;opacity:1;} .as-address-editor.has-value #asSendAddress{ height:76px!important;min-height:76px!important;max-height:76px!important; padding-top:5px!important;font-size:27px!important;line-height:1.35!important; } .as-address-mirror{ position:absolute;z-index:1;inset:5px 0 0;color:#f6fbff;pointer-events:none;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere; font:300 clamp(25px,6.4vw,29px)/1.35 'Plex',system-ui,sans-serif; } .as-address-mirror mark{padding:0;background:transparent;color:#fcd434;} .as-address-editor.has-value:not(.is-editing) .as-address-large-input{color:transparent!important;caret-color:transparent!important;} .as-address-editor.has-value:not(.is-editing) .as-address-mirror{z-index:3;} .as-address-editor.is-editing .as-address-mirror{visibility:hidden;} #asSendPage #asAddressError{margin:4px 0 0!important;font-size:12px!important;} .as-address-actions{display:flex;align-items:center;gap:8px;margin-top:10px;overflow:visible;} .as-address-actions button{ width:max-content;height:32px;min-width:0;padding:0 10px;border:0;border-radius:8px;background:#29323b;color:#eaeef3; display:inline-flex;align-items:center;justify-content:center;gap:5px;font:300 13px/16px 'Plex',system-ui,sans-serif;white-space:nowrap;cursor:pointer; } .as-address-actions button svg{width:18px;height:18px;flex:0 0 18px;display:block;} .as-address-actions button svg *{stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;} .as-address-actions button[hidden]{display:none!important;} .as-recent-withdrawals{margin:37px -15px 0;padding:24px 15px 0;border-top:1px solid #2b3340;} .as-recent-withdrawals[hidden]{display:none!important;} .as-recent-heading,.as-recent-address{width:100%;padding:0;border:0;background:transparent;color:#f6fbff;text-align:left;font-family:'Plex';cursor:pointer;} .as-recent-heading{height:32px;display:flex;align-items:center;justify-content:space-between;font-size:17px;line-height:22px;font-weight:400;} .as-recent-heading svg{width:20px;height:20px;color:#77808b;} .as-recent-heading svg *{stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;} .as-recent-address{margin-top:12px;display:block;} .as-recent-address b{display:block;color:#eaeef3;font-size:16px;line-height:21px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .as-recent-address span{width:max-content;height:20px;margin-top:6px;padding:0 7px;border-radius:4px;background:rgba(252,212,52,.08);color:#fcd434;display:flex;align-items:center;font-size:11px;line-height:20px;font-weight:400;} .as-address-footer{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:8px 15px calc(43px + env(safe-area-inset-bottom));background:var(--send-page);} .as-address-next,#asSendPage .as-withdraw-submit{ width:100%!important;height:48px!important;padding:0!important;border:0!important;border-radius:10px!important; background:#fcd434!important;color:#1f2630!important;display:flex!important;align-items:center!important;justify-content:center!important; font:500 16px/20px 'Plex',system-ui,sans-serif!important;cursor:pointer; } .as-address-next:disabled,#asSendPage .as-withdraw-submit:disabled{ background:var(--send-inactive)!important;color:#1f2630!important;cursor:default!important; } #asSendPage .as-send-amount-scroll{ flex:1!important;min-height:0!important;overflow-y:auto!important;padding:24px 15px 174px!important;box-sizing:border-box!important; } .as-send-frequency{height:32px;padding:0 10px;border:0;border-radius:8px;background:#29323b;color:#eaeef3;display:flex;align-items:center;gap:6px;font:300 13px/16px 'Plex';cursor:pointer;} .as-send-frequency .tri{border-top-color:#a4abb5!important;} .as-giant-amount-row{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:8px;} .as-giant-amount-wrap{min-width:0;max-width:calc(100% - 54px);flex:1 1 auto;display:flex;align-items:baseline;gap:2px;overflow:hidden;} #asSendPage .as-giant-amount-input{ width:var(--send-amount-input-width,calc(var(--amount-ch,1) * .62em + .18em))!important;min-width:.82em!important;max-width:calc(100% - 1.8em)!important;flex:0 1 auto!important; height:68px!important;min-height:68px!important;max-height:68px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important; color:#f6fbff!important;caret-color:#fcd434!important;font:300 var(--send-amount-font-size,clamp(43px,11.8vw,52px))/68px 'Plex',system-ui,sans-serif!important; transform:none!important;outline:none!important;-webkit-appearance:none;appearance:none; } #asSendPage .as-giant-amount-input::placeholder{color:#f6fbff!important;} .as-giant-amount-symbol{flex:0 0 auto;color:#747c89;font:300 var(--send-amount-font-size,clamp(43px,11.8vw,52px))/68px 'Plex',system-ui,sans-serif;white-space:nowrap;} .as-send-max{width:46px;height:32px;flex:0 0 46px;padding:0;border:0;border-radius:8px;background:#29323b;color:#eaeef3;font:300 13px/16px 'Plex';cursor:pointer;} #asSendPage .as-fiat-amount{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;color:#eaeef3!important;font-size:14px!important;line-height:20px!important;font-weight:300!important;} #asSendPage .as-fiat-amount svg{width:18px;height:18px;color:#87909b;} #asSendPage .as-fiat-amount svg *{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;} #asSendPage .as-available-line{display:block!important;margin:22px 0 0!important;color:#959ca6!important;font-size:13px!important;line-height:18px!important;} #asSendPage .as-available-line b{color:inherit!important;font:inherit!important;font-weight:300!important;} #asSendPage #asAmountError{margin-top:6px!important;} .as-withdraw-caution{ min-height:70px;margin-top:33px;padding:12px 14px;box-sizing:border-box;border-radius:10px;background:#363732;color:#f6fbff; display:flex;align-items:flex-start;gap:8px; } .as-withdraw-caution > svg{width:18px;height:18px;flex:0 0 18px;margin-top:1px;} .as-withdraw-caution > svg *{stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;} .as-withdraw-caution p{margin:0;font:300 12px/18px 'Plex',system-ui,sans-serif;} .as-withdraw-caution p span{color:#fcd434;white-space:nowrap;} .as-caution-toggle{height:40px;margin-top:22px;padding:0;border:0;background:transparent;color:#959ca6;display:flex;align-items:center;gap:6px;font:300 13px/18px 'Plex';cursor:pointer;} .as-caution-toggle span{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);} #asSendPage .as-send-footer{ position:absolute!important;z-index:3;left:0!important;right:0!important;bottom:0!important;box-sizing:border-box!important; padding:12px 15px calc(43px + env(safe-area-inset-bottom))!important;border-top:1px solid #2b3340!important;background:var(--send-page)!important; } #asSendPage .as-receive-line{height:26px;margin:0!important;color:#eaeef3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;font:300 13px/18px 'Plex'!important;} .as-receive-copy{display:flex;align-items:center;gap:7px;min-width:0;} .as-receive-icon{width:20px;height:20px;flex:0 0 20px;display:flex;align-items:center;justify-content:center;color:#eaeef3;} .as-receive-icon svg{width:20px;height:20px;display:block;} .as-receive-icon svg *{stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;} #asSendPage .as-receive-line b{color:#eaeef3!important;font:400 13px/18px 'Plex'!important;text-align:right!important;white-space:nowrap!important;} .as-fee-label{border-bottom:1px dotted #69727e;} #asSendPage .as-fee-line b del{margin-right:3px;color:#959ca6;text-decoration-color:#959ca6;text-decoration-thickness:1px;} #asSendPage .as-withdraw-submit{margin-top:7px!important;} #asSendPage .as-send-loading, #asConfirmPage .as-confirm-loading{background:var(--send-page)!important;} #asSendPage.address-resolving .as-send-loading{ inset:calc(50px + env(safe-area-inset-top)) 0 calc(99px + env(safe-area-inset-bottom))!important;display:flex!important;z-index:4!important; } #asSendPage.address-resolving .as-send-address-scroll{visibility:hidden!important;} #asSendPage.loading .as-send-stage{visibility:hidden!important;} #asSendPage.loading .as-send-loading{inset:calc(50px + env(safe-area-inset-top)) 0 0!important;display:flex!important;z-index:4!important;} .as-loader-diamond{ width:40px!important;height:40px!important;border-radius:8px!important;background:#505968!important;clip-path:none!important; transform:rotate(45deg)!important;will-change:auto!important; } .as-loader-diamond span{height:14px!important;gap:3px!important;transform:rotate(-45deg)!important;} .as-loader-diamond i{width:4px!important;min-width:4px!important;background:#fcd434!important;border-radius:1px!important;} /* Confirm order */ #asConfirmPage{overflow-y:auto!important;padding-bottom:calc(112px + env(safe-area-inset-bottom));box-sizing:border-box;} #asConfirmPage .as-confirm-title{left:62px!important;right:62px!important;color:#f6fbff!important;font:500 18px/22px 'Plex'!important;} #asConfirmPage .as-confirm-summary{ padding:40px 15px 23px!important;border:0!important;text-align:center!important; } #asConfirmPage .as-confirm-coin{width:48px;height:48px;margin:0 auto 25px;} #asConfirmPage .as-confirm-summary > b{ margin:0!important;color:#f6fbff!important;font:600 22px/28px 'Plex'!important;word-break:normal!important; } #asConfirmPage .as-confirm-summary > b span{font:inherit!important;} #asConfirmPage .as-confirm-summary > em{margin-top:6px!important;color:#959ca6!important;font:300 14px/19px 'Plex'!important;} .as-confirm-card{margin:0 15px;padding:13px 16px;border-radius:10px;background:#29313e;} .as-confirm-card-row{min-height:54px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;color:#eaeef3;} .as-confirm-card-row > svg{width:22px;height:22px;margin-top:2px;} .as-confirm-card-row > svg *{stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;} .as-confirm-card-row > span{display:block;color:#eaeef3;font:300 14px/18px 'Plex';} .as-confirm-card-row b{display:block;margin-top:2px;color:#f6fbff;font:400 15px/20px 'Plex';word-break:break-all;overflow-wrap:anywhere;} .as-confirm-card-row b mark{padding:0;background:transparent;color:#fcd434;} .as-confirm-address-row{padding-top:4px;} #asConfirmPage .as-confirm-details{padding:31px 15px 0!important;} #asConfirmPage .as-confirm-row{ min-height:44px;margin:0!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important; color:#eaeef3!important;font:300 15px/20px 'Plex'!important; } #asConfirmPage .as-confirm-row b{color:#f6fbff!important;font:400 15px/20px 'Plex'!important;text-align:right!important;} #asConfirmPage .as-confirm-row del{margin-right:3px;color:#959ca6;text-decoration-color:#959ca6;} #asConfirmPage .as-confirm-warning{ position:absolute;left:15px;right:15px;bottom:calc(103px + env(safe-area-inset-bottom));min-height:0!important;margin:0!important;padding:0!important; border:0!important;border-radius:0!important;background:transparent!important;color:#959ca6!important;display:block!important; font:300 12px/17px 'Plex'!important; } .as-confirm-status-toast{ position:absolute;z-index:7;left:15px;right:15px;bottom:calc(148px + env(safe-area-inset-bottom)); box-sizing:border-box;min-height:42px;padding:10px 13px;border:1px solid rgba(252,212,52,.22);border-radius:9px; background:#323641;color:#f7f8fa;box-shadow:0 8px 26px rgba(0,0,0,.22); display:flex;align-items:center;justify-content:center;text-align:center;font:400 13px/18px 'Plex'; opacity:0;transform:translateY(7px);transition:opacity .18s ease,transform .18s ease;pointer-events:none; } .as-confirm-status-toast[hidden]{display:none!important;} .as-confirm-status-toast.show{opacity:1;transform:translateY(0);} .as-confirm-status-toast.error{border-color:rgba(255,104,122,.3);background:#50343b;color:#ffe8ec;} #asConfirmPage.loading .as-confirm-status-toast{bottom:calc(76px + env(safe-area-inset-bottom));} .as-confirm-slider{ --slide-progress:0;position:absolute;z-index:3;left:15px;right:15px;bottom:calc(43px + env(safe-area-inset-bottom));height:48px; box-sizing:border-box;border-radius:10px;background:#49452f;box-shadow:inset 0 0 0 1px rgba(252,212,52,.12);overflow:hidden;touch-action:none;user-select:none;outline:none; } .as-confirm-slider-fill{position:absolute;z-index:0;inset:0 auto 0 0;width:calc(48px + (100% - 48px) * var(--slide-progress));background:linear-gradient(90deg,#e6b70e 0%,#fcd434 72%,#ffe783 100%);box-shadow:8px 0 18px rgba(252,212,52,.22);transition:width .24s cubic-bezier(.22,.72,0,1);pointer-events:none;} .as-confirm-slider-label{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;color:#25251d;font:500 16px/20px 'Plex';transition:color .18s ease;pointer-events:none;} .as-confirm-slider-handle{ position:absolute;z-index:2;left:4px;top:4px;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:#fcd434;color:#1f2630; display:flex;align-items:center;justify-content:center;transform:translateX(var(--slide-x,0px));transition:transform .24s cubic-bezier(.22,.72,0,1);cursor:grab;touch-action:none; } .as-confirm-slider.dragging .as-confirm-slider-handle,.as-confirm-slider.dragging .as-confirm-slider-fill{transition:none;cursor:grabbing;} .as-confirm-slider.complete .as-confirm-slider-fill{box-shadow:0 0 22px rgba(252,212,52,.35);} .as-confirm-slider-handle svg{width:23px;height:23px;} .as-confirm-slider-handle svg *{stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;} #asConfirmPage.loading .as-confirm-summary, #asConfirmPage.loading .as-confirm-card, #asConfirmPage.loading .as-confirm-details, #asConfirmPage.loading .as-confirm-warning, #asConfirmPage.loading .as-confirm-slider{display:none!important;} #asConfirmPage.loading .as-confirm-loading{inset:calc(64px + env(safe-area-inset-top)) 0 0!important;display:flex!important;} @media(max-width:380px){ #asSendPage .as-send-head,#asConfirmPage .as-confirm-head{ min-height:calc(48px + env(safe-area-inset-top))!important;height:calc(48px + env(safe-area-inset-top))!important; padding:calc(7px + env(safe-area-inset-top)) 12px 7px!important; } #asSendPage .as-send-title > #asSendTitleText,#asConfirmPage .as-confirm-title{font-size:16px!important;line-height:20px!important;} .as-send-head-tools{gap:5px!important;} .as-send-address-scroll{padding:10px 12px 101px;} #asSendPage .as-send-network-pill{height:28px!important;min-height:28px!important;padding:0 9px!important;} .as-send-network-glyph{width:16px;height:16px;flex-basis:16px;}.as-send-network-glyph svg{width:16px;height:16px;} #asSendPage .as-send-network-copy b{font-size:12px!important;line-height:15px!important;} .as-address-editor{margin-top:25px;min-height:64px;} #asSendPage .as-address-large-input,#asSendPage textarea.as-address-large-input{min-height:64px!important;font-size:33px!important;line-height:1.28!important;} .as-address-mirror{font-size:23px;line-height:1.34;} .as-address-editor.has-value #asSendAddress{height:64px!important;min-height:64px!important;max-height:64px!important;font-size:23px!important;line-height:1.34!important;} .as-address-actions{gap:6px;}.as-address-actions button{height:29px;padding:0 7px;font-size:11px;gap:4px;}.as-address-actions button svg{width:16px;height:16px;flex-basis:16px;} .as-recent-withdrawals{margin-top:27px;margin-left:-12px;margin-right:-12px;padding:20px 12px 0;} .as-recent-heading{font-size:15px;}.as-recent-address b{font-size:14px;} .as-address-footer{padding:7px 12px calc(37px + env(safe-area-inset-bottom));} .as-address-next,#asSendPage .as-withdraw-submit{height:42px!important;font-size:15px!important;} #asSendPage .as-send-amount-scroll{padding:20px 12px 151px!important;} .as-send-frequency{height:28px;font-size:12px;} .as-giant-amount-row{min-height:103px;} #asSendPage .as-giant-amount-input{height:56px!important;min-height:56px!important;max-height:56px!important;max-width:calc(100% - 1.8em)!important;font-size:var(--send-amount-font-size,43px)!important;line-height:56px!important;} .as-giant-amount-symbol{font-size:var(--send-amount-font-size,43px);line-height:56px;}.as-send-max{width:39px;height:28px;flex-basis:39px;font-size:12px;} .as-withdraw-caution{min-height:60px;margin-top:27px;padding:10px 11px;}.as-withdraw-caution p{font-size:11px;line-height:16px;} .as-caution-toggle{margin-top:17px;font-size:12px;} #asSendPage .as-send-footer{padding:9px 12px calc(37px + env(safe-area-inset-bottom))!important;} #asSendPage .as-receive-line{height:23px!important;font-size:12px!important;}#asSendPage .as-receive-line b{font-size:12px!important;} .as-receive-icon{width:18px;height:18px;flex-basis:18px;}.as-receive-icon svg{width:18px;height:18px;} #asSendPage.address-resolving .as-send-loading{inset:calc(48px + env(safe-area-inset-top)) 0 calc(86px + env(safe-area-inset-bottom))!important;} #asConfirmPage{padding-bottom:calc(99px + env(safe-area-inset-bottom));} #asConfirmPage .as-confirm-summary{padding:32px 12px 19px!important;} #asConfirmPage .as-confirm-coin{width:40px;height:40px;margin-bottom:21px;} #asConfirmPage .as-confirm-summary > b{font-size:19px!important;line-height:24px!important;} .as-confirm-card{margin:0 12px;padding:11px 13px;}.as-confirm-card-row{min-height:47px;grid-template-columns:20px minmax(0,1fr);gap:8px;}.as-confirm-card-row>svg{width:20px;height:20px;} .as-confirm-card-row>span{font-size:12px;line-height:16px;}.as-confirm-card-row b{font-size:13px;line-height:18px;} #asConfirmPage .as-confirm-details{padding:25px 12px 0!important;}#asConfirmPage .as-confirm-row{min-height:38px;font-size:13px!important;line-height:18px!important;}#asConfirmPage .as-confirm-row b{font-size:13px!important;line-height:18px!important;} #asConfirmPage .as-confirm-warning{left:12px;right:12px;bottom:calc(91px + env(safe-area-inset-bottom));font-size:11px!important;line-height:15px!important;} .as-confirm-status-toast{left:12px;right:12px;bottom:calc(128px + env(safe-area-inset-bottom));min-height:38px;padding:8px 10px;font-size:12px;line-height:16px;} #asConfirmPage.loading .as-confirm-status-toast{bottom:calc(65px + env(safe-area-inset-bottom));} .as-confirm-slider{left:12px;right:12px;bottom:calc(37px + env(safe-area-inset-bottom));height:42px;border-radius:8px;} .as-confirm-slider-fill{width:calc(42px + (100% - 42px) * var(--slide-progress));} .as-confirm-slider-handle{left:3px;top:3px;width:36px;height:36px;border-radius:7px;transform:translateX(var(--slide-x,0px));} .as-confirm-slider-label{font-size:14px;} } /* v282: reference-style Deposit warning and expandable details */ .as-deposit-page .as-deposit-scroll{ padding-bottom:132px!important; } .as-deposit-page .as-address-note{ max-width:334px; margin-right:0!important; } .as-deposit-page .as-deposit-address-info{ margin-bottom:0!important; } .as-deposit-details{ display:grid; grid-template-rows:0fr; opacity:0; visibility:hidden; transform:translateY(-5px); transition:grid-template-rows .34s cubic-bezier(.32,.72,0,1),opacity .2s ease,transform .34s cubic-bezier(.32,.72,0,1),visibility 0s .34s; } .as-deposit-details.open{ grid-template-rows:1fr; opacity:1; visibility:visible; transform:none; transition:grid-template-rows .34s cubic-bezier(.32,.72,0,1),opacity .24s ease,transform .34s cubic-bezier(.32,.72,0,1),visibility 0s; } .as-deposit-details-inner{ min-height:0; overflow:hidden; } .as-deposit-details-content{ padding-top:21px; } .as-deposit-detail-row{ min-height:31px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:14px; color:#959ca6; font-family:'Plex',system-ui,sans-serif; font-size:14px; line-height:20px; font-weight:300; } .as-deposit-detail-row strong{ max-width:210px; color:#EAEEF3; font:inherit; font-weight:400; text-align:right; } .as-deposit-detail-term{ width:max-content; max-width:100%; border-bottom:1px dotted #66707c; } .as-deposit-wallet-caret{ display:inline-block; width:0; height:0; margin-left:5px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #EAEEF3; transform:translateY(-1px); } .as-deposit-detail-notes{ margin-top:12px; color:#959ca6; font-family:'Plex',system-ui,sans-serif; font-size:12px; line-height:18px; font-weight:300; } .as-deposit-detail-notes p{margin:0;} .as-deposit-detail-notes span{color:#FCD434;} .as-deposit-more{ width:max-content; min-width:126px; height:44px; margin:25px auto 0; padding:0 4px; border:0; display:flex; align-items:center; justify-content:center; gap:7px; background:transparent; color:#A4ABB5; font-family:'Plex',system-ui,sans-serif; font-size:15px; line-height:20px; font-weight:300; cursor:pointer; outline:none; -webkit-tap-highlight-color:transparent; } .as-deposit-details.open + .as-deposit-more{margin-top:7px;} .as-deposit-more > i{ width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translate(-2px,-2px); transition:transform .24s ease; } .as-deposit-more.open > i{ transform:rotate(225deg) translate(-1px,-1px); } .as-deposit-more:active{color:#EAEEF3;} .as-deposit-page.address-unavailable .as-qr-card{ background:#252E3A; } .as-deposit-page.address-unavailable .as-qr-card::after{ content:'Address unavailable'; color:#959ca6; font-family:'Plex',system-ui,sans-serif; font-size:13px; font-weight:300; } .as-qr-img[hidden], .as-qr-badge[hidden]{display:none!important;} .as-address-unavailable{ color:#959ca6; font-weight:300; } .as-copy-btn:disabled, .as-share-address:disabled{ opacity:.42!important; cursor:not-allowed!important; } .as-deposit-page.address-loading .as-qr-card, .as-deposit-page.qr-loading .as-qr-card, .as-deposit-page.qr-unavailable .as-qr-card{ background:#252E3A; } .as-deposit-page.address-loading .as-qr-card::before, .as-deposit-page.qr-loading .as-qr-card::before{ content:""; position:absolute; left:50%; top:76px; width:24px; height:24px; margin-left:-12px; box-sizing:border-box; border:2px solid #505968; border-top-color:#FCD434; border-radius:50%; animation:as-deposit-wallet-spin .72s linear infinite; } .as-deposit-page.address-loading .as-qr-card::after, .as-deposit-page.qr-loading .as-qr-card::after, .as-deposit-page.qr-unavailable .as-qr-card::after{ position:absolute; left:12px; right:12px; top:111px; color:#959ca6; font-family:'Plex',system-ui,sans-serif; font-size:13px; line-height:18px; font-weight:300; text-align:center; } .as-deposit-page.address-loading .as-qr-card::after{content:'Loading address...';} .as-deposit-page.qr-loading .as-qr-card::after{content:'Creating QR code...';} .as-deposit-page.qr-unavailable .as-qr-card::after{content:'QR code unavailable';top:91px;} .as-address-loading{color:#959ca6;font-weight:300;} @keyframes as-deposit-wallet-spin{to{transform:rotate(360deg);}} @media(prefers-reduced-motion:reduce){ .as-deposit-page.address-loading .as-qr-card::before, .as-deposit-page.qr-loading .as-qr-card::before{animation-duration:1.6s;} } @media(max-width:380px){ .as-deposit-detail-row{column-gap:9px;font-size:12px;} .as-deposit-detail-row strong{max-width:154px;} .as-deposit-detail-notes{font-size:11.5px;} } /* v284: Withdraw Select Asset — compact account-scoped picker */ #asWithdrawSelect{background:#1f2630!important;} #asWithdrawSelect .as-withdraw-picker-head{ box-sizing:border-box!important; min-height:calc(60px + env(safe-area-inset-top))!important; height:calc(60px + env(safe-area-inset-top))!important; padding:calc(13px + env(safe-area-inset-top)) 15px 13px!important; } #asWithdrawSelect .as-flow-back{ width:32px!important;height:32px!important;flex:0 0 32px!important;background:none!important; } #asWithdrawSelect .as-flow-back svg{display:block!important;width:25px!important;height:25px!important;} #asWithdrawSelect .as-flow-title{ left:60px!important;right:60px!important;font-size:18px!important;line-height:22px!important;font-weight:500!important; } .as-withdraw-search-toggle{ width:34px;height:34px;margin-left:auto;padding:0;border:0;background:transparent;color:#EAEEF3; display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2; } .as-withdraw-search-toggle svg{display:block;width:24px;height:24px;} .as-withdraw-header-search{ position:absolute;left:56px;right:15px;top:calc(11px + env(safe-area-inset-top));height:38px; box-sizing:border-box;padding:0 9px 0 12px;border-radius:9px;background:#29313e;color:#959ca6; display:none;align-items:center;gap:8px;z-index:3; } #asWithdrawSelect.search-open .as-withdraw-header-search{display:flex!important;} #asWithdrawSelect.search-open .as-flow-title, #asWithdrawSelect.search-open .as-withdraw-search-toggle{visibility:hidden!important;pointer-events:none!important;} .as-withdraw-header-search > svg{width:19px;height:19px;flex:0 0 19px;} #asWithdrawSelect .as-withdraw-header-search .as-asset-search{ min-width:0!important;flex:1!important;width:auto!important;height:24px!important;min-height:24px!important;max-height:24px!important; margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#EAEEF3!important; font-family:'Plex',system-ui,sans-serif!important;font-size:15px!important;line-height:24px!important;font-weight:300!important; transform:none!important;-webkit-appearance:none;appearance:none; } #asWithdrawSelect .as-withdraw-header-search .as-asset-search::-webkit-search-cancel-button{display:none;} #asWithdrawSelect .as-withdraw-header-search .as-asset-search::placeholder{color:#959ca6!important;opacity:1;} .as-withdraw-header-search button{ width:24px;height:24px;flex:0 0 24px;margin:0;padding:0 0 2px;border:0;background:transparent;color:#959ca6; display:flex;align-items:center;justify-content:center;font:300 24px/1 'Plex',system-ui,sans-serif;cursor:pointer; } .as-withdraw-account-trigger{ box-sizing:border-box;width:max-content;max-width:calc(100% - 30px);height:38px;min-height:38px;margin:4px 15px 5px;padding:0; border:0;background:transparent;color:#EAEEF3;display:flex;align-items:center;gap:10px;text-align:left; font-family:'Plex',system-ui,sans-serif;font-size:16px;line-height:20px;font-weight:400;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent; } .as-withdraw-account-trigger svg{width:24px;height:24px;flex:0 0 24px;} .as-withdraw-account-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .as-withdraw-account-trigger > i{ width:0;height:0;margin-left:1px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #A4ABB5;flex:0 0 auto; } #asWithdrawSelect .as-flow-content.as-withdraw-list{padding:0 15px 28px!important;scroll-padding-bottom:28px;} #asWithdrawSelect .as-withdraw-asset-row{ box-sizing:border-box!important;height:63px!important;min-height:63px!important; grid-template-columns:24px minmax(0,1fr) minmax(96px,auto)!important;gap:11px!important;padding:0!important; } #asWithdrawSelect .as-withdraw-asset-row .as-asset-coin{width:24px!important;height:24px!important;flex:0 0 24px!important;font-size:10px!important;} #asWithdrawSelect .as-withdraw-asset-row > span:not(.as-asset-coin){min-width:0;} #asWithdrawSelect .as-withdraw-asset-row b{font-size:16px!important;line-height:20px!important;font-weight:500!important;} #asWithdrawSelect .as-withdraw-asset-row em{margin-top:2px!important;font-size:13px!important;line-height:17px!important;font-weight:300!important;} #asWithdrawSelect .as-withdraw-balance{min-width:96px!important;text-align:right!important;} #asWithdrawSelect .as-withdraw-balance b{font-weight:400!important;} #asWithdrawSelect .as-flow-row-title, #asWithdrawSelect .as-flow-section, #asWithdrawSelect .as-history-pills, #asWithdrawSelect .as-picker-trending, #asWithdrawSelect .as-alpha-list, #asWithdrawSelect .as-alpha-index, #asWithdrawSelect .as-alpha-bubble{display:none!important;} .as-withdraw-account-backdrop{ position:absolute;inset:0;z-index:70;display:flex;align-items:flex-end;background:rgba(9,13,20,.72); opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .3s; } .as-withdraw-account-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;} .as-withdraw-account-sheet{ width:100%;box-sizing:border-box;padding:8px 15px calc(18px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;background:#1f2630; transform:translateY(calc(100% + 20px));transition:transform .3s cubic-bezier(.22,.72,0,1); } .as-withdraw-account-backdrop.open .as-withdraw-account-sheet{ transform:none;will-change:auto;backface-visibility:visible;-webkit-backface-visibility:visible; } .as-withdraw-account-handle{width:36px;height:4px;margin:0 auto 19px;border-radius:4px;background:#59616c;} .as-withdraw-account-title{margin:0 0 8px;color:#F6FBFF;font:500 20px/25px 'Plex',system-ui,sans-serif;} .as-withdraw-account-option{ width:100%;height:56px;box-sizing:border-box;padding:0 2px;border:0;border-bottom:1px solid #29313e;background:transparent;color:#EAEEF3; display:flex;align-items:center;justify-content:space-between;text-align:left;font-family:'Plex',system-ui,sans-serif;cursor:pointer; } .as-withdraw-account-option b{font-size:16px;line-height:20px;font-weight:400;} .as-withdraw-account-option > i{ position:relative;width:20px;height:20px;box-sizing:border-box;border:1.5px solid #67717d;border-radius:5px;background:transparent;flex:0 0 20px; } .as-withdraw-account-option.active > i{border-color:#fcd434;background:#fcd434;} .as-withdraw-account-option.active > i::after{ content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border-right:2px solid #1f2630;border-bottom:2px solid #1f2630;transform:rotate(45deg); } .as-withdraw-account-done{ width:100%;height:46px;margin:18px 0 0;padding:0;border:0;border-radius:9px;background:#fcd434;color:#1f2630; display:flex;align-items:center;justify-content:center;font:500 15px/1 'Plex',system-ui,sans-serif;cursor:pointer; } @media(max-width:380px){ #asWithdrawSelect .as-withdraw-picker-head{ min-height:calc(54px + env(safe-area-inset-top))!important;height:calc(54px + env(safe-area-inset-top))!important; padding:calc(10px + env(safe-area-inset-top)) 12px 10px!important; } #asWithdrawSelect .as-flow-title{font-size:17px!important;} .as-withdraw-header-search{left:52px;right:12px;top:calc(8px + env(safe-area-inset-top));} .as-withdraw-account-trigger{height:36px;min-height:36px;margin:3px 12px 6px;gap:9px;font-size:15px;} .as-withdraw-account-trigger svg{width:22px;height:22px;flex-basis:22px;} #asWithdrawSelect .as-flow-content.as-withdraw-list{padding-left:12px!important;padding-right:12px!important;} #asWithdrawSelect .as-withdraw-asset-row{ height:56px!important;min-height:56px!important;grid-template-columns:22px minmax(0,1fr) minmax(88px,auto)!important;gap:9px!important; } #asWithdrawSelect .as-withdraw-asset-row .as-asset-coin{width:22px!important;height:22px!important;flex-basis:22px!important;} #asWithdrawSelect .as-withdraw-asset-row b{font-size:15px!important;line-height:19px!important;} #asWithdrawSelect .as-withdraw-asset-row em{font-size:12px!important;line-height:15px!important;} } /* v292: keep the Assets total as bold as the Home total. */ .assets .as-bal-val > .as-amount{ font-weight:600!important; } /* v293: larger Assets summary/cards, crisp reference icons and canonical USDT artwork. */ img[src*="usdt_tether_v293.png"]{ display:block; object-fit:contain!important; border-radius:50%!important; image-rendering:auto!important; transform:none!important; } .assets .as-page[data-astab="overview"] > .as-balance, .assets .as-page[data-astab="spot"] > .as-balance{ min-height:184px!important; padding:20px 16px 0!important; } .assets .as-bal-val{ gap:7px!important; margin-top:8px!important; font-size:36px!important; line-height:43px!important; } .assets .as-bal-val > .as-amount{ font-size:36px!important; line-height:43px!important; font-weight:600!important; } .assets .as-balance-unit{ font-size:15px!important; line-height:21px!important; padding-bottom:3px; } .assets .as-balance-approx{ margin-top:1px!important; font-size:14px!important; line-height:20px!important; } .assets .as-pnl-row{ min-height:62px!important; margin-top:7px!important; } .assets .as-pnl{ max-width:calc(100% - 112px)!important; font-size:14px!important; line-height:20px!important; } .assets .as-pnl-label, .assets .as-pnl .grn, .assets .as-pnl .red{ height:20px!important; line-height:20px!important; } .assets .as-mini-chart{ top:-15px!important; width:92px!important; height:54px!important; } .assets .as-btn-icon svg{ fill:none; stroke:#EAF0F6; stroke-width:2.15; stroke-linecap:round; stroke-linejoin:round; shape-rendering:geometricPrecision; } .assets .as-btn-icon .as-btn-solid{ fill:#EAF0F6!important; stroke:none!important; } .assets .as-add-funds .as-btn-icon svg, .assets .as-send-funds .as-btn-icon svg{width:25.65px!important;height:27.55px!important;} .assets .as-transfer-funds .as-btn-icon svg{width:28.5px!important;height:27.55px!important;} .assets .as-earn-funds .as-btn-icon svg{width:25.65px!important;height:29.45px!important;} .assets .as-allocation-card{ min-height:64px!important; padding:13px 13px 12px!important; } .assets .as-page[data-astab="overview"] > .as-assets-card, .assets .as-page[data-astab="spot"] > .as-assets-card{ padding:16px 14px 4px!important; } .assets .as-card-head > :first-child{min-width:0;} .assets .as-card-tools{ width:25px; height:24px; flex:0 0 25px; margin-left:auto; justify-content:flex-end; gap:8px!important; } .assets .as-card-tools .as-card-tool-svg{ width:22px!important; height:22px!important; flex:0 0 22px; stroke-width:1.5!important; shape-rendering:geometricPrecision; } .assets .as-allocation-card .as-card-tools{width:auto;flex-basis:auto;} .assets .as-money-card{min-height:142px!important;} .assets .as-money-row{ min-height:94px!important; grid-template-columns:28px minmax(0,1fr) minmax(100px,auto)!important; grid-template-rows:52px 36px!important; column-gap:9px!important; margin-top:10px!important; } .assets .as-money-icon{ width:28px!important; height:28px!important; background:#2D82E6!important; color:#FFFFFF!important; font-size:16px!important; line-height:28px!important; transform:translateY(-3px)!important; } .assets .as-money-name b, .assets .as-money-value b{ font-size:16px!important; line-height:20px!important; } .assets .as-money-name em, .assets .as-money-value em{ margin-top:2px!important; font-size:13px!important; line-height:17px!important; } .assets .as-money-buy{ width:72px!important; height:30px!important; line-height:30px!important; font-size:13px!important; } .assets .as-assets-card .acoin{ padding:20px 0 17px!important; } .assets .as-assets-card .acoin-top{ display:grid!important; grid-template-columns:30px minmax(0,1fr) minmax(100px,max-content)!important; column-gap:10px!important; align-items:start!important; } .assets .as-assets-card .acoin-ic{ width:30px!important; height:30px!important; flex-basis:30px!important; margin-top:0!important; } .assets .as-assets-card .acoin-ic img{object-fit:contain!important;} .assets .as-assets-card .acoin-nm, .assets .as-assets-card .acoin-px{ min-width:0!important; padding-top:1px!important; } .assets .as-assets-card .acoin-px{ max-width:none!important; white-space:nowrap!important; } .assets .as-assets-card .acoin-sym, .assets .as-assets-card .acoin-px .p1{ line-height:20px!important; } .assets .as-assets-card .acoin-line{ margin-top:10px!important; padding-left:40px!important; } .assets .as-assets-card .acoin-btns{ margin-top:9px!important; display:flex!important; justify-content:flex-end!important; flex-wrap:nowrap!important; gap:8px!important; } .assets .as-assets-card .acoin-btn{ min-width:64px!important; height:27px!important; min-height:27px!important; line-height:27px!important; font-size:12px!important; white-space:nowrap!important; } .assets .as-assets-card .acoin-btn:focus-visible{outline:2px solid #f0b90b!important;outline-offset:2px!important;} @media(max-width:380px){ .assets .as-page[data-astab="overview"] > .as-balance, .assets .as-page[data-astab="spot"] > .as-balance{ min-height:178px!important; padding-left:14px!important; padding-right:14px!important; } .assets .as-bal-val, .assets .as-bal-val > .as-amount{font-size:34px!important;line-height:41px!important;} .assets .as-balance-unit{font-size:14px!important;line-height:20px!important;} .assets .as-balance-approx{font-size:13px!important;line-height:18px!important;} .assets .as-pnl{max-width:calc(100% - 94px)!important;font-size:12px!important;line-height:18px!important;} .assets .as-pnl-label, .assets .as-pnl .grn, .assets .as-pnl .red{height:18px!important;line-height:18px!important;} .assets .as-mini-chart{width:80px!important;height:48px!important;} .assets .as-page[data-astab="overview"] > .as-assets-card, .assets .as-page[data-astab="spot"] > .as-assets-card{padding-left:12px!important;padding-right:12px!important;} .assets .as-money-card{min-height:136px!important;} .assets .as-money-row{ min-height:90px!important; grid-template-columns:27px minmax(0,1fr) minmax(88px,auto)!important; grid-template-rows:49px 35px!important; column-gap:8px!important; } .assets .as-money-icon{width:27px!important;height:27px!important;line-height:27px!important;} .assets .as-money-buy{width:68px!important;height:29px!important;line-height:29px!important;font-size:12px!important;} .assets .as-assets-card .acoin{padding:18px 0 15px!important;} .assets .as-assets-card .acoin-top{ grid-template-columns:28px minmax(0,1fr) minmax(88px,max-content)!important; column-gap:8px!important; } .assets .as-assets-card .acoin-ic{width:28px!important;height:28px!important;flex-basis:28px!important;} .assets .as-assets-card .acoin-line{padding-left:36px!important;} } /* External Add Funds entry points keep the current Home/Trade/Services page beneath the Assets overlay. */ .assets.deposit-open:not(.open){ transform:none!important; visibility:visible!important; pointer-events:none!important; background:transparent!important; } .assets.deposit-open:not(.open) > .as-body{ visibility:hidden!important; pointer-events:none!important; } .assets.deposit-open:not(.open) > .as-deposit-backdrop.open, .assets.deposit-open:not(.open) > .as-flow.open{ pointer-events:auto!important; } /* v295: moving surfaces slide in and out without opacity crossfades. */ .as-deposit-backdrop, .as-history-picker-backdrop, .as-transfer-account-backdrop, .as-transfer-success-backdrop, .as-transfer-filter-backdrop, .as-withdraw-account-backdrop, .as-deposit-backdrop.open, .as-history-picker-backdrop.open, .as-transfer-account-backdrop.open, .as-transfer-success-backdrop.open, .as-transfer-filter-backdrop.open, .as-withdraw-account-backdrop.open, .as-deposit-backdrop.closing, .as-history-picker-backdrop.closing, .as-transfer-account-backdrop.closing, .as-transfer-success-backdrop.closing, .as-transfer-filter-backdrop.closing, .as-withdraw-account-backdrop.closing{ transition:none!important; } .as-deposit-backdrop:not(.open):not(.closing), .as-history-picker-backdrop:not(.open):not(.closing), .as-transfer-account-backdrop:not(.open):not(.closing), .as-transfer-success-backdrop:not(.open):not(.closing), .as-transfer-filter-backdrop:not(.open):not(.closing), .as-withdraw-account-backdrop:not(.open):not(.closing){ opacity:0!important; visibility:hidden!important; background:transparent!important; pointer-events:none!important; } .as-deposit-backdrop.open, .as-history-picker-backdrop.open, .as-transfer-account-backdrop.open, .as-transfer-success-backdrop.open, .as-transfer-filter-backdrop.open, .as-withdraw-account-backdrop.open, .as-deposit-backdrop.closing, .as-history-picker-backdrop.closing, .as-transfer-account-backdrop.closing, .as-transfer-success-backdrop.closing, .as-transfer-filter-backdrop.closing, .as-withdraw-account-backdrop.closing{ opacity:1!important; visibility:visible!important; background:rgba(9,13,20,.72)!important; } .as-deposit-backdrop.open, .as-history-picker-backdrop.open, .as-transfer-account-backdrop.open, .as-transfer-success-backdrop.open, .as-transfer-filter-backdrop.open, .as-withdraw-account-backdrop.open{pointer-events:auto!important;} .as-deposit-backdrop.closing, .as-history-picker-backdrop.closing, .as-transfer-account-backdrop.closing, .as-transfer-success-backdrop.closing, .as-transfer-filter-backdrop.closing, .as-withdraw-account-backdrop.closing{pointer-events:none!important;} .as-deposit-sheet, .as-history-picker-sheet, .as-transfer-account-sheet, .as-transfer-success-sheet, .as-transfer-filter-sheet, .as-withdraw-account-sheet{ opacity:1!important; filter:none!important; transition:transform .32s cubic-bezier(.32,.72,0,1)!important; } .as-deposit-backdrop.open .as-deposit-sheet, .as-deposit-backdrop.closing .as-deposit-sheet, .as-history-picker-backdrop.open .as-history-picker-sheet, .as-history-picker-backdrop.closing .as-history-picker-sheet, .as-transfer-account-backdrop.open .as-transfer-account-sheet, .as-transfer-account-backdrop.closing .as-transfer-account-sheet, .as-transfer-success-backdrop.open .as-transfer-success-sheet, .as-transfer-success-backdrop.closing .as-transfer-success-sheet, .as-transfer-filter-backdrop.open .as-transfer-filter-sheet, .as-transfer-filter-backdrop.closing .as-transfer-filter-sheet, .as-withdraw-account-backdrop.open .as-withdraw-account-sheet, .as-withdraw-account-backdrop.closing .as-withdraw-account-sheet{ opacity:1!important; filter:none!important; transition:transform .32s cubic-bezier(.32,.72,0,1)!important; } .as-addfunds-currency-menu{ opacity:1!important; transition:transform .16s cubic-bezier(.32,.72,0,1),visibility 0s linear .16s!important; } .as-addfunds-currency.open .as-addfunds-currency-menu{ opacity:1!important; transition:transform .16s cubic-bezier(.32,.72,0,1),visibility 0s linear 0s!important; } .as-deposit-details{ opacity:1!important; transition:grid-template-rows .32s cubic-bezier(.32,.72,0,1),transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear .32s!important; } .as-deposit-details.open{ opacity:1!important; transition:grid-template-rows .32s cubic-bezier(.32,.72,0,1),transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear 0s!important; } /* v297: the Spot account selector replaces part of the summary's vertical reserve. */ .assets .as-page[data-astab="spot"] > .as-balance{ min-height:145px!important; } .assets .as-page[data-astab="spot"] > .as-balance .as-pnl-row{ min-height:23px!important; } .assets .as-page[data-astab="spot"] > .as-balance .as-mini-chart, .assets .as-page[data-astab="spot"] > .as-balance .as-balance-caret{ display:none!important; } @media(max-width:380px){ .assets .as-page[data-astab="spot"] > .as-balance{ min-height:140px!important; } .assets .as-page[data-astab="spot"] > .as-balance .as-pnl-row{ min-height:21px!important; } } /* v308: keep the complete withdrawal account summary visible. */ #asWithdrawAccountTrigger{ width:calc(100% - 30px)!important; max-width:none!important; gap:8px!important; } #asWithdrawAccountLabel{ flex:0 0 auto!important; overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; } #asWithdrawAccountTrigger > i{ margin-left:0!important; } @media(max-width:380px){ #asWithdrawAccountTrigger{ width:calc(100% - 24px)!important; } } /* v307: Withdraw account selector — reference cards and a real Confirm action. */ #asWithdrawAccountBackdrop.open, #asWithdrawAccountBackdrop.closing{ background:rgba(0,0,0,.40)!important; } #asWithdrawAccountBackdrop .as-withdraw-account-sheet{ padding:8px 15px calc(18px + env(safe-area-inset-bottom))!important; border-radius:16px 16px 0 0!important; background:#1f2630!important; } #asWithdrawAccountBackdrop .as-withdraw-account-handle{ width:36px!important; height:4px!important; margin:0 auto 19px!important; border-radius:4px!important; background:#2b323c!important; } #asWithdrawAccountBackdrop .as-withdraw-account-title{ min-height:25px!important; margin:0 0 18px!important; color:#f6fbff!important; font:500 20px/25px 'Plex',system-ui,sans-serif!important; } #asWithdrawAccountBackdrop .as-withdraw-account-option{ width:100%!important; height:62px!important; min-height:62px!important; margin:0!important; padding:0 17px!important; box-sizing:border-box!important; border:1px solid #35404c!important; border-radius:14px!important; background:transparent!important; color:#eaeef3!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:15px!important; text-align:left!important; box-shadow:none!important; filter:none!important; transform:none!important; } #asWithdrawAccountBackdrop .as-withdraw-account-option + .as-withdraw-account-option{ margin-top:15px!important; } #asWithdrawAccountBackdrop .as-withdraw-account-option span{ min-width:0!important; } #asWithdrawAccountBackdrop .as-withdraw-account-option b{ color:#eaeef3!important; font:400 16px/20px 'Plex',system-ui,sans-serif!important; white-space:nowrap!important; } #asWithdrawAccountBackdrop .as-withdraw-account-option > i{ position:relative!important; order:0!important; width:18px!important; height:18px!important; flex:0 0 18px!important; box-sizing:border-box!important; border:1.5px solid #67717d!important; border-radius:4px!important; background:transparent!important; } #asWithdrawAccountBackdrop .as-withdraw-account-option.active > i{ border-color:#eaeef3!important; background:#eaeef3!important; } #asWithdrawAccountBackdrop .as-withdraw-account-option.active > i::after{ content:""!important; position:absolute!important; left:5px!important; top:2px!important; width:5px!important; height:9px!important; border-right:2px solid #1f2630!important; border-bottom:2px solid #1f2630!important; transform:rotate(45deg)!important; } #asWithdrawAccountBackdrop .as-withdraw-account-done{ width:100%!important; height:40px!important; min-height:40px!important; margin:29px 0 0!important; padding:0!important; border:0!important; border-radius:8px!important; background:#fcd434!important; color:#1f2630!important; display:flex!important; align-items:center!important; justify-content:center!important; font:500 16px/20px 'Plex',system-ui,sans-serif!important; box-shadow:none!important; filter:none!important; transform:none!important; } #asWithdrawAccountBackdrop .as-withdraw-account-option:focus-visible, #asWithdrawAccountBackdrop .as-withdraw-account-done:focus-visible{ outline:2px solid #f6fbff!important; outline-offset:2px!important; } @media(max-width:380px){ #asWithdrawAccountBackdrop .as-withdraw-account-sheet{ padding-left:12px!important; padding-right:12px!important; } } @media(prefers-reduced-motion:reduce){ #asWithdrawAccountBackdrop .as-withdraw-account-sheet{ transition:none!important; } } /* v305: isolated quote selector for the Overview/Spot estimated balance. */ .assets .as-bal-val > .as-amount{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .assets .as-balance-unit-wrap{ position:relative; align-self:flex-end; flex:0 0 64px; width:64px; height:28px; display:inline-flex; align-items:center; box-sizing:border-box; } .assets .as-bal-val .as-balance-unit{ appearance:none!important; width:64px!important; min-width:64px!important; height:28px!important; min-height:28px!important; margin:0!important; padding:0 2px!important; border:0!important; border-radius:4px!important; background:transparent!important; color:#E5EAF0!important; display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; gap:4px!important; font:600 15px/21px 'Plex',system-ui,sans-serif!important; letter-spacing:0!important; cursor:pointer!important; transform:none!important; filter:none!important; box-shadow:none!important; -webkit-tap-highlight-color:transparent; } .assets .as-bal-val .as-balance-unit .tri{ flex:0 0 auto; margin:1px 0 0!important; border-left-width:4px!important; border-right-width:4px!important; border-top-width:5px!important; } .assets .as-balance-unit:focus-visible, .assets .as-balance-unit-option:focus-visible{ outline:1px solid #FCD434!important; outline-offset:1px!important; } .assets .as-balance-unit-menu{ position:absolute; right:0; top:calc(100% + 7px); z-index:80; width:132px; padding:6px; box-sizing:border-box; border:1px solid #36424F; border-radius:10px; background:#1F2630; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; opacity:1; visibility:hidden; pointer-events:none; transform:translateY(-4px); filter:none; transition:transform .16s cubic-bezier(.32,.72,0,1),visibility 0s linear .16s; } .assets .as-balance-unit-wrap.open .as-balance-unit-menu{ visibility:visible; pointer-events:auto; transform:none; transition:transform .16s cubic-bezier(.32,.72,0,1),visibility 0s linear 0s; } .assets .as-balance-unit-wrap.open .as-balance-unit .tri{ transform:rotate(180deg)!important; } .assets .as-balance-unit-option{ appearance:none; width:100%; height:36px; margin:0; padding:0 10px; border:0; border-radius:7px; background:transparent; color:#EAEEF3; display:flex; align-items:center; justify-content:space-between; gap:12px; font:400 14px/18px 'Plex',system-ui,sans-serif; text-align:left; cursor:pointer; } .assets .as-balance-unit-option.active, .assets .as-balance-unit-option:active{ background:#2B3340; color:#F6FBFF; } .assets .as-balance-unit-check{ color:#FCD434; font-size:14px; line-height:1; visibility:hidden; } .assets .as-balance-unit-wrap.open .as-balance-unit-option.active .as-balance-unit-check{visibility:visible;} .assets .as-balance-unit-option:disabled{ color:#616A76; cursor:not-allowed; } @media(max-width:380px){ .assets .as-balance-unit-wrap{ flex-basis:58px; width:58px; height:26px; } .assets .as-bal-val .as-balance-unit{ width:58px!important; min-width:58px!important; height:26px!important; min-height:26px!important; font-size:14px!important; line-height:20px!important; } .assets .as-balance-unit-menu{right:-2px;} } @media(prefers-reduced-motion:reduce){ .assets .as-balance-unit-menu{transition:none!important;} } /* v302: Assets > Spot account switcher and All / Money / Crypto filtering. */ .assets .as-page[data-astab="spot"] > .as-balance[hidden], .assets .as-page[data-astab="spot"] > .as-actions[hidden], .assets .as-page[data-astab="spot"] > .as-spot-assets-card[hidden], .assets .as-spot-account-empty[hidden], .assets .as-spot-money-group[hidden], .assets .as-spot-crypto-group[hidden]{display:none!important;} .assets .as-spot-assets-card{ padding-top:15px!important; } .assets .as-spot-filterbar{ min-height:42px; margin:0 -14px; padding:0 14px 8px; box-sizing:border-box; display:flex; align-items:flex-start; gap:10px; border-bottom:1px solid #313B48; } .assets .as-spot-filters{ min-width:0; display:flex; align-items:flex-start; gap:9px; } .assets .as-spot-filter{ position:relative; appearance:none; flex:0 0 auto; height:25px; margin:0; padding:0 4px; border:0; background:transparent; color:#9DA4AE; font:400 15px/20px 'Plex',system-ui,sans-serif; cursor:pointer; } .assets .as-spot-filter.active{ color:#F3F6FA; font-weight:500; } .assets .as-spot-filter.active::after{ content:""; position:absolute; left:50%; bottom:-8px; width:15px; height:3px; border-radius:1px; background:#FCD434; transform:translateX(-50%); } .assets .as-spot-filter:focus-visible{ outline:1px solid #FCD434; outline-offset:2px; border-radius:3px; } .assets .as-spot-filter-tools{ flex:0 0 auto; height:25px; margin-left:auto; display:flex; align-items:center; gap:10px; color:#8C95A2; } .assets .as-spot-filter-tools svg{ width:20px; height:20px; display:block; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; shape-rendering:geometricPrecision; } .assets .as-spot-money-row{ min-height:73px; padding:20px 0 17px; box-sizing:border-box; display:grid; grid-template-columns:30px minmax(0,1fr) minmax(100px,max-content); column-gap:10px; align-items:start; border-bottom:1px solid #313B48; } .assets .as-spot-money-row .as-spot-money-icon{ grid-row:auto; margin-top:1px; transform:none!important; } .assets .as-spot-money-row .as-money-name, .assets .as-spot-money-row .as-money-value{ min-width:0; padding-top:1px; } .assets .as-spot-money-row .as-money-value{ max-width:none; white-space:nowrap; } .assets .as-spot-assets-card[data-spot-filter="all"] .as-crypto-empty{ display:none!important; } .assets .as-spot-account-empty{ margin-top:18px; } @media(max-width:380px){ .assets .as-spot-tabs{ gap:7px!important; padding:10px 12px 5px!important; } .assets .as-spot-tab{ min-height:24px!important; padding:3px 7px!important; border-radius:4px!important; font-size:12px!important; line-height:17px!important; } .assets .as-spot-assets-card{padding-top:13px!important;} .assets .as-spot-filterbar{ min-height:36px; margin:0 -12px; padding:0 12px 7px; gap:8px; } .assets .as-spot-filters{gap:7px;} .assets .as-spot-filter{ height:22px; padding:0 3px; font-size:13px; line-height:18px; } .assets .as-spot-filter.active::after{ bottom:-7px; width:12px; height:2px; } .assets .as-spot-filter-tools{height:22px;gap:8px;} .assets .as-spot-filter-tools svg{width:18px;height:18px;} .assets .as-spot-money-row{ min-height:67px; padding:18px 0 15px; grid-template-columns:28px minmax(0,1fr) minmax(88px,max-content); column-gap:8px; } } /* v309: Add Funds payment-currency picker (fiat only). */ #asAddFundsCurrency .as-addfunds-currency-button{min-width:72px!important;} #asAddFundsCurrency .as-addfunds-currency-icon{ background:var(--fiat-color,#2D83E8)!important; color:var(--fiat-ink,#F6FBFF)!important; font-family:'Plex',system-ui,sans-serif!important; font-size:11px!important; line-height:18px!important; font-weight:600!important; letter-spacing:-.2px!important; } #asAddFundsCurrency .as-addfunds-currency-icon[data-mark-length="3"], #asAddFundsCurrency .as-addfunds-currency-icon[data-mark-length="4"]{font-size:8px!important;} .as-payment-currency-backdrop{ position:absolute; inset:0; z-index:30; overflow:hidden; visibility:hidden; pointer-events:none; background:transparent; opacity:1; filter:none; transition:none; } .as-payment-currency-backdrop.open, .as-payment-currency-backdrop.closing{ visibility:visible; opacity:1; filter:none; } .as-payment-currency-backdrop.open, .as-payment-currency-backdrop.closing{pointer-events:auto;} .as-payment-currency-sheet{ position:absolute; left:0; right:0; bottom:0; width:100%; height:90.4%; max-height:none; box-sizing:border-box; padding:5px 0 env(safe-area-inset-bottom); display:flex; flex-direction:column; overflow:hidden; overscroll-behavior:contain; background:#1F2630; border-radius:16px 16px 0 0; box-shadow:none; opacity:1; filter:none; transform:translateY(calc(100% + 24px)); transition:transform .32s cubic-bezier(.32,.72,0,1); } .as-payment-currency-backdrop.open .as-payment-currency-sheet{transform:none;} .as-payment-currency-backdrop.closing .as-payment-currency-sheet{transform:translateY(calc(100% + 24px));} .as-payment-currency-handle{ width:40px; height:4px; flex:0 0 4px; margin:0 auto 22px; border-radius:4px; background:#49515E; } .as-payment-currency-title{ margin:0 15px 14px; color:#F6FBFF; font-family:'Plex',system-ui,sans-serif; font-size:21px; line-height:25px; font-weight:600; letter-spacing:-.15px; } .as-payment-currency-search{ height:34px; min-height:34px; margin:0 15px 5px; padding:0 12px; display:flex; align-items:center; gap:10px; box-sizing:border-box; border:0; border-radius:8px; background:#29313E; color:#7F8996; } .as-payment-currency-search svg{ width:18px; height:18px; flex:0 0 18px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; shape-rendering:geometricPrecision; } .as-payment-currency-search input{ width:100%; min-width:0; height:100%; margin:0; padding:0; border:0; outline:0; background:transparent; color:#EAEFF5; font-family:'Plex',system-ui,sans-serif; font-size:15px; line-height:20px; font-weight:300; text-align:left; transform:none; appearance:none; } .as-payment-currency-search input::placeholder{color:#7F8996;opacity:1;} .as-payment-currency-search input::-webkit-search-decoration, .as-payment-currency-search input::-webkit-search-cancel-button{display:none;} .as-payment-currency-search:focus-within{outline:1px solid #3B4654;outline-offset:0;} .as-payment-currency-scroll{ position:relative; flex:1 1 auto; min-height:0; padding:0 28px 0 15px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; scrollbar-width:none; } .as-payment-currency-scroll::-webkit-scrollbar{display:none;width:0;height:0;} .as-payment-currency-list{width:100%;} .as-payment-currency-row{ width:100%; height:58px; min-height:58px; margin:0; padding:0; display:flex; align-items:center; gap:11px; border:0; border-radius:0; background:transparent; color:#EAEFF5; text-align:left; cursor:pointer; appearance:none; } .as-payment-currency-row[hidden]{display:none!important;} .as-payment-currency-row:active{background:#242D38;} .as-payment-currency-row:focus-visible{outline:1px solid #536071;outline-offset:-2px;border-radius:8px;} .as-payment-currency-icon{ width:32px; height:32px; flex:0 0 32px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--fiat-color,#2D83E8); color:var(--fiat-ink,#F7FAFD); font-family:'Plex',Arial,sans-serif; font-size:11px; line-height:1; font-weight:600; letter-spacing:-.35px; white-space:nowrap; text-rendering:auto; } .as-payment-currency-copy{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; } .as-payment-currency-copy strong{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#EAEFF5; font-family:'Plex',system-ui,sans-serif; font-size:18px; line-height:22px; font-weight:500; } .as-payment-currency-copy span{ max-width:100%; margin-top:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#959CA6; font-family:'Plex',system-ui,sans-serif; font-size:13px; line-height:17px; font-weight:300; } .as-payment-currency-check{ width:20px; height:20px; flex:0 0 20px; margin-left:auto; display:flex; align-items:center; justify-content:center; color:#FCD434; visibility:hidden; } .as-payment-currency-check svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; shape-rendering:geometricPrecision; } .as-payment-currency-row.active .as-payment-currency-check{visibility:visible;} .as-payment-currency-empty{ margin:82px 0 0; color:#959CA6; font-family:'Plex',system-ui,sans-serif; font-size:14px; line-height:20px; font-weight:400; text-align:center; } .as-payment-currency-empty[hidden]{display:none!important;} .as-payment-currency-index{ position:absolute; z-index:3; top:250px; right:1px; width:20px; height:min(312px,calc(100% - 270px)); display:flex; flex-direction:column; align-items:center; justify-content:space-between; } .as-payment-currency-index[hidden]{display:none!important;} .as-payment-currency-index button{ width:20px; height:13px; min-height:13px; margin:0; padding:0; border:0; background:transparent; color:#959CA6; font-family:'Plex',system-ui,sans-serif; font-size:10px; line-height:13px; font-weight:500; text-align:center; cursor:pointer; appearance:none; } .as-payment-currency-index button:active, .as-payment-currency-index button:focus-visible{color:#FCD434;outline:0;} @media(max-width:380px){ #asAddFundsCurrency .as-addfunds-currency-button{min-width:68px!important;} .as-payment-currency-sheet{height:90.4%;padding-top:5px;} .as-payment-currency-handle{width:36px;margin-bottom:18px;} .as-payment-currency-title{margin:0 12px 5px;font-size:20px;line-height:24px;} .as-payment-currency-search{height:32px;min-height:32px;margin:0 12px 5px;padding:0 11px;} .as-payment-currency-search input{font-size:14px;line-height:19px;} .as-payment-currency-search svg{width:17px;height:17px;flex-basis:17px;} .as-payment-currency-scroll{padding:0 24px 0 12px;} .as-payment-currency-row{height:56px;min-height:56px;gap:10px;} .as-payment-currency-icon{width:30px;height:30px;flex-basis:30px;font-size:10px;} .as-payment-currency-copy strong{font-size:17px;line-height:21px;} .as-payment-currency-copy span{font-size:12px;line-height:16px;} .as-payment-currency-index{top:220px;right:0;width:18px;height:min(276px,calc(100% - 240px));} .as-payment-currency-index button{width:18px;height:11px;min-height:11px;font-size:9px;line-height:11px;} } @media(prefers-reduced-motion:reduce){ .as-payment-currency-sheet{transition:none!important;} } /* v310: render exactly one address layer after the textarea loses focus. */ #asSendPage .as-address-editor.has-value:not(.is-editing) textarea#asSendAddress.as-address-large-input{ color:transparent!important; -webkit-text-fill-color:transparent!important; caret-color:transparent!important; text-shadow:none!important; } #asSendPage .as-address-editor.has-value:not(.is-editing) .as-address-mirror{ z-index:3!important; visibility:visible!important; overflow:hidden!important; font-size:27px!important; line-height:1.35!important; } #asSendPage .as-address-editor.is-editing textarea#asSendAddress.as-address-large-input{ color:#F6FBFF!important; -webkit-text-fill-color:#F6FBFF!important; caret-color:#FCD434!important; } #asSendPage .as-address-editor.is-editing .as-address-mirror{visibility:hidden!important;} @media(max-width:380px){ #asSendPage .as-address-editor.has-value:not(.is-editing) .as-address-mirror{ font-size:23px!important; line-height:1.34!important; } } /* v326: database-backed USD/EUR Money balances. */ .assets .as-money-list{display:block;min-width:0;} .assets .as-money-card{height:auto!important;padding-bottom:0!important;} .assets .as-money-list .as-money-row + .as-money-row{ margin-top:0!important; border-top:1px solid #313B48; } .assets .as-money-logo{ padding:0!important; overflow:hidden; background:transparent!important; color:inherit!important; } .assets .as-money-logo img{ display:block; width:100%; height:100%; border-radius:50%; object-fit:contain; image-rendering:auto; } .assets .as-money-rate-unavailable{color:#8F98A5;white-space:nowrap;} .assets .as-spot-money-group .as-money-list{margin:0;} /* v333: keep the Transfer swap vector crisp after its rotation finishes. */ .assets .as-transfer-swap img[src*="asset_transfer_swap_user_v333"]{ width:32px!important; height:32px!important; transform:none; transform-origin:50% 50%!important; will-change:auto!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; image-rendering:auto!important; filter:none!important; } .assets .as-transfer-swap.swap-anim img[src*="asset_transfer_swap_user_v333"]{ will-change:transform!important; } /* v334: tighten only the first Money/Crypto row below its Overview heading. */ .assets .as-page[data-astab="overview"] .as-money-list > .as-money-row:first-child{ margin-top:5px!important; } .assets .as-page[data-astab="overview"] .as-crypto-list > .acoin:first-child{ padding-top:14px!important; } @media(max-width:380px){ .assets .as-page[data-astab="overview"] .as-crypto-list > .acoin:first-child{ padding-top:12px!important; } } /* v344: preserve the reference gap below Spot Today's PNL. */ .assets .as-page[data-astab="spot"] > .as-actions.as-actions-three{ position:relative; top:8px; } /* v355: place Overview symbol/name and amount/value above the logo top. */ .assets .as-page[data-astab="overview"] .as-crypto-list[data-account="overview"] > .acoin > .acoin-top > .acoin-nm, .assets .as-page[data-astab="overview"] .as-crypto-list[data-account="overview"] > .acoin > .acoin-top > .acoin-px{ position:relative; top:-8px; } /* v364: privacy masks stay neutral regardless of positive/negative PNL. */ body.balances-hidden .balance-mask::after, .assets.balances-hidden .balance-mask::after{ color:#959ca6!important; -webkit-text-fill-color:#959ca6!important; } /* v444: Send opens an asset-first flow, followed by an asset-aware method page. */ #asWithdrawSelect, #asSendMethodPage{background:#1f2630!important;} #asWithdrawSelect .as-send-asset-history{ box-sizing:border-box; flex:0 0 auto; padding:16px 15px 0; } #asWithdrawSelect .as-send-asset-history-head{ height:30px; display:flex; align-items:center; justify-content:space-between; gap:16px; } #asWithdrawSelect .as-send-asset-history-head h2, #asWithdrawSelect .as-send-coin-list-title{ margin:0; color:#F3F6FA; font:500 17px/22px 'Plex',system-ui,sans-serif; } #asWithdrawSelect .as-title-trash{ width:30px!important; height:30px!important; margin:0; padding:2px; border:0; background:transparent; color:#DDE3EA; display:grid; place-items:center; cursor:pointer; } #asWithdrawSelect .as-title-trash svg{display:block;width:25px;height:25px;} #asWithdrawSelect .as-history-pills{ display:flex!important; min-height:30px; margin:10px 0 0!important; gap:9px; flex-wrap:wrap; } #asWithdrawSelect .as-history-pills:empty{min-height:0;margin-top:0!important;} #asWithdrawSelect .as-history-pills span{ box-sizing:border-box; height:30px; padding:0 12px; border-radius:7px; background:#29323d; color:#EAEEF3; font:400 14px/30px 'Plex',system-ui,sans-serif; } #asWithdrawSelect .as-send-coin-list-title{ flex:0 0 auto; margin:22px 15px 7px; } #asWithdrawSelect .as-flow-content.as-withdraw-list{ min-height:0; padding-top:0!important; } #asWithdrawSelect .as-withdraw-asset-row{ transition:background-color .16s ease,opacity .16s ease; } #asWithdrawSelect .as-withdraw-asset-row:active{background:#252e39;} #asSendMethodPage .as-send-method-head{ box-sizing:border-box; min-height:calc(64px + env(safe-area-inset-top)); height:calc(64px + env(safe-area-inset-top)); padding:calc(15px + env(safe-area-inset-top)) 15px 15px; } #asSendMethodPage .as-flow-back{ width:34px; height:34px; flex:0 0 34px; padding:0; background:none!important; } #asSendMethodPage .as-flow-back svg{display:block;width:25px;height:25px;} #asSendMethodPage .as-flow-title{ left:58px; right:58px; font-size:18px; line-height:22px; font-weight:500; } .as-send-method-scroll{ min-height:0; flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:23px 15px calc(34px + env(safe-area-inset-bottom)); } .as-send-method-scroll::-webkit-scrollbar{display:none;} .as-send-method-group{margin:0 0 40px;} .as-send-method-group h2{ margin:0 0 18px; color:#959ca6; font:400 16px/20px 'Plex',system-ui,sans-serif; } .as-send-method-card{ box-sizing:border-box; width:100%; min-height:106px; margin:0 0 14px; padding:14px 16px; border:0; border-radius:11px; background:#252e3a; color:#EAEEF3; display:grid; grid-template-columns:54px minmax(0,1fr); gap:14px; align-items:center; text-align:left; font-family:'Plex',system-ui,sans-serif; cursor:pointer; transition:background-color .16s ease,transform .16s cubic-bezier(.22,.72,0,1); -webkit-tap-highlight-color:transparent; } .as-send-method-card:active{background:#2b3542;transform:scale(.992);} .as-send-method-icon{ width:48px; height:48px; display:grid; place-items:center; } .as-send-method-icon img{ display:block; width:48px; height:48px; object-fit:contain; image-rendering:auto; } .as-send-method-card > span:last-child{min-width:0;} .as-send-method-card b{ display:block; color:#F4F7FA; font-size:17px; line-height:22px; font-weight:500; } .as-send-method-card em{ display:block; margin-top:5px; color:#8F98A5; font-size:13px; line-height:17px; font-style:normal; font-weight:300; } #asSendMethodPage[data-selected-fiat="1"] [data-method-group="wallet"], #asSendMethodPage[data-selected-fiat="1"] [data-send-method="sell-uah"]{display:none;} .as-send-method-toast{ position:absolute; left:50%; bottom:calc(24px + env(safe-area-inset-bottom)); z-index:5; max-width:calc(100% - 30px); padding:10px 14px; border-radius:8px; background:#515d6f; color:#F4F7FA; text-align:center; font:400 13px/17px 'Plex',system-ui,sans-serif; opacity:0; transform:translate(-50%,8px); transition:opacity .18s ease,transform .18s ease; } .as-send-method-toast.show{opacity:1;transform:translate(-50%,0);} @media(max-width:380px){ #asWithdrawSelect .as-send-asset-history{padding:13px 12px 0;} #asWithdrawSelect .as-send-asset-history-head h2, #asWithdrawSelect .as-send-coin-list-title{font-size:16px;line-height:20px;} #asWithdrawSelect .as-history-pills span{height:28px;padding:0 10px;font-size:13px;line-height:28px;} #asWithdrawSelect .as-send-coin-list-title{margin:18px 12px 6px;} #asSendMethodPage .as-send-method-head{ min-height:calc(56px + env(safe-area-inset-top)); height:calc(56px + env(safe-area-inset-top)); padding:calc(11px + env(safe-area-inset-top)) 12px 11px; } #asSendMethodPage .as-flow-title{font-size:17px;line-height:21px;} .as-send-method-scroll{padding:19px 12px calc(28px + env(safe-area-inset-bottom));} .as-send-method-group{margin-bottom:32px;} .as-send-method-group h2{margin-bottom:14px;font-size:15px;line-height:19px;} .as-send-method-card{ min-height:92px; margin-bottom:12px; padding:12px 13px; grid-template-columns:46px minmax(0,1fr); gap:12px; } .as-send-method-icon, .as-send-method-icon img{width:43px;height:43px;} .as-send-method-card b{font-size:16px;line-height:20px;} .as-send-method-card em{margin-top:4px;font-size:12px;line-height:15px;} } /* v446: one continuous Overview asset card with All / Money / Crypto tabs. */ .assets .as-overview-money-group[hidden], .assets .as-overview-crypto-group[hidden]{display:none!important;} .assets .as-overview-assets-card{ min-height:0!important; height:auto!important; padding-top:15px!important; padding-bottom:0!important; overflow:hidden; } .assets .as-overview-filterbar{ min-height:38px; margin:0 -14px; padding:0 14px 7px; box-sizing:border-box; display:flex; align-items:flex-start; gap:10px; } .assets .as-overview-filters{ min-width:0; display:flex; align-items:flex-start; gap:9px; } .assets .as-overview-filter{ position:relative; appearance:none; flex:0 0 auto; height:25px; margin:0; padding:0 4px; border:0; background:transparent; color:#9DA4AE; font:400 15px/20px 'Plex',system-ui,sans-serif; cursor:pointer; } .assets .as-overview-filter.active{color:#F3F6FA;font-weight:500;} .assets .as-overview-filter.active::after{ content:""; position:absolute; left:50%; bottom:-8px; width:15px; height:3px; border-radius:1px; background:#FCD434; transform:translateX(-50%); } .assets .as-overview-filter:focus-visible{ outline:1px solid #FCD434; outline-offset:2px; border-radius:3px; } .assets .as-overview-list-tool{ width:25px; height:25px; margin-left:auto; display:grid; place-items:center; color:#8C95A2; } .assets .as-overview-list-tool svg{ width:21px; height:21px; display:block; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; } .assets .as-overview-assets-card .as-money-list, .assets .as-overview-assets-card .as-crypto-list{margin:0!important;} .assets .as-overview-assets-card .as-money-row{ margin-top:0!important; border-bottom:1px solid #313B48; } .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-money-list > .as-money-row:first-child{ margin-top:0!important; } .assets .as-overview-assets-card .as-money-row + .as-money-row{border-top:0!important;} .assets .as-overview-assets-card .as-overview-money-group + .as-overview-crypto-group{margin-top:0!important;} .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list > .acoin:first-child{padding-top:20px!important;} .assets .as-overview-assets-card[data-overview-filter="all"] .as-crypto-empty{display:none!important;} .assets.balances-hidden .as-bal-val > .as-amount.balance-mask{ flex:0 0 98px!important; width:98px!important; max-width:98px!important; overflow:visible!important; text-overflow:clip!important; } @media(max-width:380px){ .assets .as-overview-assets-card{padding-top:13px!important;} .assets .as-overview-filterbar{ min-height:36px; margin:0 -12px; padding:0 12px 7px; } .assets .as-overview-filters{gap:7px;} .assets .as-overview-filter{height:23px;padding:0 3px;font-size:14px;line-height:19px;} .assets .as-overview-filter.active::after{bottom:-8px;height:2px;} .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list > .acoin:first-child{padding-top:18px!important;} .assets.balances-hidden .as-bal-val > .as-amount.balance-mask{ flex-basis:92px!important; width:92px!important; max-width:92px!important; } } /* v449: Overview Crypto follows the Money-row geometry; restore Assets flow controls. */ .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin > .acoin-top{ grid-template-columns:28px minmax(0,1fr) minmax(100px,auto)!important; column-gap:9px!important; align-items:start!important; } .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin > .acoin-top > .acoin-ic{ width:28px!important; height:28px!important; flex-basis:28px!important; } .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin > .acoin-top > .acoin-nm, .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin > .acoin-top > .acoin-px{ position:static!important; top:auto!important; padding-top:0!important; } .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin .acoin-full, .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin .acoin-px .p2{ font-size:13px!important; line-height:17px!important; } .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin > .acoin-line{ padding-left:37px!important; } .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin > .acoin-btns > .acoin-btn{ width:72px!important; min-width:72px!important; height:30px!important; min-height:30px!important; font-size:13px!important; line-height:30px!important; } .assets .as-transfer-funds .as-btn-icon img{ display:block; width:29px; height:29px; object-fit:contain; } .assets .as-history-tool-img{ display:block; width:22px; height:22px; object-fit:contain; } .assets .as-flow-back{ background:none!important; } .assets .as-flow-back svg{ display:block!important; width:25px; height:25px; } .assets .as-transfer-history-open{ width:34px; height:34px; margin-left:auto; padding:0; border:0; background:transparent; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:1; } .assets .as-transfer-history-open .as-flow-tool-img{ width:25px; height:25px; object-fit:contain; filter:none; opacity:1; } @media(max-width:380px){ .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin > .acoin-top{ grid-template-columns:27px minmax(0,1fr) minmax(88px,auto)!important; column-gap:8px!important; } .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin > .acoin-top > .acoin-ic{ width:27px!important; height:27px!important; flex-basis:27px!important; } .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin > .acoin-line{ padding-left:35px!important; } .assets .as-page[data-astab="overview"] .as-overview-assets-card .as-crypto-list[data-account="overview"] > .acoin > .acoin-btns > .acoin-btn{ width:68px!important; min-width:68px!important; height:29px!important; min-height:29px!important; font-size:12px!important; line-height:29px!important; } } /* v451: reserve the PNL row for stablecoins and assets without cost data. */ .assets .as-assets-card .acoin > .acoin-pnl-placeholder{ display:block!important; height:16px!important; min-height:16px!important; visibility:hidden!important; pointer-events:none!important; } /* v452: Futures wallet mirrors Spot while keeping its balance/list isolated. */ .assets .as-page[data-astab="futures"] > .as-balance{ min-height:145px!important; padding:20px 16px 0!important; } .assets .as-page[data-astab="futures"] > .as-balance .as-pnl-row{ min-height:23px!important; } .assets .as-page[data-astab="futures"] > .as-balance .as-mini-chart, .assets .as-page[data-astab="futures"] > .as-balance .as-balance-caret{ display:none!important; } .assets .as-page[data-astab="futures"] > .as-actions.as-actions-three{ margin-top:8px!important; } .assets .as-futures-assets-card{ padding:15px 14px 4px!important; } .assets .as-futures-money-group[hidden], .assets .as-futures-crypto-group[hidden]{ display:none!important; } .assets .as-futures-money-group .as-crypto-empty{ min-height:90px; display:flex; align-items:center; justify-content:center; color:#8F98A5; font:400 13px/18px 'Plex',system-ui,sans-serif; } .assets .as-futures-assets-card .as-crypto-list{ margin:0!important; } .assets .as-futures-assets-card .as-crypto-list > .acoin:first-child{ padding-top:20px!important; } .assets .as-transfer-status-toast{ position:absolute; left:50%; bottom:calc(92px + env(safe-area-inset-bottom)); z-index:8; max-width:calc(100% - 30px); padding:10px 14px; box-sizing:border-box; border-radius:8px; background:#515D6F; color:#F4F7FA; text-align:center; white-space:normal; font:400 13px/17px 'Plex',system-ui,sans-serif; opacity:0; transform:translate(-50%,8px); transition:opacity .18s ease,transform .18s ease; } .assets .as-transfer-status-toast.show{ opacity:1; transform:translate(-50%,0); } .assets .as-transfer-status-toast.error{ background:#5B3B43; color:#FFE7EB; } .assets .as-transfer-confirm[aria-busy="true"]{ cursor:wait!important; } @media(max-width:380px){ .assets .as-page[data-astab="futures"] > .as-balance{ min-height:140px!important; padding-left:14px!important; padding-right:14px!important; } .assets .as-page[data-astab="futures"] > .as-balance .as-pnl-row{ min-height:21px!important; } .assets .as-futures-assets-card{ padding:13px 12px 4px!important; } .assets .as-futures-assets-card .as-crypto-list > .acoin:first-child{ padding-top:18px!important; } } @media(prefers-reduced-motion:reduce){ .assets .as-transfer-status-toast{transition:none!important;} } /* v455: every Assets/Transfer surface keeps its host alive through the reverse motion. */ .assets.deposit-open:not(.open) > .as-deposit-backdrop.opening, .assets.deposit-open:not(.open) > .as-deposit-backdrop.closing, .assets.deposit-open:not(.open) > .as-history-picker-backdrop.opening, .assets.deposit-open:not(.open) > .as-history-picker-backdrop.closing, .assets.deposit-open:not(.open) > .as-transfer-account-backdrop.opening, .assets.deposit-open:not(.open) > .as-transfer-account-backdrop.closing, .assets.deposit-open:not(.open) > .as-transfer-success-backdrop.opening, .assets.deposit-open:not(.open) > .as-transfer-success-backdrop.closing, .assets.deposit-open:not(.open) > .as-transfer-filter-backdrop.opening, .assets.deposit-open:not(.open) > .as-transfer-filter-backdrop.closing, .assets.deposit-open:not(.open) > .as-flow.opening, .assets.deposit-open:not(.open) > .as-flow.closing{ visibility:visible!important; pointer-events:none!important; } .assets .as-deposit-backdrop.opening, .assets .as-history-picker-backdrop.opening, .assets .as-transfer-account-backdrop.opening, .assets .as-transfer-success-backdrop.opening, .assets .as-transfer-filter-backdrop.opening{ opacity:1!important; visibility:visible!important; background:rgba(9,13,20,.72)!important; pointer-events:none!important; } .assets .as-deposit-backdrop.opening .as-deposit-sheet, .assets .as-history-picker-backdrop.opening .as-history-picker-sheet, .assets .as-transfer-account-backdrop.opening .as-transfer-account-sheet, .assets .as-transfer-success-backdrop.opening .as-transfer-success-sheet, .assets .as-transfer-filter-backdrop.opening .as-transfer-filter-sheet{ transform:translate3d(0,calc(100% + 24px),0)!important; will-change:transform!important; } .assets .as-flow.opening, .assets .as-flow.closing{ visibility:visible!important; pointer-events:none!important; transform:translate3d(100%,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1),visibility 0s linear .46s!important; will-change:transform!important; } .assets .as-flow.open{ transition:transform .46s cubic-bezier(.22,.72,0,1),visibility 0s!important; } @media(prefers-reduced-motion:reduce){ .as-deposit-sheet, .as-history-picker-sheet, .as-transfer-account-sheet, .as-transfer-success-sheet, .as-transfer-filter-sheet, .as-flow{ transition-duration:.01ms!important; } } /* v463: interactive Assets history and symmetric surface motion. */ .assets .as-history-title{ appearance:none; border:0; background:transparent; font-family:'Plex',system-ui,sans-serif; cursor:pointer; padding:0; } .assets .as-history-title .tri, .assets .as-history-overall-bar .tri{ transition:transform .24s cubic-bezier(.32,.72,0,1); } .assets .as-history-title[aria-expanded="true"] .tri, .assets .as-history-overall-bar button[aria-expanded="true"] .tri{ transform:rotate(180deg) translateY(40%); } .assets .as-history-account-menu{ position:absolute; inset:76px 0 0; z-index:8; display:grid; grid-template-columns:34% 66%; background:#1f2630; opacity:0; visibility:hidden; pointer-events:none; transform:translate3d(0,-10px,0); transition:opacity .26s ease,transform .32s cubic-bezier(.32,.72,0,1),visibility 0s linear .32s; } .assets .as-history-account-menu.open{ opacity:1; visibility:visible; pointer-events:auto; transform:translate3d(0,0,0); transition:opacity .26s ease,transform .32s cubic-bezier(.32,.72,0,1),visibility 0s; } .assets .as-history-account-menu.closing{ opacity:0; visibility:visible; pointer-events:none; transform:translate3d(0,-10px,0); } .assets .as-history-account-column{ display:flex; flex-direction:column; align-items:stretch; gap:9px; padding:20px 14px; } .assets .as-history-account-areas{border-right:1px solid #2c3542;} .assets .as-history-account-column button{ min-height:46px; border:0; border-radius:8px; background:transparent; color:#a0a8b3; padding:0 16px; text-align:left; font:400 16px/20px 'Plex',system-ui,sans-serif; cursor:pointer; transition:color .18s ease,background-color .18s ease,transform .18s ease; } .assets .as-history-account-column button:active{transform:scale(.98);} .assets .as-history-account-column button.active{background:#27313e;color:#f4f7fa;} .assets .as-history-overall-bar{ min-height:54px; align-items:center; justify-content:space-between; padding:0 18px; border-bottom:1px solid #2b3340; } .assets .as-history-overall-bar > button:first-child{ min-height:44px; border:0; background:transparent; color:#f3f6f8; padding:0; font:400 16px/20px 'Plex',system-ui,sans-serif; } .assets .as-history-calendar{ position:relative; width:36px; height:40px; flex:0 0 36px; border:0; background:transparent; cursor:pointer; opacity:.84; } .assets .as-history-calendar.active::before, .assets .as-history-calendar.active::after{border-color:#f5c928;background-color:#f5c928;} .assets .as-history-overall-list{padding:0 18px 32px;} .assets .as-history-overall-row{ min-height:108px; box-sizing:border-box; padding:17px 0; } .assets .as-history-overall-row[hidden]{display:none!important;} .assets .as-history-overall-row b{font-size:18px;line-height:22px;} .assets .as-history-overall-row span{margin-top:8px;font-size:14px;line-height:18px;} .assets .as-history-overall-row em{ display:block; margin-top:5px; color:#9aa3ae; font:400 13px/16px 'Plex',system-ui,sans-serif; font-style:normal; } .assets .as-history-overall-row > div:last-child em{text-align:right;} .assets .as-history-empty{ margin:72px 0 0; color:#8f98a5; text-align:center; font:400 15px/20px 'Plex',system-ui,sans-serif; } .assets .as-history-date-backdrop{ position:absolute; inset:0; z-index:72; display:flex; align-items:flex-end; overflow:hidden; visibility:hidden; pointer-events:none; background:rgba(8,12,18,0); transition:background-color .28s ease,visibility 0s linear .38s; } .assets .as-history-date-backdrop.opening, .assets .as-history-date-backdrop.open, .assets .as-history-date-backdrop.closing{visibility:visible;} .assets .as-history-date-backdrop.open{ pointer-events:auto; background:rgba(8,12,18,.48); transition:background-color .28s ease,visibility 0s; } .assets .as-history-date-backdrop.closing{background:rgba(8,12,18,0);pointer-events:none;} .assets .as-history-date-sheet{ width:100%; max-height:76dvh; box-sizing:border-box; border-radius:18px 18px 0 0; background:#1f2630; padding:8px 18px calc(18px + env(safe-area-inset-bottom)); transform:translate3d(0,calc(100% + 20px),0); transition:transform .36s cubic-bezier(.22,.76,.23,1)!important; will-change:transform; } .assets .as-history-date-backdrop.open .as-history-date-sheet{transform:translate3d(0,0,0);} .assets .as-history-date-backdrop.closing .as-history-date-sheet{transform:translate3d(0,calc(100% + 20px),0);} .assets .as-history-date-sheet h2{ margin:25px 0 22px; color:#f4f7fa; text-align:center; font:500 22px/27px 'Plex',system-ui,sans-serif; } .assets .as-history-date-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;} .assets .as-history-date-presets button{ height:48px; border:1px solid #394452; border-radius:7px; background:transparent; color:#eef2f5; font:400 15px/19px 'Plex',system-ui,sans-serif; } .assets .as-history-date-presets button.active{border-color:#f5c928;color:#f5c928;background:rgba(245,201,40,.07);} .assets .as-history-date-fields{ display:grid; grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr); align-items:end; gap:7px; margin-top:28px; } .assets .as-history-date-fields label span{display:block;margin:0 0 7px;color:#8f98a5;font:400 11px/14px 'Plex',system-ui,sans-serif;} .assets .as-history-date-fields input{ width:100%; height:48px; box-sizing:border-box; border:1px solid #3a4552; border-radius:7px; outline:none; background:#26303c; color:#eef2f5; padding:0 9px; font:400 14px/18px 'Plex',system-ui,sans-serif; color-scheme:dark; } .assets .as-history-date-fields i{height:48px;display:grid;place-items:center;color:#87909b;font-style:normal;} .assets .as-history-date-preview{ height:122px; margin-top:15px; border-block:1px solid #303a47; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; text-align:center; color:#596371; font:400 16px/34px 'Plex',system-ui,sans-serif; mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent); } .assets .as-history-date-preview b{color:#edf1f4;font-size:18px;font-weight:400;} .assets .as-history-date-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;} .assets .as-history-date-actions button{ height:54px; border:0; border-radius:8px; background:#303a47; color:#f4f7fa; font:500 16px/20px 'Plex',system-ui,sans-serif; } .assets .as-history-date-actions button:last-child{background:#f5cf35;color:#171c23;} .assets.deposit-open:not(.open) > .as-history-date-backdrop.opening, .assets.deposit-open:not(.open) > .as-history-date-backdrop.closing{visibility:visible!important;pointer-events:none!important;} @media(prefers-reduced-motion:reduce){ .assets .as-flow, .assets .as-deposit-sheet, .assets .as-history-picker-sheet, .assets .as-history-date-sheet, .assets .as-transfer-account-sheet, .assets .as-transfer-success-sheet, .assets .as-transfer-filter-sheet{ transition-duration:.36s!important; } .assets .as-history-account-menu{transition-duration:.28s!important;} } /* v501: compact reference-sized Assets history and clean header icons. */ .assets .as-history-picker-sheet{ min-height:238px!important; padding:8px 16px calc(25px + env(safe-area-inset-bottom))!important; } .assets .as-history-head{ height:70px!important; padding:calc(7px + env(safe-area-inset-top)) 15px 0!important; } .assets .as-history-title{top:calc(11px + env(safe-area-inset-top))!important;} .assets .as-history-title b{font-size:18px!important;line-height:22px!important;} .assets .as-history-title > span{margin-top:3px!important;font-size:12px!important;line-height:15px!important;} .assets .as-history-download{ width:36px!important; height:36px!important; margin-right:0!important; transform:translateY(-2px)!important; } .assets .as-history-icon-img{ width:25px!important; height:25px!important; mix-blend-mode:normal!important; transform:none!important; opacity:1!important; } .assets .as-history-account-menu{inset:70px 0 0!important;grid-template-columns:34% 66%!important;} .assets .as-history-account-column{gap:6px!important;padding:16px 12px!important;} .assets .as-history-account-column button{ min-height:40px!important; padding:0 13px!important; border-radius:7px!important; font-size:14px!important; line-height:18px!important; } .assets .as-history-overall-bar{ min-height:48px!important; height:48px!important; margin:0 16px!important; padding:0!important; } .assets .as-history-overall-bar > button:first-child{ min-height:38px!important; font-size:14px!important; line-height:18px!important; } .assets .as-history-calendar{ position:relative!important; width:30px!important; height:32px!important; flex:0 0 30px!important; border:0!important; border-radius:0!important; background:transparent!important; opacity:1!important; } .assets .as-history-calendar::before{ content:""!important; position:absolute!important; left:5px!important; right:auto!important; top:7px!important; width:19px!important; height:18px!important; box-sizing:border-box!important; border:1.7px solid #E7ECF2!important; border-radius:2px!important; background:linear-gradient(to bottom,transparent 4px,#E7ECF2 4px,#E7ECF2 5.7px,transparent 5.7px)!important; } .assets .as-history-calendar::after{ content:""!important; position:absolute!important; left:9px!important; right:auto!important; top:4px!important; width:11px!important; height:7px!important; box-sizing:border-box!important; border:0!important; border-left:1.7px solid #E7ECF2!important; border-right:1.7px solid #E7ECF2!important; background:transparent!important; } .assets .as-history-calendar.active::before{border-color:#F5C928!important;background:linear-gradient(to bottom,transparent 4px,#F5C928 4px,#F5C928 5.7px,transparent 5.7px)!important;} .assets .as-history-calendar.active::after{border-color:#F5C928!important;background:transparent!important;} .assets .as-history-overall-list{padding:0 16px 26px!important;} .assets .as-history-overall-row{ min-height:91px!important; padding:13px 0!important; gap:13px!important; } .assets .as-history-overall-row b{font-size:16px!important;line-height:20px!important;} .assets .as-history-overall-row span{margin-top:5px!important;font-size:12px!important;line-height:15px!important;} .assets .as-history-overall-row em{margin-top:3px!important;font-size:11px!important;line-height:14px!important;} .assets .as-history-date-sheet{ max-height:72dvh!important; padding:7px 16px calc(15px + env(safe-area-inset-bottom))!important; } .assets .as-history-date-sheet h2{margin:20px 0 17px!important;font-size:19px!important;line-height:24px!important;} .assets .as-history-date-presets{gap:8px!important;} .assets .as-history-date-presets button{height:41px!important;font-size:13px!important;line-height:17px!important;} .assets .as-history-date-fields{margin-top:20px!important;grid-template-columns:minmax(0,1fr) 21px minmax(0,1fr)!important;} .assets .as-history-date-fields input{height:42px!important;font-size:13px!important;line-height:17px!important;} .assets .as-history-date-fields i{height:42px!important;} .assets .as-history-date-preview{height:106px!important;margin-top:12px!important;font-size:14px!important;line-height:29px!important;} .assets .as-history-date-preview b{font-size:16px!important;} .assets .as-history-date-actions{gap:10px!important;margin-top:18px!important;} .assets .as-history-date-actions button{height:46px!important;font-size:14px!important;line-height:18px!important;} /* v502: Select History rises to the reference height while retaining one-pass motion. */ .assets .as-history-picker-sheet{ height:clamp(270px,56dvh,430px)!important; min-height:270px!important; padding:8px 20px calc(28px + env(safe-area-inset-bottom))!important; } .assets .as-history-picker-sheet .as-sheet-handle{margin-bottom:27px!important;} .assets .as-history-picker-sheet h2{ margin-bottom:24px!important; font-size:21px!important; line-height:26px!important; } .assets .as-history-choice{height:68px!important;min-height:68px!important;padding:0!important;} .assets .as-history-choice + .as-history-choice{margin-top:12px!important;} .assets .as-history-choice b{font-size:17px!important;line-height:21px!important;} .assets .as-history-choice em{font-size:12px!important;line-height:16px!important;} /* v504: the reference sheet sits slightly lower; the Assets history glyph is 15% larger. */ .assets .as-head-tool.as-history-trigger{ width:32px!important; height:32px!important; } .assets .as-history-tool-img{ width:26px!important; height:26px!important; } .assets .as-history-picker-sheet{ height:clamp(260px,52dvh,390px)!important; min-height:260px!important; } /* v505: Select History follows its content instead of filling half the viewport. */ .assets .as-history-picker-sheet{ height:auto!important; min-height:0!important; max-height:calc(100dvh - 72px)!important; padding-bottom:calc(34px + env(safe-area-inset-bottom))!important; } /* v510: deterministic entrance for Select Asset and Deposit pages. */ .assets .as-flow.bb-flow-enter{ visibility:visible!important; pointer-events:auto!important; transform:translate3d(100%,0,0)!important; transition:none!important; will-change:transform!important; backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; } .assets .as-flow.bb-flow-enter.bb-flow-enter-active{ transform:translate3d(0,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; } @media(prefers-reduced-motion:reduce){ .assets .as-flow.bb-flow-enter.bb-flow-enter-active{transition-duration:.01ms!important;} } /* v515: the source surface stays painted underneath Assets History so its reverse motion never exposes an empty footer. */ .assets .as-history-loading{ margin:72px 0 0; color:#8f98a5; text-align:center; font:400 15px/20px 'Plex',system-ui,sans-serif; } .assets .as-history-loading[hidden]{display:none!important;} /* v516: Withdrawal Select Asset owns a deterministic horizontal motion and leaves the global dock visible. The account chooser receives a real pre-animation frame so both directions use the same bottom-sheet motion. */ .assets .as-flow.as-withdraw-select-flow.bb-flow-enter{ transform:translate3d(100%,0,0)!important; } .assets .as-flow.as-withdraw-select-flow.bb-flow-enter.bb-flow-enter-active{ transform:translate3d(0,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; } .assets .as-flow.as-withdraw-select-flow.closing{ transform:translate3d(100%,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1),visibility 0s linear .46s!important; } body.assets-withdraw-select-open .nav{ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; z-index:20!important; } body.assets-withdraw-select-open.assets-withdraw-account-open .nav{ z-index:20!important; } body.assets-withdraw-select-open #asWithdrawSelect .as-withdraw-list{ padding-bottom:calc(124px + env(safe-area-inset-bottom))!important; } #asWithdrawAccountBackdrop.opening, #asWithdrawAccountBackdrop.open, #asWithdrawAccountBackdrop.closing{ opacity:1!important; visibility:visible!important; background:rgba(0,0,0,.40)!important; } #asWithdrawAccountBackdrop.opening{pointer-events:none!important;} #asWithdrawAccountBackdrop.open{pointer-events:auto!important;} #asWithdrawAccountBackdrop.closing{pointer-events:none!important;} #asWithdrawAccountBackdrop.opening .as-withdraw-account-sheet, #asWithdrawAccountBackdrop.closing .as-withdraw-account-sheet{ transform:translate3d(0,calc(100% + 20px),0)!important; transition:transform .40s cubic-bezier(.22,.72,0,1)!important; will-change:transform!important; } #asWithdrawAccountBackdrop.open .as-withdraw-account-sheet{ transform:translate3d(0,0,0)!important; transition:transform .40s cubic-bezier(.22,.72,0,1)!important; will-change:transform!important; } @media(prefers-reduced-motion:reduce){ .assets .as-flow.as-withdraw-select-flow.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.as-withdraw-select-flow.closing, #asWithdrawAccountBackdrop .as-withdraw-account-sheet{transition-duration:.01ms!important;} } /* v517: the live withdrawal route uses one deterministic horizontal motion. Unimplemented method cards remain visible as context, but are intentionally subdued and cannot receive pointer or keyboard activation. */ .assets .as-flow.as-send-method-page.bb-flow-enter, .assets .as-flow.as-send-page.bb-flow-enter{ transform:translate3d(100%,0,0)!important; visibility:visible!important; transition:none!important; will-change:transform!important; } .assets .as-flow.as-send-method-page.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.as-send-page.bb-flow-enter.bb-flow-enter-active{ transform:translate3d(0,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; } .assets .as-flow.as-send-method-page.closing, .assets .as-flow.as-send-page.closing{ transform:translate3d(100%,0,0)!important; visibility:visible!important; transition:transform .46s cubic-bezier(.22,.72,0,1),visibility 0s linear .46s!important; will-change:transform!important; } #asSendMethodPage .as-send-method-card.is-disabled, #asSendMethodPage .as-send-method-card:disabled{ opacity:.40!important; filter:saturate(.38)!important; cursor:default!important; pointer-events:none!important; transform:none!important; } #asSendMethodPage .as-send-method-card.is-disabled b, #asSendMethodPage .as-send-method-card:disabled b{color:#a6adb6!important;} #asSendMethodPage .as-send-method-card.is-disabled em, #asSendMethodPage .as-send-method-card:disabled em{color:#747d89!important;} @media(prefers-reduced-motion:reduce){ .assets .as-flow.as-send-method-page.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.as-send-page.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.as-send-method-page.closing, .assets .as-flow.as-send-page.closing{transition-duration:.01ms!important;} } /* v521: Transfer uses crisp reference icons and owns one uninterrupted horizontal entrance/exit motion. The dock now stays on its normal layer. */ body.assets-transfer-open .nav{ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; z-index:20!important; } .assets .as-flow.as-transfer-page.bb-flow-enter{ transform:translate3d(100%,0,0)!important; visibility:visible!important; transition:none!important; will-change:transform!important; } .assets .as-flow.as-transfer-page.bb-flow-enter.bb-flow-enter-active{ transform:translate3d(0,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; } .assets .as-flow.as-transfer-page.closing{ transform:translate3d(100%,0,0)!important; visibility:visible!important; transition:transform .46s cubic-bezier(.22,.72,0,1),visibility 0s linear .46s!important; will-change:transform!important; } #asTransferSwap .as-transfer-swap-icon{ display:block!important; width:34px!important; height:34px!important; aspect-ratio:1/1!important; object-fit:contain!important; transform-origin:50% 50%!important; image-rendering:auto!important; filter:none!important; } #asTransferSwap.swap-anim .as-transfer-swap-icon{ animation:asTransferSwapIcon .42s cubic-bezier(.22,.72,0,1)!important; } .assets .as-transfer-history-open .as-transfer-history-icon{ width:29px!important; height:29px!important; object-fit:contain!important; filter:none!important; opacity:1!important; } @media(prefers-reduced-motion:reduce){ .assets .as-flow.as-transfer-page.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.as-transfer-page.closing{transition-duration:.01ms!important;} #asTransferSwap.swap-anim .as-transfer-swap-icon{animation-duration:.01ms!important;} } /* v556: keep the Transfer confirmation action above the persistent dock. */ .assets .as-transfer-page .as-transfer-footer{ bottom:calc(92px + env(safe-area-inset-bottom))!important; z-index:3!important; } .assets .as-transfer-page .as-transfer-scroll{ padding-bottom:calc(188px + env(safe-area-inset-bottom))!important; } /* v567: after a managed Assets route finishes its exit, hide it immediately. This prevents the base horizontal off-screen transform from becoming a second visible animation after Send/Transfer has already moved downward. */ .assets .as-flow[aria-hidden="true"]:not(.opening):not(.open):not(.closing){ visibility:hidden!important; pointer-events:none!important; transition:none!important; animation:none!important; } /* v526: Select Asset and Deposit are one horizontal page stack. The previous v515 vertical override is intentionally superseded here. Both pages keep a painted off-screen frame before moving, then use the same curve in reverse. */ .assets .as-flow.as-asset-select-flow.bb-flow-enter, .assets .as-flow.as-deposit-page.bb-flow-enter{ visibility:visible!important; transform:translate3d(100%,0,0)!important; transition:none!important; will-change:transform!important; backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; } .assets .as-flow.as-asset-select-flow.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.as-deposit-page.bb-flow-enter.bb-flow-enter-active{ visibility:visible!important; transform:translate3d(0,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; } .assets .as-flow.as-asset-select-flow.closing, .assets .as-flow.as-deposit-page.closing{ visibility:visible!important; transform:translate3d(100%,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1),visibility 0s linear .46s!important; will-change:transform!important; } /* The Assets host rises above other app sections while its internal surfaces are open. Keep the global dock on a dedicated higher layer for every frame, including the first opening frame and the final reverse-animation frame. */ body.assets-surface-open .nav, body:has(.assets.deposit-open) .nav{ display:flex!important; visibility:visible!important; opacity:1!important; transform:translateX(-50%)!important; transition:none!important; pointer-events:auto!important; z-index:90!important; } body.assets-surface-open .assets .as-asset-select-flow .as-flow-content, body:has(.assets.deposit-open) .assets .as-asset-select-flow .as-flow-content{ padding-bottom:calc(126px + env(safe-area-inset-bottom))!important; scroll-padding-bottom:calc(126px + env(safe-area-inset-bottom))!important; } body.assets-surface-open .assets .as-deposit-page .as-deposit-scroll, body:has(.assets.deposit-open) .assets .as-deposit-page .as-deposit-scroll{ padding-bottom:calc(154px + env(safe-area-inset-bottom))!important; scroll-padding-bottom:calc(126px + env(safe-area-inset-bottom))!important; } /* These route transitions remain visible even when the host OS asks sites to reduce decorative motion: they communicate page direction and hierarchy. */ @media(prefers-reduced-motion:reduce){ .assets .as-flow.as-asset-select-flow.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.as-deposit-page.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.as-asset-select-flow.closing, .assets .as-flow.as-deposit-page.closing{ transition-duration:.46s!important; } } /* v527: one deterministic first-frame animation for every full-page Assets route. Keyframes do not collapse when a page becomes visible for the first time, so Select Method and Withdrawal Address behave like later visits. */ @keyframes bbAssetsRouteEnter{ from{translate:100% 0;} to{translate:0 0;} } @keyframes bbAssetsRouteLeave{ from{translate:0 0;} to{translate:100% 0;} } .assets .as-flow.bb-flow-enter{ visibility:visible!important; transform:translate3d(100%,0,0)!important; animation:none!important; transition:none!important; } .assets .as-flow.bb-flow-enter.bb-flow-enter-active{ visibility:visible!important; transform:translate3d(0,0,0)!important; animation:bbAssetsRouteEnter .46s cubic-bezier(.22,.72,0,1) both!important; transition:none!important; } .assets .as-flow.closing.closing{ visibility:visible!important; transform:translate3d(0,0,0)!important; animation:bbAssetsRouteLeave .46s cubic-bezier(.22,.72,0,1) both!important; transition:none!important; pointer-events:none!important; } /* Only Withdraw Asset is available. The other methods stay in the visual hierarchy but are about ten percent smaller, dimmed and non-interactive. */ #asSendMethodPage #asWithdrawAsset{ width:90%!important; min-height:95px!important; margin-left:auto!important; margin-right:auto!important; padding:12px 14px!important; grid-template-columns:43px minmax(0,1fr)!important; gap:13px!important; opacity:1!important; border:1px solid #3a4653!important; background:#27323e!important; filter:none!important; cursor:pointer!important; } #asSendMethodPage .as-send-method-card.is-disabled, #asSendMethodPage .as-send-method-card:disabled{ width:90%!important; min-height:95px!important; margin-left:auto!important; margin-right:auto!important; padding:12px 14px!important; grid-template-columns:43px minmax(0,1fr)!important; gap:13px!important; opacity:.34!important; filter:saturate(.18) brightness(.82)!important; background:#222b36!important; border-color:transparent!important; cursor:default!important; pointer-events:none!important; transform:none!important; } #asSendMethodPage #asWithdrawAsset .as-send-method-icon, #asSendMethodPage #asWithdrawAsset .as-send-method-icon img{ width:43px!important; height:43px!important; } #asSendMethodPage #asWithdrawAsset b{ font-size:15px!important; line-height:20px!important; } #asSendMethodPage #asWithdrawAsset em{ font-size:12px!important; line-height:15px!important; } #asSendMethodPage .as-send-method-card.is-disabled .as-send-method-icon, #asSendMethodPage .as-send-method-card.is-disabled .as-send-method-icon img, #asSendMethodPage .as-send-method-card:disabled .as-send-method-icon, #asSendMethodPage .as-send-method-card:disabled .as-send-method-icon img{ width:43px!important; height:43px!important; } #asSendMethodPage .as-send-method-card.is-disabled b, #asSendMethodPage .as-send-method-card:disabled b{ color:#8c949f!important; font-size:15px!important; line-height:20px!important; } #asSendMethodPage .as-send-method-card.is-disabled em, #asSendMethodPage .as-send-method-card:disabled em{ color:#68717e!important; font-size:12px!important; line-height:15px!important; } @media(max-width:380px){ #asSendMethodPage #asWithdrawAsset{ min-height:83px!important; padding:11px 12px!important; grid-template-columns:39px minmax(0,1fr)!important; gap:11px!important; } #asSendMethodPage #asWithdrawAsset .as-send-method-icon, #asSendMethodPage #asWithdrawAsset .as-send-method-icon img{ width:39px!important; height:39px!important; } #asSendMethodPage .as-send-method-card.is-disabled, #asSendMethodPage .as-send-method-card:disabled{ min-height:83px!important; padding:11px 12px!important; grid-template-columns:39px minmax(0,1fr)!important; gap:11px!important; } #asSendMethodPage .as-send-method-card.is-disabled .as-send-method-icon, #asSendMethodPage .as-send-method-card.is-disabled .as-send-method-icon img, #asSendMethodPage .as-send-method-card:disabled .as-send-method-icon, #asSendMethodPage .as-send-method-card:disabled .as-send-method-icon img{ width:39px!important; height:39px!important; } } @media(prefers-reduced-motion:reduce){ .assets .as-flow.bb-flow-enter.bb-flow-enter-active{ animation:bbAssetsRouteEnter .46s cubic-bezier(.22,.72,0,1) both!important; } .assets .as-flow.closing.closing{ animation:bbAssetsRouteLeave .46s cubic-bezier(.22,.72,0,1) both!important; } } /* v545: Assets surfaces use one transform transition only. Earlier keyframe overrides animated the independent `translate` property on top of the transform state machine, which made a single close look like two exits. */ .assets .as-flow, .assets .as-flow.bb-flow-enter, .assets .as-flow.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.open, .assets .as-flow.closing.closing{ animation:none!important; translate:none!important; backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; } .assets .as-flow.bb-flow-enter{ visibility:visible!important; transform:translate3d(100%,0,0)!important; transition:none!important; will-change:transform!important; } .assets .as-flow.bb-flow-enter.bb-flow-enter-active{ visibility:visible!important; transform:translate3d(0,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; } .assets .as-flow.open{ visibility:visible!important; transform:translate3d(0,0,0)!important; transition:none!important; } .assets .as-flow.closing.closing{ visibility:visible!important; transform:translate3d(100%,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; pointer-events:none!important; will-change:transform!important; } /* The dock stays mounted and painted, but every Assets sheet/page moves on a higher layer. This removes the missing-dock frame without leaving the dock on top of Select Asset, Transfer or History. */ body.assets-surface-open .nav, body:has(.assets.deposit-open) .nav, body.assets-transfer-open .nav, body.assets-withdraw-select-open .nav{ display:flex!important; visibility:visible!important; opacity:1!important; transform:translateX(-50%)!important; transition:none!important; z-index:20!important; } .assets .as-deposit-backdrop, .assets .as-history-picker-backdrop, .assets .as-history-date-backdrop, .assets .as-transfer-account-backdrop, .assets .as-transfer-success-backdrop, .assets .as-transfer-filter-backdrop{ z-index:48!important; } /* The full Add Funds list now fits above the bottom edge. */ .assets .as-add-funds-sheet{ max-height:calc(100% - 18px)!important; padding-bottom:calc(18px + env(safe-area-inset-bottom))!important; } .assets .as-add-funds-sheet > .as-deposit-option{ height:72px!important; min-height:72px!important; margin-bottom:10px!important; } .assets .as-add-funds-sheet > .as-deposit-option.is-disabled, .assets .as-add-funds-sheet > .as-deposit-option:disabled{ opacity:.34!important; filter:saturate(.2) brightness(.84)!important; cursor:default!important; pointer-events:none!important; background:#202832!important; border-color:#2c3540!important; } .assets .as-add-funds-sheet > #asDepositAsset, .assets .as-add-funds-sheet > #asBuyWithUsd{ opacity:1!important; filter:none!important; cursor:pointer!important; pointer-events:auto!important; } /* Restore the supplied vertical transfer mark and keep it crisp while the account directions rotate. */ #asTransferSwap .as-transfer-swap-icon{ width:36px!important; height:36px!important; object-fit:contain!important; image-rendering:auto!important; filter:none!important; } /* v561: Send's first asset picker and the main Transfer surface behave like native bottom routes. Nested Send routes use horizontal page navigation. These selectors mirror the direction used by the JS motion so the first painted frame is never the final frame. */ .assets .as-flow.bb-flow-vertical.bb-flow-enter{ transform:translate3d(0,100%,0)!important; } .assets .as-flow.bb-flow-vertical.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.bb-flow-vertical.open{ transform:translate3d(0,0,0)!important; } .assets .as-flow.bb-flow-vertical.closing.closing{ transform:translate3d(0,100%,0)!important; } /* Address <-> amount is an in-page route, not an instant display toggle. */ #asSendPage.bb-send-step-animating{ overflow:hidden!important; } #asSendPage.bb-send-step-animating .as-send-stage{ display:flex!important; flex-direction:column!important; position:absolute!important; inset:calc(50px + env(safe-area-inset-top)) 0 0!important; min-height:0!important; width:100%!important; background:var(--send-page)!important; will-change:transform!important; backface-visibility:hidden!important; } /* The supplied mark is vector-based, so it remains sharp on desktop DPR and mobile scaling without raster interpolation. */ #asTransferSwap .as-transfer-swap-icon{ width:36px!important; height:36px!important; object-fit:contain!important; image-rendering:auto!important; transform:translateZ(0)!important; } @media(prefers-reduced-motion:reduce){ .assets .as-flow.bb-flow-enter.bb-flow-enter-active, .assets .as-flow.closing.closing{ transition-duration:.46s!important; } } /* v562: History and transaction details use one deterministic horizontal route animation. Web Animations is intentionally not applied to these two pages, so it cannot compete with the CSS transform in Android WebViews. */ .assets .as-flow.as-history-route-motion.bb-flow-enter{ visibility:visible!important; transform:translate3d(100%,0,0)!important; transition:none!important; will-change:transform!important; } .assets .as-flow.as-history-route-motion.bb-flow-enter.bb-flow-enter-active{ transform:translate3d(0,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; } .assets .as-flow.as-history-route-motion.open{ visibility:visible!important; transform:translate3d(0,0,0)!important; transition:none!important; } .assets .as-flow.as-history-route-motion.closing.closing{ visibility:visible!important; transform:translate3d(100%,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; pointer-events:none!important; } .assets .as-transaction-detail-data > div[hidden]{ display:none!important; } /* v563: once an Assets route has settled, release its compositor texture. Keeping translate3d/backface-hidden after the slide made History, Deposit, Withdraw and transaction details look softer than Home/Futures. Motion classes still own the transform while a page is entering or leaving. */ .assets .as-flow.open:not(.opening):not(.closing){ transform:none!important; translate:none!important; scale:none!important; rotate:none!important; transition:none!important; will-change:auto!important; filter:none!important; opacity:1!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; transform-style:flat!important; perspective:none!important; contain:none!important; } .assets .as-flow.open:not(.opening):not(.closing), .assets .as-flow.open:not(.opening):not(.closing) *{ text-rendering:auto!important; -webkit-font-smoothing:auto!important; } /* v564: the top-level Send asset picker and Transfer page are deterministic bottom routes. Their transform is driven only by this CSS transition; the Web Animations path is disabled to prevent a jump in Android WebView. */ .assets .as-flow.bb-flow-vertical.bb-flow-enter{ visibility:visible!important; transform:translate3d(0,100%,0)!important; transition:none!important; will-change:transform!important; } .assets .as-flow.bb-flow-vertical.bb-flow-enter.bb-flow-enter-active{ visibility:visible!important; transform:translate3d(0,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; } .assets .as-flow.bb-flow-vertical.closing.closing{ visibility:visible!important; transform:translate3d(0,100%,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; will-change:transform!important; pointer-events:none!important; } /* v565: Select Method, Enter address and Confirm order are nested Send pages. They enter from the right and return to the right, exactly like History routes, while the already visible previous Send step remains underneath. */ .assets .as-flow.as-send-route-motion.bb-flow-enter{ visibility:visible!important; transform:translate3d(100%,0,0)!important; transition:none!important; will-change:transform!important; } .assets .as-flow.as-send-route-motion.bb-flow-enter.bb-flow-enter-active{ visibility:visible!important; transform:translate3d(0,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; } .assets .as-flow.as-send-route-motion.closing.closing{ visibility:visible!important; transform:translate3d(100%,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1)!important; will-change:transform!important; pointer-events:none!important; } /* v566: Withdraw Again uses the exact settled dimensions and typography of the Deposit page's Save and Share Address action. */ .assets .as-transaction-detail-page:not(.is-deposit) .as-transaction-detail-again{ position:absolute!important; left:22px!important; right:22px!important; bottom:calc(18px + env(safe-area-inset-bottom))!important; width:auto!important; height:44px!important; min-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:8px!important; background:var(--yellow)!important; color:#232445!important; display:flex; align-items:center; justify-content:center; font-family:'Plex',system-ui,sans-serif!important; font-size:15px!important; line-height:1.1!important; font-weight:500!important; } .assets .as-transaction-detail-page:not(.is-deposit) .as-transaction-detail-scroll{ padding-bottom:calc(84px + env(safe-area-inset-bottom))!important; } /* v568: Transfer's coin picker is visually aligned with the Trade lists. Rows are denser, while their icons and primary values are easier to scan. */ #asTransferCoinSelect .as-transfer-search{ margin:6px 16px 8px!important; height:46px!important; } #asTransferCoinSelect .as-transfer-coin-content{ padding:0 16px calc(28px + env(safe-area-inset-bottom))!important; } #asTransferCoinList .as-transfer-coin-option{ height:66px!important; min-height:66px!important; grid-template-columns:32px minmax(0,1fr) auto!important; column-gap:10px!important; padding:0 2px!important; } #asTransferCoinList .as-transfer-coin-icon{ width:32px!important; height:32px!important; min-width:32px!important; flex:0 0 32px!important; } #asTransferCoinList .as-transfer-coin-option-copy{ display:flex!important; flex-direction:column!important; justify-content:center!important; min-width:0!important; gap:2px!important; } #asTransferCoinList .as-transfer-coin-option-copy b{ display:block!important; color:#EAEEF3!important; font-size:20px!important; line-height:23px!important; font-weight:500!important; } #asTransferCoinList .as-transfer-coin-option-copy em{ display:block!important; margin:0!important; color:#959ca6!important; font-size:13px!important; line-height:16px!important; font-weight:400!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #asTransferCoinList .as-transfer-coin-balance{ min-width:94px!important; display:flex!important; flex-direction:column!important; align-items:flex-end!important; justify-content:center!important; gap:2px!important; } #asTransferCoinList .as-transfer-coin-balance b{ display:block!important; color:#EAEEF3!important; font-size:20px!important; line-height:23px!important; font-weight:500!important; } #asTransferCoinList .as-transfer-coin-balance em{ display:block!important; margin:0!important; color:#959ca6!important; font-size:13px!important; line-height:16px!important; font-weight:400!important; } /* The compact double-ended mark is one SVG glyph, matching the reference. */ #asTransferSwap .as-transfer-swap-icon{ width:28px!important; height:30px!important; } /* v569: keep the From/To account selector above the dynamically layered Transfer route. Four ledger-backed accounts stay selectable; unsupported products remain visible only as muted rows without an Open Account action. */ .assets #asTransferAccountBackdrop{ z-index:92!important; } .assets #asTransferAccountBackdrop.opening, .assets #asTransferAccountBackdrop.open, .assets #asTransferAccountBackdrop.closing{ visibility:visible!important; opacity:1!important; } .assets #asTransferAccountBackdrop.opening .as-transfer-account-sheet{ transform:translate3d(0,calc(100% + 24px),0)!important; transition:none!important; will-change:transform!important; } .assets #asTransferAccountBackdrop.open .as-transfer-account-sheet{ transform:translate3d(0,0,0)!important; transition:transform .42s cubic-bezier(.22,.72,0,1)!important; } .assets #asTransferAccountBackdrop.closing .as-transfer-account-sheet{ transform:translate3d(0,calc(100% + 24px),0)!important; transition:transform .42s cubic-bezier(.22,.72,0,1)!important; will-change:transform!important; } .assets #asTransferAccountBackdrop .as-transfer-account-sheet{ max-height:calc(100% - 24px)!important; } .assets #asTransferAccountBackdrop .as-transfer-account-choice[data-transfer-account], .assets #asTransferAccountBackdrop .as-transfer-account-choice.disabled{ display:flex!important; } .assets #asTransferAccountBackdrop .as-transfer-account-choice.disabled, .assets #asTransferAccountBackdrop .as-transfer-account-choice:disabled{ opacity:.38!important; color:#7f8995!important; border-color:#303945!important; background:#202832!important; cursor:default!important; pointer-events:none!important; filter:saturate(.25)!important; } .assets #asTransferAccountBackdrop .as-transfer-account-choice.disabled b, .assets #asTransferAccountBackdrop .as-transfer-account-choice:disabled b{ color:#8b949f!important; } .assets #asTransferAccountBackdrop .as-transfer-account-choice.disabled em, .assets #asTransferAccountBackdrop .as-transfer-account-choice:disabled em{ color:#6f7884!important; } .assets #asTransferAccountBackdrop .as-transfer-open-account, .assets #asTransferAccountBackdrop [data-open-account]{ display:none!important; } /* v574: show a completed transfer above the still-open Transfer route. The suggested product stays as reserved vertical space without content. */ .assets #asTransferSuccessBackdrop{ z-index:96!important; } .assets #asTransferSuccessBackdrop.opening, .assets #asTransferSuccessBackdrop.open, .assets #asTransferSuccessBackdrop.closing{ visibility:visible!important; opacity:1!important; } .assets #asTransferSuccessBackdrop .as-transfer-product{ visibility:hidden!important; } /* v575: Add Funds is a directional bottom sheet. Keep this hierarchy motion active on Windows/browser reduced-motion profiles because it communicates where Deposit Asset came from; nested asset routes remain horizontal. */ .assets .as-deposit-backdrop .as-deposit-sheet{ transform:translate3d(0,calc(100% + 24px),0)!important; transition:transform .36s cubic-bezier(.22,.72,0,1)!important; will-change:transform!important; } .assets .as-deposit-backdrop.open .as-deposit-sheet{ transform:translate3d(0,0,0)!important; } .assets .as-deposit-backdrop.closing .as-deposit-sheet{ transform:translate3d(0,calc(100% + 24px),0)!important; } @media(prefers-reduced-motion:reduce){ .assets .as-deposit-backdrop .as-deposit-sheet{ transition-duration:.36s!important; } } /* v620: Add Funds enters as one continuous surface. Fade the scrim while the sheet travels instead of switching the whole background on in one frame. */ .assets .as-deposit-backdrop{ opacity:0!important; visibility:hidden!important; background-color:rgba(9,13,20,0)!important; transition: opacity .32s cubic-bezier(.22,.72,0,1), background-color .32s ease, visibility 0s linear .44s!important; will-change:opacity,background-color!important; } .assets .as-deposit-backdrop:not(.open):not(.opening):not(.closing), .assets .as-deposit-backdrop.opening, .assets .as-deposit-backdrop.open, .assets .as-deposit-backdrop.closing{ transition: opacity .32s cubic-bezier(.22,.72,0,1), background-color .32s ease, visibility 0s linear .44s!important; } .assets .as-deposit-backdrop.opening, .assets .as-deposit-backdrop.open{ opacity:1!important; visibility:visible!important; background-color:rgba(9,13,20,.72)!important; transition-delay:0s!important; } .assets .as-deposit-backdrop.closing{ opacity:0!important; visibility:visible!important; background-color:rgba(9,13,20,0)!important; pointer-events:none!important; transition-delay:0s!important; } .assets .as-deposit-backdrop .as-deposit-sheet{ transform:translate3d(0,calc(100% + 24px),0)!important; transition:transform .44s cubic-bezier(.2,.78,0,1)!important; backface-visibility:hidden!important; will-change:transform!important; } .assets .as-deposit-backdrop.open .as-deposit-sheet{ transform:translate3d(0,0,0)!important; } .assets .as-deposit-backdrop.closing .as-deposit-sheet{ transform:translate3d(0,calc(100% + 24px),0)!important; } @media(prefers-reduced-motion:reduce){ .assets .as-deposit-backdrop, .assets .as-deposit-backdrop .as-deposit-sheet{ transition-duration:.32s,.32s,0s!important; } .assets .as-deposit-backdrop .as-deposit-sheet{ transition-duration:.44s!important; } } /* v577: refreshed Deposit layout with a network card and a unified QR/address card. */ .assets .as-deposit-page{ background:#15181f!important; } .assets .as-deposit-page .as-flow-head{ padding-left:14px!important; padding-right:14px!important; } .assets .as-deposit-page .as-flow-tools{ gap:16px!important; } .assets .as-deposit-page .as-deposit-tool-img{ width:23px!important; height:23px!important; filter:none!important; } .assets .as-deposit-page .as-deposit-scroll{ padding:10px 14px calc(108px + env(safe-area-inset-bottom))!important; } .assets .as-deposit-network-card, .assets .as-deposit-main-card{ box-sizing:border-box; background:#1f252e; border-radius:12px; } .assets .as-deposit-network-card{ min-height:80px; margin:0 0 12px; padding:15px 20px 14px; } .assets .as-deposit-network-card .as-info-label{ margin:0 0 8px!important; color:#959ca6!important; font-size:14px!important; line-height:18px!important; font-weight:300!important; } .assets .as-deposit-network-card .as-network-line{ min-height:25px; gap:12px; } .assets .as-deposit-network-card .as-network-value{ min-width:0; display:flex; align-items:baseline; gap:7px; } .assets .as-deposit-network-card .as-network-line b{ flex:0 0 auto; color:#f6fbff!important; font-size:16px!important; line-height:21px!important; font-weight:500!important; } .assets .as-deposit-network-card .as-network-line span:not(.as-network-chevron){ min-width:0; margin:0!important; overflow:hidden; color:#959ca6!important; font-size:13px!important; line-height:18px!important; font-weight:300!important; text-overflow:ellipsis; white-space:nowrap; } .assets .as-deposit-network-card .as-network-btn{ width:30px!important; height:30px!important; flex:0 0 30px!important; padding:0!important; border-radius:0!important; background:transparent!important; } .assets .as-network-chevron{ width:8px; height:8px; border-right:1.5px solid #959ca6; border-bottom:1.5px solid #959ca6; transform:rotate(-45deg); } .assets .as-deposit-main-card{ padding:20px 20px 0; } .assets .as-deposit-main-card .as-qr-card{ width:166px!important; height:166px!important; margin:0 auto 40px!important; border-radius:14px!important; } .assets .as-deposit-main-card .as-qr-img{ width:166px!important; height:166px!important; border-radius:14px!important; } .assets .as-deposit-main-card .as-qr-badge{ width:34px!important; height:34px!important; padding:4px!important; border-radius:9px!important; } .assets .as-deposit-main-card .as-qr-badge img, .assets .as-deposit-main-card .as-qr-mark{ width:26px!important; height:26px!important; } .assets .as-deposit-main-card .as-qr-mark{ font-size:14px!important; } .assets .as-deposit-main-card .as-deposit-address-info{ margin:0!important; padding:0 0 17px!important; } .assets .as-deposit-main-card .as-address-label{ margin:0 0 6px!important; color:#959ca6!important; font-size:14px!important; line-height:18px!important; font-weight:300!important; } .assets .as-deposit-main-card .as-address-line{ align-items:center; gap:12px; } .assets .as-deposit-main-card .as-address-text{ min-width:0; flex:1 1 auto; display:block!important; overflow:hidden!important; color:#eaeef3!important; font-size:var(--deposit-address-size,16px)!important; line-height:21px!important; font-weight:500!important; letter-spacing:0!important; white-space:nowrap!important; overflow-wrap:normal; word-break:normal; } .assets .as-deposit-main-card .as-address-edge, .assets .as-deposit-main-card .as-address-mid{ min-width:0; overflow:visible; color:inherit; font:inherit; text-overflow:clip; } .assets .as-deposit-main-card .as-address-edge{ color:var(--yellow)!important; font-weight:600!important; } .assets .as-deposit-main-card .as-copy-btn{ width:40px!important; height:40px!important; flex:0 0 40px!important; border-radius:50%!important; background:#2b313c!important; } .assets .as-deposit-main-card .as-copy-btn img{ width:22px!important; height:22px!important; opacity:.9!important; } .assets .as-deposit-main-card .as-address-note{ max-width:300px; margin:8px 0 0!important; color:#f0526c!important; font-size:14px!important; line-height:19px!important; font-weight:300!important; } .assets .as-deposit-main-card .as-deposit-details-content{ padding-top:18px; } .assets .as-deposit-main-card .as-deposit-more{ height:54px; margin:7px auto 0; font-size:14px; line-height:18px; } .assets .as-deposit-main-card .as-deposit-details.open + .as-deposit-more{ margin-top:5px; } .assets .as-deposit-page .as-share-address{ left:14px!important; right:14px!important; bottom:calc(18px + env(safe-area-inset-bottom))!important; height:44px!important; border-radius:9px!important; font-size:16px!important; font-weight:500!important; } @media(max-width:380px){ .assets .as-deposit-page .as-deposit-scroll{ padding-left:12px!important; padding-right:12px!important; } .assets .as-deposit-network-card{ padding-left:17px; padding-right:17px; } .assets .as-deposit-main-card{ padding-left:17px; padding-right:17px; } .assets .as-deposit-page .as-share-address{ left:12px!important; right:12px!important; } } /* v783: compact bottom confirmation after copying a deposit address. */ .assets .as-deposit-page .as-deposit-copy-notice{ position:absolute; z-index:24; left:50%; right:auto; bottom:calc(78px + env(safe-area-inset-bottom)); width:max-content; max-width:calc(100% - 32px); min-height:34px; padding:8px 13px; border-radius:9px; background:#171d28; color:#f5f7fa; box-shadow:0 5px 16px rgba(0,0,0,.28); display:inline-flex; align-items:center; justify-content:center; font-family:'Plex',system-ui,sans-serif; font-size:12px; line-height:18px; font-weight:500; white-space:nowrap; visibility:hidden; opacity:0; transform:translate3d(-50%,5px,0); pointer-events:none; transition:opacity .15s ease,transform .18s cubic-bezier(.22,.72,0,1),visibility 0s linear .18s; } .assets .as-deposit-page .as-deposit-copy-notice.show{ visibility:visible; opacity:1; transform:translate3d(-50%,0,0); transition:opacity .15s ease,transform .18s cubic-bezier(.22,.72,0,1),visibility 0s; } /* v755: Assets > Futures > Swap is a dedicated full-screen account route. */ .assets #asFuturesSwapPage{ --swap-bg:#1f2732; --swap-card:#293340; --swap-muted:#9aa2ad; --swap-text:#f4f7fa; --swap-yellow:#fcd434; background:var(--swap-bg)!important; font-family:'Plex',system-ui,sans-serif; overflow:hidden; } .assets #asFuturesSwapPage .as-futures-swap-head{ box-sizing:border-box; min-height:calc(72px + env(safe-area-inset-top)); padding:calc(18px + env(safe-area-inset-top)) 19px 18px; display:flex; align-items:center; justify-content:flex-start; background:var(--swap-bg); } .assets #asFuturesSwapPage .as-futures-swap-head h1{ position:absolute; left:62px; right:62px; margin:0; color:var(--swap-text); font:500 20px/34px 'Plex',system-ui,sans-serif; text-align:center; } .assets #asFuturesSwapPage .as-flow-back{ width:34px; height:34px; flex:0 0 34px; color:#e9edf2; } .assets #asFuturesSwapPage .as-futures-swap-scroll{ min-height:0; flex:1 1 auto; overflow-y:auto; box-sizing:border-box; padding:28px 20px calc(118px + env(safe-area-inset-bottom)); scrollbar-width:none; overscroll-behavior:contain; } .assets #asFuturesSwapPage .as-futures-swap-scroll::-webkit-scrollbar{display:none;} .as-futures-swap-route-card{ box-sizing:border-box; width:100%; padding:21px 20px 20px; border-radius:13px; background:var(--swap-card); } .as-futures-swap-route + .as-futures-swap-route{margin-top:22px;} .as-futures-swap-route-title{ min-height:26px; display:flex; align-items:center; gap:13px; color:var(--swap-text); } .as-futures-swap-route-title span{color:var(--swap-muted);font-size:16px;line-height:22px;font-weight:300;} .as-futures-swap-route-title b{font-size:19px;line-height:24px;font-weight:500;} .as-futures-swap-route-title > i, .as-futures-swap-coin > i{ width:8px; height:8px; margin-left:auto; border-top:2px solid #87909b; border-right:2px solid #87909b; transform:rotate(45deg); } .as-futures-swap-coin{ margin:8px 0 0 58px; min-height:25px; display:flex; align-items:center; gap:8px; color:var(--swap-muted); font-size:15px; line-height:20px; font-weight:300; } .as-futures-swap-coin > img, .as-futures-swap-usdc{ width:25px; height:25px; flex:0 0 25px; border-radius:50%; display:block; } .as-futures-swap-usdc{background:#2d82d6;color:#fff;} .as-futures-swap-usdc svg{width:100%;height:100%;display:block;} .as-futures-swap-usdc circle{fill:#2d82d6;stroke:#eef7ff;stroke-width:1.2;} .as-futures-swap-usdc path{fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;} .as-futures-swap-coin > i{margin-right:1px;width:7px;height:7px;border-width:1.5px;} .as-futures-swap-amount-section{margin-top:30px;} .as-futures-swap-amount-section > label{ display:block; margin-bottom:9px; color:var(--swap-muted); font-size:16px; line-height:22px; font-weight:300; } .as-futures-swap-amount-wrap{ box-sizing:border-box; width:100%; height:64px; padding:0 16px; border:1px solid transparent; border-radius:12px; background:var(--swap-card); display:flex; align-items:center; gap:14px; transition:border-color .2s ease; } .as-futures-swap-amount-wrap:focus-within{border-color:var(--swap-yellow);} .as-futures-swap-amount-wrap:has(input[aria-invalid="true"]){border-color:#f6465d;} .as-futures-swap-amount-wrap input{ min-width:0; height:100%; flex:1 1 auto; padding:0; border:0; outline:0; background:transparent; color:var(--swap-text); caret-color:var(--swap-yellow); font:400 22px/1 'Plex',system-ui,sans-serif; } .as-futures-swap-amount-wrap > span{margin-left:auto;color:var(--swap-text);font-size:18px;line-height:24px;font-weight:500;} .as-futures-swap-amount-wrap > button{ padding:0; border:0; background:transparent; color:var(--swap-yellow); font:500 18px/24px 'Plex',system-ui,sans-serif; cursor:pointer; } .as-futures-swap-amount-section > p{ margin:7px 0 0; color:var(--swap-muted); font-size:13px; line-height:18px; font-weight:300; } .as-futures-swap-amount-section > p + p{margin-top:1px;display:flex;align-items:center;} .as-futures-swap-info{ width:18px; height:18px; margin-left:4px; padding:0; border:1.3px solid #a2a9b2; border-radius:50%; background:transparent; color:#a2a9b2; font:500 11px/16px system-ui,sans-serif; } .as-futures-swap-summary{ margin:43px 0 0; padding:0; } .as-futures-swap-summary > div{ min-height:39px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(151,160,171,.18); } .as-futures-swap-summary > div:last-child{border-bottom:0;} .as-futures-swap-summary dt, .as-futures-swap-summary dd{margin:0;} .as-futures-swap-summary dt{color:var(--swap-muted);font-size:16px;line-height:22px;font-weight:300;} .as-futures-swap-summary dd{display:flex;align-items:center;gap:7px;color:var(--swap-text);font-size:16px;line-height:22px;font-weight:400;} .as-futures-swap-summary dd svg{width:22px;height:22px;fill:none;stroke:#dfe4ea;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} .as-futures-swap-note{ margin:31px -20px 0; padding:28px 20px 0; border-top:1px solid rgba(151,160,171,.14); color:var(--swap-muted); font-size:13px; line-height:18px; font-weight:300; } .as-futures-swap-note span{color:#aab1b9;} .as-futures-swap-footer{ position:absolute; z-index:2; left:0; right:0; bottom:0; box-sizing:border-box; padding:12px 20px calc(18px + env(safe-area-inset-bottom)); background:linear-gradient(to bottom,rgba(31,39,50,0),var(--swap-bg) 22%); } .as-futures-swap-footer button{ width:100%; height:52px; border:0; border-radius:10px; background:var(--swap-yellow); color:#202832; font:500 17px/22px 'Plex',system-ui,sans-serif; } .as-futures-swap-footer button:disabled{background:#70652c;color:#27291f;opacity:1;} /* The flow controller uses these states while the route is entering/leaving. */ .assets #asFuturesSwapPage.as-flow{ opacity:1; transform:translate3d(100%,0,0)!important; transition:transform .54s cubic-bezier(.18,.82,.16,1),visibility 0s .54s!important; } .assets #asFuturesSwapPage.as-flow.opening, .assets #asFuturesSwapPage.as-flow.open, .assets #asFuturesSwapPage.as-flow.closing{ visibility:visible!important; transition-delay:0s!important; } .assets #asFuturesSwapPage.as-flow.open, .assets #asFuturesSwapPage.as-flow.bb-flow-enter.bb-flow-enter-active{ opacity:1!important; transform:translate3d(0,0,0)!important; pointer-events:auto; } .assets #asFuturesSwapPage.as-flow.closing.closing{ opacity:1!important; transform:translate3d(100%,0,0)!important; pointer-events:none!important; } @media(max-width:380px){ .assets #asFuturesSwapPage .as-futures-swap-scroll{padding-left:15px;padding-right:15px;} .as-futures-swap-route-card{padding-left:17px;padding-right:17px;} .as-futures-swap-route-title b{font-size:17px;} .as-futures-swap-coin{margin-left:55px;} .as-futures-swap-note{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;} .as-futures-swap-footer{padding-left:15px;padding-right:15px;} } /* v739: Choose Network is a full-screen Send route, not a nested bottom sheet. */ #asSendPage.network-page-open{ overflow:hidden!important; } #asSendPage.network-page-open > .as-send-head, #asSendPage.network-page-open > .as-send-stage, #asSendPage.network-page-open > .as-send-loading{ visibility:hidden!important; pointer-events:none!important; } #asSendPage > .as-network-menu{ position:absolute!important; inset:0!important; z-index:20!important; width:100%!important; height:100%!important; max-height:none!important; box-sizing:border-box!important; overflow-x:hidden!important; overflow-y:auto!important; padding:0 20px calc(24px + env(safe-area-inset-bottom))!important; border:0!important; border-radius:0!important; background:var(--send-page,#1f2630)!important; box-shadow:none!important; opacity:1!important; visibility:hidden!important; pointer-events:none!important; transform:translate3d(100%,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1),visibility 0s linear .46s!important; } #asSendPage > .as-network-menu.open{ visibility:visible!important; pointer-events:auto!important; transform:translate3d(0,0,0)!important; transition:transform .46s cubic-bezier(.22,.72,0,1),visibility 0s!important; } #asSendPage > .as-network-menu::before{ content:none!important; display:none!important; } #asSendPage .as-network-page-head{ position:sticky!important; top:0!important; z-index:3!important; width:100%!important; height:calc(72px + env(safe-area-inset-top))!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:36px minmax(0,1fr) 36px!important; align-items:center!important; gap:8px!important; margin:0 0 4px!important; padding:calc(14px + env(safe-area-inset-top)) 0 10px!important; background:var(--send-page,#1f2630)!important; } #asSendPage .as-network-page-head h3{ margin:0!important; color:#f6fbff!important; font:600 20px/26px 'Plex',system-ui,sans-serif!important; text-align:center!important; } #asSendPage .as-network-page-head > button{ width:36px!important; height:36px!important; min-height:36px!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; background:transparent!important; color:#eaeef3!important; display:flex!important; align-items:center!important; justify-content:center!important; cursor:pointer!important; } #asSendPage .as-network-page-head > button svg{ width:25px!important; height:25px!important; display:block!important; } #asSendPage .as-network-page-head > button svg *{ stroke:currentColor!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; } #asSendPage > .as-network-menu > .as-network-option{ position:relative!important; width:100%!important; min-height:132px!important; margin:0 0 16px!important; padding-top:17px!important; padding-right:16px!important; padding-bottom:16px!important; border:0!important; border-radius:12px!important; background:#29323f!important; } #asSendPage > .as-network-menu > .as-network-option small{ margin-top:8px!important; padding-top:0!important; border-top:0!important; color:#9ba3ae!important; font-size:14px!important; line-height:28px!important; } @media(max-width:380px){ #asSendPage > .as-network-menu{ padding-left:14px!important; padding-right:14px!important; } #asSendPage > .as-network-menu > .as-network-option{ min-height:124px!important; margin-bottom:14px!important; } #asSendPage > .as-network-menu > .as-network-option small{ font-size:13px!important; line-height:25px!important; } } /* Full-screen deposit steps match the original flow and do not show the app dock. */ body:has(.assets #asDepositNetworkPage.open) .nav, body:has(.assets #asDepositNetworkPage.opening) .nav, body:has(.assets #asDepositNetworkPage.closing) .nav, body:has(.assets #asDepositPage.open) .nav, body:has(.assets #asDepositPage.opening) .nav, body:has(.assets #asDepositPage.closing) .nav{ display:none!important; } /* v715: Deposit asset selection now leads to a dedicated network picker. */ .assets .as-deposit-network-page{ background:#1d2631!important; } .assets .as-deposit-network-page .as-deposit-network-head{ min-height:62px; padding-left:18px!important; padding-right:18px!important; } .assets .as-deposit-network-page .as-flow-title{ font-size:18px!important; line-height:24px!important; font-weight:500!important; } .assets .as-deposit-network-scroll{ min-height:0; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:18px 20px calc(112px + env(safe-area-inset-bottom)); } .assets .as-deposit-network-scroll::-webkit-scrollbar{display:none;} .assets .as-deposit-network-note{ max-width:390px; margin:0 0 20px; color:#9aa3ae; font-size:14px; line-height:20px; font-weight:300; } .assets .as-deposit-network-list{ display:grid; gap:14px; } .assets .as-deposit-network-option{ position:relative; width:100%; min-height:126px; box-sizing:border-box; margin:0; padding:20px 42px 18px 68px; border:0; border-radius:13px; background:#27313d; color:#f6fbff; display:flex; align-items:flex-start; text-align:left; font-family:'Plex',system-ui,sans-serif; cursor:pointer; -webkit-tap-highlight-color:transparent; } .assets .as-deposit-network-option:active{ background:#2c3744; } .assets .as-deposit-network-option:focus-visible{ outline:2px solid var(--yellow); outline-offset:2px; } .assets .as-deposit-network-option .as-network-option-logo{ left:18px!important; top:20px!important; width:32px!important; height:32px!important; } .assets .as-deposit-network-option-copy{ min-width:0; display:flex; flex-direction:column; } .assets .as-deposit-network-option-title{ min-width:0; display:flex; align-items:baseline; gap:6px; margin:0 0 8px; white-space:nowrap; } .assets .as-deposit-network-option-title b{ color:#f6fbff; font-size:18px; line-height:23px; font-weight:500; } .assets .as-deposit-network-option-title em{ min-width:0; overflow:hidden; color:#9aa3ae; font-size:15px; line-height:21px; font-style:normal; font-weight:300; text-overflow:ellipsis; white-space:nowrap; } .assets .as-deposit-network-option-copy small{ color:#9aa3ae; font-size:15px; line-height:22px; font-weight:300; white-space:nowrap; } .assets .as-deposit-network-option-chevron{ position:absolute; top:50%; right:20px; width:8px; height:8px; border-right:1.5px solid #87919d; border-bottom:1.5px solid #87919d; transform:translateY(-50%) rotate(-45deg); } .assets #asDepositNetworkChange{ cursor:pointer; -webkit-tap-highlight-color:transparent; } .assets #asDepositNetworkChange:focus-visible{ outline:2px solid var(--yellow); outline-offset:2px; } .assets .as-deposit-main-card .as-address-note{ display:block!important; visibility:visible!important; opacity:1!important; color:#f0526c!important; white-space:normal!important; } @media(max-width:380px){ .assets .as-deposit-network-scroll{padding-left:16px;padding-right:16px;} .assets .as-deposit-network-option{min-height:120px;padding-left:64px;padding-right:36px;} .assets .as-deposit-network-option .as-network-option-logo{left:16px!important;} .assets .as-deposit-network-option-chevron{right:16px;} } /* v625: reference-sized responsive Repeat sheet. */ #asSendPage .as-send-repeat-backdrop{ transition:background .42s cubic-bezier(.22,.78,.18,1)!important; } #asSendPage #asSendRepeatSheet{ width:100%!important; height:auto!important; min-height:0!important; max-height:min(490px,calc(100% - 84px))!important; aspect-ratio:590 / 495!important; padding:8px clamp(14px,3.4vw,20px) calc(14px + env(safe-area-inset-bottom))!important; border-radius:16px 16px 0 0!important; transform:translate3d(0,100%,0); transition:transform .42s cubic-bezier(.22,.78,.18,1)!important; } #asSendPage .as-send-repeat-handle{ width:42px!important; height:4px!important; flex:0 0 4px!important; margin:0 auto clamp(10px,3.8vw,24px)!important; } #asSendPage #asSendRepeatTitle{ margin:0 0 8px!important; color:#f6fbff!important; font:500 clamp(15px,3.4vw,20px)/1.3 'Plex',system-ui,sans-serif!important; text-align:left!important; } #asSendPage .as-send-repeat-list{ min-height:0!important; flex:1 1 auto!important; display:flex!important; flex-direction:column!important; } #asSendPage .as-send-repeat-option{ box-sizing:border-box!important; width:100%!important; height:auto!important; min-height:0!important; flex:1 1 0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; color:#f6fbff!important; text-align:left!important; font-family:'Plex',system-ui,sans-serif!important; font-size:clamp(14px,3.05vw,18px)!important; line-height:1.35!important; } #asSendPage .as-send-repeat-option > span:first-child{ display:flex!important; align-items:center!important; min-width:0!important; height:100%!important; text-align:left!important; } #asSendPage .as-send-repeat-check{ width:22px!important; height:24px!important; flex:0 0 22px!important; display:flex!important; align-items:center!important; justify-content:center!important; color:#eaeef3!important; text-align:center!important; font:600 clamp(18px,3.8vw,22px)/1 'Plex',system-ui,sans-serif!important; } /* v626: interactive Repeat and Caution controls. */ #asSendPage .as-send-frequency, #asSendPage .as-caution-toggle{ position:relative!important; z-index:4!important; pointer-events:auto!important; touch-action:manipulation!important; } #asSendPage .as-caution-toggle{ width:max-content!important; min-width:104px!important; min-height:40px!important; justify-content:flex-start!important; } #asSendPage .as-contract-note{ box-sizing:border-box!important; display:block!important; max-height:0!important; margin:0!important; overflow:hidden!important; color:#F6FBFF!important; opacity:0; visibility:hidden; transform:translateY(-4px); font:500 14px/19px 'Plex',system-ui,sans-serif!important; transition:max-height .28s cubic-bezier(.22,.78,.18,1),opacity .22s ease,transform .28s cubic-bezier(.22,.78,.18,1),visibility 0s linear .28s; } #asSendPage .as-contract-note.show{ max-height:48px!important; opacity:1; visibility:visible; transform:translateY(0); transition:max-height .28s cubic-bezier(.22,.78,.18,1),opacity .22s ease,transform .28s cubic-bezier(.22,.78,.18,1),visibility 0s; } /* v631: Assets > Add Funds uses the current full-screen funding routes. */ #asAddFundsMethodPage, #asFiatDepositMethodPage{ background:#1b222c!important; font-family:'Plex',system-ui,sans-serif!important; } #asAddFundsMethodPage .as-add-method-head{ box-sizing:border-box; min-height:calc(68px + env(safe-area-inset-top)); padding:calc(17px + env(safe-area-inset-top)) 15px 17px; } #asAddFundsMethodPage .as-flow-title{ left:58px; right:58px; font-size:19px; line-height:23px; font-weight:500; } #asAddFundsMethodPage .as-flow-back:focus, #asAssetSelect .as-flow-back:focus, #asFiatDepositMethodPage .as-flow-back:focus{outline:none;} .as-add-method-scroll{ min-height:0; flex:1; overflow-y:auto; padding:25px 15px calc(42px + env(safe-area-inset-bottom)); scrollbar-width:none; -webkit-overflow-scrolling:touch; } .as-add-method-scroll::-webkit-scrollbar{display:none;} .as-add-method-group{margin:0 0 45px;} .as-add-method-group h2{ margin:0 4px 20px; color:#959ca6; font:400 16px/21px 'Plex',system-ui,sans-serif; } .as-add-method-card{ box-sizing:border-box; width:100%; min-height:106px; margin:0 0 14px; padding:15px 17px; border:0; border-radius:12px; background:#222a35; color:#f4f7fa; display:grid; grid-template-columns:54px minmax(0,1fr); align-items:center; gap:15px; text-align:left; font-family:'Plex',system-ui,sans-serif; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; transition:background-color .18s ease,transform .18s cubic-bezier(.22,.72,0,1); } .as-add-method-card:active{background:#2a3441;transform:scale(.992);} .as-add-method-icon, .as-add-method-icon img{ display:block; width:50px; height:50px; object-fit:contain; } .as-add-method-card > span:last-child{min-width:0;} .as-add-method-card b{ display:block; color:#f6fbff; font-size:17px; line-height:22px; font-weight:500; } .as-add-method-card em{ display:block; margin-top:5px; color:#8f98a5; font-size:13px; line-height:17px; font-style:normal; font-weight:300; } .as-add-method-toast, .as-fiat-deposit-toast{ position:absolute; left:50%; bottom:calc(26px + env(safe-area-inset-bottom)); z-index:8; max-width:calc(100% - 32px); padding:10px 14px; border-radius:9px; background:#515d6f; color:#f7fafc; text-align:center; white-space:nowrap; font:400 13px/18px 'Plex',system-ui,sans-serif; opacity:0; transform:translate(-50%,8px); transition:opacity .18s ease,transform .18s ease; } .as-add-method-toast.show, .as-fiat-deposit-toast.show{opacity:1;transform:translate(-50%,0);} /* Select Asset: Last Used card followed by the searchable Trending/index list. */ #asAssetSelect .as-flow-head{ box-sizing:border-box; min-height:calc(67px + env(safe-area-inset-top)); padding:calc(16px + env(safe-area-inset-top)) 15px 17px; } #asAssetSelect .as-flow-search{ box-sizing:border-box; height:44px; margin:4px 16px 22px; border-radius:9px; background:#27313f; } #asAssetSelect .as-flow-content.as-picker-enhanced{ padding:0 35px calc(44px + env(safe-area-inset-bottom)) 16px!important; } .as-add-asset-last-used{margin:0 0 28px;} .as-add-asset-last-used h3{ margin:0 0 16px; color:#f6fbff; font:500 17px/22px 'Plex',system-ui,sans-serif; } .as-last-used-fiat{ box-sizing:border-box; width:100%; min-height:92px; padding:12px 16px; border:0; border-radius:11px; background:#222a35; color:#f6fbff; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:13px; align-items:center; text-align:left; font-family:'Plex',system-ui,sans-serif; cursor:pointer; } .as-last-used-fiat-icon, .as-fiat-deposit-icon{ display:grid!important; place-items:center!important; width:34px!important; height:34px!important; border-radius:50%!important; background:var(--fiat-row-color,#f0b90b)!important; color:#101318!important; font-size:20px!important; line-height:1!important; font-weight:600!important; } .as-last-used-fiat-icon{background:#f0b90b!important;} .as-last-used-fiat b, .as-last-used-fiat em{display:block;} .as-last-used-fiat b{font-size:18px;line-height:22px;font-weight:500;} .as-last-used-fiat em{margin-top:4px;color:#959ca6;font-size:13px;line-height:17px;font-style:normal;font-weight:300;} .as-last-used-deposit{ min-width:78px; height:36px; padding:0 14px; border-radius:6px; background:#2d3643; color:#f6fbff; display:flex; align-items:center; justify-content:center; font-size:14px; line-height:36px; } #asAssetSelect .as-flow-section.as-picker-heading{ margin:0 0 10px; color:#f6fbff; font-size:17px; line-height:22px; font-weight:500; } #asAssetSelect .as-picker-trending{margin-bottom:24px;} #asAssetSelect .as-asset-row{height:61px;gap:12px;} #asAssetSelect .as-asset-row b{font-size:17px;line-height:21px;} #asAssetSelect .as-asset-row em{margin-top:3px;font-size:13px;line-height:17px;} #asAssetSelect .as-fiat-deposit-row b{display:flex;align-items:center;gap:7px;} #asAssetSelect .as-fiat-deposit-row b small{ display:inline-flex; align-items:center; height:18px; padding:0 5px; border-radius:3px; background:#3a3823; color:#d2b83f; font-size:10px; line-height:18px; font-weight:400; } #asAssetSelect .as-alpha-index{top:305px;right:2px;bottom:18px;width:22px;} #asAssetSelect .as-alpha-index button{width:20px;height:15px;min-height:15px;font-size:10px;line-height:15px;} /* Fiat funding methods. */ #asFiatDepositMethodPage{padding-bottom:0;} .as-fiat-deposit-head{ box-sizing:border-box; min-height:calc(74px + env(safe-area-inset-top)); padding:calc(19px + env(safe-area-inset-top)) 15px 17px; display:flex; align-items:center; justify-content:space-between; } .as-fiat-more{ width:40px; height:36px; padding:0; border:0; background:transparent; display:flex; align-items:center; justify-content:center; gap:4px; cursor:pointer; } .as-fiat-more span{width:4px;height:4px;border-radius:50%;background:#dce2e8;} .as-fiat-deposit-scroll{ min-height:0; flex:1; overflow-y:auto; padding:15px 16px calc(102px + env(safe-area-inset-bottom)); scrollbar-width:none; -webkit-overflow-scrolling:touch; } .as-fiat-deposit-scroll::-webkit-scrollbar{display:none;} .as-fiat-mode-tabs{ box-sizing:border-box; width:max-content; height:47px; margin:0 0 35px; padding:4px; border:1px solid #394451; border-radius:24px; display:flex; align-items:center; } .as-fiat-mode-tabs button{ height:37px; min-width:107px; padding:0 18px; border:0; border-radius:19px; background:transparent; color:#f1f4f7; font:400 16px/37px 'Plex',system-ui,sans-serif; cursor:pointer; } .as-fiat-mode-tabs button.active{background:#edf0f4;color:#202731;} .as-fiat-deposit-scroll > h1{ margin:0 0 28px; color:#f6fbff; font:500 23px/29px 'Plex',system-ui,sans-serif; } .as-fiat-currency-tabs{ display:flex; align-items:center; gap:10px; margin:0 0 28px; overflow-x:auto; scrollbar-width:none; } .as-fiat-currency-tabs::-webkit-scrollbar{display:none;} .as-fiat-currency-tabs button{ box-sizing:border-box; min-width:max-content; height:45px; padding:0 10px; border:0; border-radius:8px; background:transparent; color:#9099a6; display:flex; align-items:center; gap:7px; font:400 16px/45px 'Plex',system-ui,sans-serif; cursor:pointer; } .as-fiat-currency-tabs button.active{background:#28313d;color:#f5f8fb;} .as-fiat-tab-icon{ width:21px; height:21px; border-radius:50%; display:grid; place-items:center; color:#14171c; font-size:13px; line-height:1; font-weight:600; } .as-fiat-tab-icon.uah,.as-fiat-tab-icon.eur{background:#2d83e8;color:#efc52e;} .as-fiat-tab-icon.usd{background:#f0b90b;color:#15181d;} .as-fiat-tab-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;} .as-fiat-deposit-options h2{ margin:0 0 13px; color:#959ca6; font:400 16px/21px 'Plex',system-ui,sans-serif; } .as-fiat-deposit-options h2:not(:first-child){margin-top:27px;} .as-fiat-method-card{ box-sizing:border-box; width:100%; min-height:155px; margin:0 0 14px; padding:20px 20px 18px; border:1px solid #3b4653; border-radius:13px; background:transparent; color:#f4f7fa; display:block; text-align:left; font-family:'Plex',system-ui,sans-serif; cursor:pointer; transition:border-color .18s ease,background-color .18s ease,transform .18s ease; } .as-fiat-method-card.active{border:2px solid #e5e9ef;padding:19px 19px 17px;} .as-fiat-method-card:active{transform:scale(.994);background:#202833;} .as-fiat-method-title{display:flex;align-items:center;gap:12px;min-width:0;} .as-fiat-method-title b{min-width:0;font-size:18px;line-height:23px;font-weight:500;} .as-apple-pay-mark, .as-fiat-line-icon{ width:28px; height:28px; flex:0 0 28px; display:flex; align-items:center; justify-content:center; color:#f6fbff; } .as-apple-pay-mark{ box-sizing:border-box; width:28px; height:20px; border:1px solid #f6fbff; border-radius:3px; font-family:system-ui,sans-serif; font-size:9px; line-height:18px; font-weight:600; letter-spacing:0; } .as-fiat-line-icon svg{display:block;width:27px;height:27px;} .as-fiat-method-provider{display:block;margin:13px 0 0 40px;color:#d6dbe1;font-size:14px;line-height:18px;font-weight:300;} .as-fiat-method-tags{display:flex;align-items:center;gap:10px;margin:15px 0 0 40px;} .as-fiat-method-tags small{height:26px;padding:0 8px;border-radius:5px;background:#28313c;color:#f1f4f7;font-size:13px;line-height:26px;font-weight:400;} .as-fiat-withdraw-note{ box-sizing:border-box; min-height:116px; padding:24px 20px; border-radius:12px; background:#222a35; } .as-fiat-withdraw-note strong,.as-fiat-withdraw-note span{display:block;} .as-fiat-withdraw-note strong{font-size:17px;line-height:22px;font-weight:500;} .as-fiat-withdraw-note span{margin-top:8px;color:#959ca6;font-size:13px;line-height:18px;} .as-fiat-continue{ position:absolute; left:16px; right:16px; bottom:calc(18px + env(safe-area-inset-bottom)); height:55px; border:0; border-radius:9px; background:#fcd535; color:#25242a; font:500 17px/55px 'Plex',system-ui,sans-serif; cursor:pointer; box-shadow:0 -12px 26px #1b222c; } .as-fiat-continue:disabled{background:#4a4b3f;color:#8e8b72;cursor:default;} @media(max-width:380px){ .as-add-method-scroll{padding:20px 12px calc(32px + env(safe-area-inset-bottom));} .as-add-method-group{margin-bottom:32px;} .as-add-method-card{min-height:92px;padding:12px 13px;grid-template-columns:46px minmax(0,1fr);gap:12px;} .as-add-method-icon,.as-add-method-icon img{width:43px;height:43px;} .as-add-method-card b{font-size:16px;line-height:20px;} .as-add-method-card em{font-size:12px;line-height:15px;} #asAssetSelect .as-flow-content.as-picker-enhanced{padding-left:12px!important;} .as-last-used-fiat{padding-left:12px;padding-right:12px;} .as-fiat-deposit-scroll{padding-left:14px;padding-right:14px;} .as-fiat-mode-tabs{margin-bottom:29px;} .as-fiat-mode-tabs button{min-width:96px;} .as-fiat-deposit-scroll > h1{font-size:21px;line-height:27px;margin-bottom:22px;} .as-fiat-currency-tabs{gap:5px;} .as-fiat-currency-tabs button{padding:0 8px;font-size:15px;} .as-fiat-method-card{padding-left:16px;padding-right:16px;} .as-fiat-method-card.active{padding-left:15px;padding-right:15px;} } /* v644: smooth directional paging for Assets accounts and asset filters. */ .assets .as-account-pages{ position:relative; width:100%; min-width:0; } .assets .as-account-pages.bb-assets-account-switching{ overflow:hidden; pointer-events:none; } .assets .as-account-pages > .as-page[aria-hidden="true"], .assets .as-account-pages > .as-page[inert]{ pointer-events:none!important; } .assets .as-account-pages > .as-page.bb-assets-page-out-forward, .assets .as-account-pages > .as-page.bb-assets-page-out-backward{ position:absolute; z-index:1; top:0; left:0; width:100%; display:block!important; backface-visibility:hidden; will-change:transform,opacity; } .assets .as-account-pages > .as-page.bb-assets-page-in-forward, .assets .as-account-pages > .as-page.bb-assets-page-in-backward{ position:relative; z-index:2; display:block!important; backface-visibility:hidden; will-change:transform,opacity; } .assets .bb-assets-page-in-forward{animation:bbAssetsPageInForward .46s cubic-bezier(.22,.72,.18,1) both;} .assets .bb-assets-page-out-forward{animation:bbAssetsPageOutForward .46s cubic-bezier(.22,.72,.18,1) both;} .assets .bb-assets-page-in-backward{animation:bbAssetsPageInBackward .46s cubic-bezier(.22,.72,.18,1) both;} .assets .bb-assets-page-out-backward{animation:bbAssetsPageOutBackward .46s cubic-bezier(.22,.72,.18,1) both;} @keyframes bbAssetsPageInForward{ from{opacity:1;transform:translate3d(42px,0,0);} to{opacity:1;transform:translate3d(0,0,0);} } @keyframes bbAssetsPageOutForward{ from{opacity:1;transform:translate3d(0,0,0);} to{opacity:1;transform:translate3d(-28px,0,0);} } @keyframes bbAssetsPageInBackward{ from{opacity:1;transform:translate3d(-42px,0,0);} to{opacity:1;transform:translate3d(0,0,0);} } @keyframes bbAssetsPageOutBackward{ from{opacity:1;transform:translate3d(0,0,0);} to{opacity:1;transform:translate3d(28px,0,0);} } /* v751: iOS-safe account switching. Never layer or expose account pages on touch layouts. */ @media(max-width:768px), (hover:none) and (pointer:coarse){ .assets .as-account-pages.bb-assets-account-switching{ overflow:visible; pointer-events:none; } .assets .as-account-pages > .as-page.bb-assets-page-out-forward, .assets .as-account-pages > .as-page.bb-assets-page-out-backward{ display:none!important; } .assets .as-account-pages > .as-page.bb-assets-page-in-forward, .assets .as-account-pages > .as-page.bb-assets-page-in-backward{ position:relative!important; display:block!important; opacity:1!important; transform:none!important; animation:none!important; will-change:auto!important; } } .assets .as-overview-filter-pages, .assets .as-spot-filter-pages{ position:relative; width:100%; min-width:0; overflow:hidden; transition:height .46s cubic-bezier(.22,.72,.18,1); } .assets .as-overview-filter-page, .assets .as-spot-filter-page{ position:relative; width:100%; min-width:0; } .assets .bb-assets-filter-switching > .bb-assets-filter-outgoing{ position:absolute; z-index:1; top:0; left:0; width:100%; pointer-events:none; backface-visibility:hidden; will-change:transform,opacity; } .assets .bb-assets-filter-switching > .as-overview-filter-page:not(.bb-assets-filter-outgoing), .assets .bb-assets-filter-switching > .as-spot-filter-page:not(.bb-assets-filter-outgoing){ z-index:2; backface-visibility:hidden; will-change:transform,opacity; } .assets .bb-assets-filter-in-forward{animation:bbAssetsFilterInForward .46s cubic-bezier(.22,.72,.18,1) both;} .assets .bb-assets-filter-out-forward{animation:bbAssetsFilterOutForward .46s cubic-bezier(.22,.72,.18,1) both;} .assets .bb-assets-filter-in-backward{animation:bbAssetsFilterInBackward .46s cubic-bezier(.22,.72,.18,1) both;} .assets .bb-assets-filter-out-backward{animation:bbAssetsFilterOutBackward .46s cubic-bezier(.22,.72,.18,1) both;} @keyframes bbAssetsFilterInForward{ from{opacity:1;transform:translate3d(30px,0,0);} to{opacity:1;transform:translate3d(0,0,0);} } @keyframes bbAssetsFilterOutForward{ from{opacity:1;transform:translate3d(0,0,0);} to{opacity:1;transform:translate3d(-22px,0,0);} } @keyframes bbAssetsFilterInBackward{ from{opacity:1;transform:translate3d(-30px,0,0);} to{opacity:1;transform:translate3d(0,0,0);} } @keyframes bbAssetsFilterOutBackward{ from{opacity:1;transform:translate3d(0,0,0);} to{opacity:1;transform:translate3d(22px,0,0);} } @media(prefers-reduced-motion:reduce){ .assets .bb-assets-page-in-forward, .assets .bb-assets-page-out-forward, .assets .bb-assets-page-in-backward, .assets .bb-assets-page-out-backward, .assets .bb-assets-filter-in-forward, .assets .bb-assets-filter-out-forward, .assets .bb-assets-filter-in-backward, .assets .bb-assets-filter-out-backward{animation:none!important;} .assets .as-overview-filter-pages, .assets .as-spot-filter-pages{transition:none!important;} } /* v645: Add Funds uses a paired page transition instead of an abrupt cover. */ .assets .as-deposit-backdrop, .assets .as-deposit-backdrop:not(.open):not(.opening):not(.closing), .assets .as-deposit-backdrop.opening, .assets .as-deposit-backdrop.open, .assets .as-deposit-backdrop.closing{ transition: opacity .42s cubic-bezier(.18,.82,.16,1), background-color .42s ease, visibility 0s linear .56s!important; } .assets .as-deposit-backdrop .as-deposit-sheet{ opacity:1; transition:transform .52s cubic-bezier(.18,.82,.16,1)!important; } .assets .as-deposit-backdrop.open.bb-assets-route-underlay .as-deposit-sheet{ opacity:1; transform:translate3d(0,0,0)!important; } .assets #asAddFundsMethodPage.as-flow.open, .assets #asAssetSelect.as-flow.open, .assets #asFiatDepositMethodPage.as-flow.open, .assets #asDepositNetworkPage.as-flow.open, .assets #asDepositPage.as-flow.open{ opacity:1!important; transform:translate3d(0,0,0)!important; transition:transform .54s cubic-bezier(.18,.82,.16,1)!important; } .assets #asAddFundsMethodPage.as-flow.open.bb-assets-route-underlay, .assets #asAssetSelect.as-flow.open.bb-assets-route-underlay, .assets #asFiatDepositMethodPage.as-flow.open.bb-assets-route-underlay, .assets #asDepositNetworkPage.as-flow.open.bb-assets-route-underlay, .assets #asDepositPage.as-flow.open.bb-assets-route-underlay{ opacity:1!important; transform:translate3d(0,0,0)!important; pointer-events:none!important; } .assets #asAddFundsMethodPage.as-flow.bb-flow-enter, .assets #asAssetSelect.as-flow.bb-flow-enter, .assets #asFiatDepositMethodPage.as-flow.bb-flow-enter, .assets #asDepositNetworkPage.as-flow.bb-flow-enter, .assets #asDepositPage.as-flow.bb-flow-enter{ opacity:1!important; transform:translate3d(100%,0,0)!important; transition:none!important; } .assets #asAddFundsMethodPage.as-flow.bb-flow-enter.bb-flow-enter-active, .assets #asAssetSelect.as-flow.bb-flow-enter.bb-flow-enter-active, .assets #asFiatDepositMethodPage.as-flow.bb-flow-enter.bb-flow-enter-active, .assets #asDepositNetworkPage.as-flow.bb-flow-enter.bb-flow-enter-active, .assets #asDepositPage.as-flow.bb-flow-enter.bb-flow-enter-active{ opacity:1!important; transform:translate3d(0,0,0)!important; transition:transform .54s cubic-bezier(.18,.82,.16,1)!important; } .assets #asAddFundsMethodPage.as-flow.closing.closing, .assets #asAssetSelect.as-flow.closing.closing, .assets #asFiatDepositMethodPage.as-flow.closing.closing, .assets #asDepositNetworkPage.as-flow.closing.closing, .assets #asDepositPage.as-flow.closing.closing{ opacity:1!important; transform:translate3d(100%,0,0)!important; transition:transform .54s cubic-bezier(.18,.82,.16,1)!important; } @media(prefers-reduced-motion:reduce){ .assets .as-deposit-backdrop .as-deposit-sheet{transition-duration:.01ms!important;} .assets #asAddFundsMethodPage.as-flow.open, .assets #asAssetSelect.as-flow.open, .assets #asFiatDepositMethodPage.as-flow.open, .assets #asDepositNetworkPage.as-flow.open, .assets #asDepositPage.as-flow.open, .assets #asAddFundsMethodPage.as-flow.bb-flow-enter.bb-flow-enter-active, .assets #asAssetSelect.as-flow.bb-flow-enter.bb-flow-enter-active, .assets #asFiatDepositMethodPage.as-flow.bb-flow-enter.bb-flow-enter-active, .assets #asDepositNetworkPage.as-flow.bb-flow-enter.bb-flow-enter-active, .assets #asDepositPage.as-flow.bb-flow-enter.bb-flow-enter-active, .assets #asAddFundsMethodPage.as-flow.closing.closing, .assets #asAssetSelect.as-flow.closing.closing, .assets #asFiatDepositMethodPage.as-flow.closing.closing, .assets #asDepositNetworkPage.as-flow.closing.closing, .assets #asDepositPage.as-flow.closing.closing{transition-duration:.01ms!important;} } /* v677: compact Deposit card typography and reference-like text wrapping. */ .assets .as-deposit-page .as-deposit-scroll{ padding-left:16px!important; padding-right:16px!important; } .assets .as-deposit-network-card{ min-height:74px; margin-bottom:10px; padding:13px 18px 12px; border-radius:11px; } .assets .as-deposit-network-card .as-info-label{ margin-bottom:6px!important; font-size:12px!important; line-height:16px!important; } .assets .as-deposit-network-card .as-network-line b{ font-size:15px!important; line-height:19px!important; } .assets .as-deposit-network-card .as-network-line span:not(.as-network-chevron){ font-size:12px!important; line-height:16px!important; } .assets .as-deposit-main-card{ padding:18px 18px 0; border-radius:11px; } .assets .as-deposit-main-card .as-qr-card, .assets .as-deposit-main-card .as-qr-img{ width:158px!important; height:158px!important; border-radius:12px!important; } .assets .as-deposit-main-card .as-qr-card{ margin-bottom:31px!important; } .assets .as-deposit-main-card .as-qr-badge{ width:32px!important; height:32px!important; padding:4px!important; border-radius:8px!important; } .assets .as-deposit-main-card .as-qr-badge img, .assets .as-deposit-main-card .as-qr-mark{ width:24px!important; height:24px!important; } .assets .as-deposit-main-card .as-address-label{ margin-bottom:5px!important; font-size:12px!important; line-height:16px!important; } .assets .as-deposit-main-card .as-address-line{ gap:9px; } .assets .as-deposit-main-card .as-address-text{ width:auto!important; max-width:none!important; flex:1 1 0%!important; font-size:var(--deposit-address-size,16px)!important; line-height:21px!important; } .assets .as-deposit-main-card .as-copy-btn{ width:36px!important; height:36px!important; flex-basis:36px!important; } .assets .as-deposit-main-card .as-copy-btn img{ width:19px!important; height:19px!important; } .assets .as-deposit-main-card .as-address-note{ max-width:300px; margin-top:6px!important; font-size:11px!important; line-height:15px!important; } .assets .as-deposit-main-card .as-deposit-address-info{ padding-bottom:13px!important; } .assets .as-deposit-main-card .as-deposit-more{ height:47px; margin-top:5px; font-size:12px; line-height:16px; } @media(max-width:380px){ .assets .as-deposit-page .as-deposit-scroll{ padding-left:14px!important; padding-right:14px!important; } .assets .as-deposit-main-card{ padding-left:16px; padding-right:16px; } } /* v757: Futures wallet More opens locally as a reference-like bottom sheet. */ .assets .as-futures-more-backdrop{ position:absolute; inset:0; z-index:80; display:flex; align-items:flex-end; overflow:hidden; visibility:hidden; opacity:0; pointer-events:none; background:rgba(7,11,17,0); transition:opacity .34s ease,background-color .34s ease,visibility 0s linear .42s; } .assets .as-futures-more-backdrop.opening, .assets .as-futures-more-backdrop.open, .assets .as-futures-more-backdrop.closing{ visibility:visible; transition-delay:0s; } .assets .as-futures-more-backdrop.opening, .assets .as-futures-more-backdrop.open{ opacity:1; background:rgba(7,11,17,.8); } .assets .as-futures-more-backdrop.open{pointer-events:auto;} .assets .as-futures-more-backdrop.closing{ opacity:0; background:rgba(7,11,17,0); pointer-events:none; } .assets .as-futures-more-sheet{ box-sizing:border-box; width:100%; min-height:320px; padding:8px 20px calc(26px + env(safe-area-inset-bottom)); border-radius:18px 18px 0 0; background:#202936; color:#f1f4f7; transform:translate3d(0,calc(100% + 24px),0); transition:transform .46s cubic-bezier(.18,.82,.16,1); will-change:transform; font-family:'Plex',system-ui,sans-serif; } .assets .as-futures-more-backdrop.open .as-futures-more-sheet{transform:translate3d(0,0,0);} .assets .as-futures-more-backdrop.closing .as-futures-more-sheet{transform:translate3d(0,calc(100% + 24px),0);} .assets .as-futures-more-sheet .as-sheet-handle{ width:42px; height:4px; margin:0 auto 27px; border-radius:999px; background:#596371; } .assets .as-futures-more-sheet h2{ margin:0 0 27px; color:#f7f9fb; font-size:24px; line-height:30px; font-weight:500; } .as-futures-more-mode{ min-height:48px; padding-bottom:15px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid rgba(147,157,169,.2); } .as-futures-more-mode > span:first-child{ color:#f3f6f9; font-size:18px; line-height:24px; font-weight:400; } .as-futures-more-mode > span:last-child{ display:flex; align-items:center; gap:10px; color:#9da5af; font-size:14px; line-height:20px; font-weight:300; white-space:nowrap; } .as-futures-more-mode i{ width:7px; height:7px; border-top:1.5px solid #858e9a; border-right:1.5px solid #858e9a; transform:rotate(45deg); } .as-futures-more-fees{ padding-top:17px; display:flex; align-items:flex-start; gap:14px; } .as-futures-more-fees > div{min-width:0;flex:1 1 auto;} .as-futures-more-fees b{ display:block; color:#f3f6f9; font-size:18px; line-height:24px; font-weight:400; } .as-futures-more-fees p{ margin:5px 0 0; max-width:365px; color:#919aa5; font-size:13px; line-height:18px; font-weight:300; } .as-futures-more-switch{ position:relative; width:42px; height:25px; flex:0 0 42px; margin-top:2px; padding:0; border:0; border-radius:8px; background:#515966; cursor:pointer; transition:background-color .22s ease; } .as-futures-more-switch span{ position:absolute; top:3px; left:3px; width:19px; height:19px; border-radius:6px; background:#f5f7f9; box-shadow:0 1px 2px rgba(0,0,0,.3); transition:transform .24s cubic-bezier(.22,.72,0,1); } .as-futures-more-switch.is-on{background:#f5c928;} .as-futures-more-switch.is-on span{transform:translateX(17px);} .as-futures-more-switch:focus-visible{outline:2px solid #fcd434;outline-offset:3px;} @media(max-width:380px){ .assets .as-futures-more-sheet{min-height:306px;padding-left:16px;padding-right:16px;} .assets .as-futures-more-sheet h2{font-size:22px;margin-bottom:22px;} .as-futures-more-mode > span:first-child, .as-futures-more-fees b{font-size:16px;line-height:22px;} .as-futures-more-fees p{font-size:12px;line-height:17px;} } /* v776: every Assets route is an opaque horizontal overlay transition. */ html body #assets.assets .as-flow, html body #assets.assets .as-flow.opening, html body #assets.assets .as-flow.open, html body #assets.assets .as-flow.closing, html body #assets.assets .as-flow.bb-flow-enter, html body #assets.assets .as-flow.bb-flow-enter.bb-flow-enter-active, html body #assets.assets .as-flow.bb-assets-route-underlay{ opacity:1!important; filter:none!important; animation:none!important; } html body #assets.assets .as-flow{ isolation:isolate; background:var(--send-page,var(--swap-bg,var(--bg,#1f2630)))!important; transform:translate3d(100%,0,0)!important; transition:transform .42s cubic-bezier(.22,.72,0,1),visibility 0s linear .42s!important; will-change:transform; } html body #assets.assets #asDepositPage.as-flow{ background:#15181f!important; } html body #assets.assets .as-flow.opening, html body #assets.assets .as-flow.bb-flow-enter{ visibility:visible!important; transform:translate3d(100%,0,0)!important; transition:none!important; } html body #assets.assets .as-flow.bb-flow-enter.bb-flow-enter-active{ visibility:visible!important; opacity:1!important; transform:translate3d(0,0,0)!important; transition:transform .42s cubic-bezier(.22,.72,0,1)!important; will-change:transform!important; } html body #assets.assets .as-flow.open, html body #assets.assets .as-flow.open.bb-assets-route-underlay{ visibility:visible!important; opacity:1!important; transform:none!important; transition:none!important; will-change:auto!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; transform-style:flat!important; perspective:none!important; contain:none!important; } html body #assets.assets .as-flow.closing, html body #assets.assets .as-flow.closing.closing{ visibility:visible!important; opacity:1!important; transform:translate3d(100%,0,0)!important; transition:transform .42s cubic-bezier(.22,.72,0,1),visibility 0s linear .42s!important; } html body #assets.assets .as-deposit-backdrop.open.bb-assets-route-underlay .as-deposit-sheet{ opacity:1!important; transform:translate3d(0,0,0)!important; } @media(prefers-reduced-motion:reduce){ html body #assets.assets .as-flow.open, html body #assets.assets .as-flow.bb-flow-enter.bb-flow-enter-active, html body #assets.assets .as-flow.closing, html body #assets.assets .as-flow.closing.closing{ transition-duration:.42s!important; } } /* v781: Select Asset is a top-level bottom route. It starts moving immediately while the latest administrator-defined order refreshes in the background, and remains fully opaque throughout entry and exit. */ html body #assets.assets #asAssetSelect.as-flow, html body #assets.assets #asAssetSelect.as-flow.opening, html body #assets.assets #asAssetSelect.as-flow.bb-flow-enter{ visibility:visible!important; opacity:1!important; filter:none!important; transform:translate3d(0,100%,0)!important; transition:none!important; will-change:transform!important; } html body #assets.assets #asAssetSelect.as-flow.bb-flow-enter.bb-flow-enter-active{ visibility:visible!important; opacity:1!important; transform:translate3d(0,0,0)!important; transition:transform .38s cubic-bezier(.22,.72,0,1)!important; will-change:transform!important; } html body #assets.assets #asAssetSelect.as-flow.open, html body #assets.assets #asAssetSelect.as-flow.open.bb-assets-route-underlay{ visibility:visible!important; opacity:1!important; transform:none!important; transition:none!important; will-change:auto!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; transform-style:flat!important; perspective:none!important; contain:none!important; } html body #assets.assets #asAssetSelect.as-flow.closing, html body #assets.assets #asAssetSelect.as-flow.closing.closing{ visibility:visible!important; opacity:1!important; transform:translate3d(0,100%,0)!important; transition:transform .38s cubic-bezier(.22,.72,0,1),visibility 0s linear .38s!important; pointer-events:none!important; } /* v787: Send's top-level asset picker uses the same opaque bottom route as Add Funds. Nested withdrawal pages keep their horizontal navigation. */ html body #assets.assets #asWithdrawSelect.as-flow, html body #assets.assets #asWithdrawSelect.as-flow.opening, html body #assets.assets #asWithdrawSelect.as-flow.bb-flow-enter{ visibility:visible!important; opacity:1!important; filter:none!important; transform:translate3d(0,100%,0)!important; transition:none!important; will-change:transform!important; } html body #assets.assets #asWithdrawSelect.as-flow.bb-flow-enter.bb-flow-enter-active{ visibility:visible!important; opacity:1!important; transform:translate3d(0,0,0)!important; transition:transform .38s cubic-bezier(.22,.72,0,1)!important; will-change:transform!important; } html body #assets.assets #asWithdrawSelect.as-flow.open, html body #assets.assets #asWithdrawSelect.as-flow.open.bb-assets-route-underlay{ visibility:visible!important; opacity:1!important; transform:none!important; transition:none!important; will-change:auto!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; transform-style:flat!important; perspective:none!important; contain:none!important; } html body #assets.assets #asWithdrawSelect.as-flow.closing, html body #assets.assets #asWithdrawSelect.as-flow.closing.closing{ visibility:visible!important; opacity:1!important; transform:translate3d(0,100%,0)!important; transition:transform .38s cubic-bezier(.22,.72,0,1),visibility 0s linear .38s!important; pointer-events:none!important; } /* v785: structural route containers return to normal pixel rendering after their parent slide has settled. Child controls keep their own intentional icon/caret transforms. */ html body #assets.assets .as-flow.open > .as-flow-head, html body #assets.assets .as-deposit-network-page.open > .as-deposit-network-scroll, html body #assets.assets .as-deposit-network-page.open .as-deposit-network-list, html body #assets.assets #asSendPage.as-flow.open:not(.bb-send-step-animating) > .as-send-stage, html body #assets.assets #asSendPage.as-flow.open:not(.bb-send-step-animating) .as-send-address-scroll, html body #assets.assets #asSendPage.as-flow.open:not(.bb-send-step-animating) .as-address-editor{ transform:none!important; filter:none!important; will-change:auto!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; transform-style:flat!important; perspective:none!important; contain:none!important; text-rendering:auto!important; -webkit-font-smoothing:auto!important; }