.ex-exchange{color:#f1eee7;font:inherit}.ex-exchange *{box-sizing:border-box}.ex-icon{display:block;flex-shrink:0}.ex-heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:23px 0 18px;min-height:64px}.ex-eyebrow{font-size:8px;font-weight:700;letter-spacing:.12em;color:#b5a07b}.ex-heading-row h2{font-size:19px;line-height:1.3;letter-spacing:-.5px;margin:8px 0 0;font-weight:600;max-width:230px}.ex-rate-orbit{position:relative;width:111px;height:66px;flex:none;isolation:isolate}.ex-rate-orbit::before{content:'';position:absolute;width:100px;height:48px;border:1px solid #e9b85a17;border-radius:50%;left:6px;top:10px;transform:rotate(-12deg)}.ex-rate-orbit img{position:absolute;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 4px 6px #0005)}.ex-rate-orbit img:first-child{left:8px;top:7px;animation:ex-coin-one 5s ease-in-out infinite}.ex-rate-orbit img:nth-child(2){right:5px;top:30px;width:29px;height:29px;animation:ex-coin-two 5s -.7s ease-in-out infinite}.ex-rate-orbit>span{position:absolute;left:47px;top:29px;color:#a38855;transform:rotate(-13deg)}.ex-rate-status{display:flex;gap:7px;align-items:center;font-size:10px;color:#8d99a8;margin:0 0 14px;min-height:24px}.ex-status-dot{width:5px;height:5px;background:#8b8e7e;border-radius:50%;flex:none}.ex-rate-status[data-state=current] .ex-status-dot{background:#96b998;box-shadow:0 0 7px #83b38333}.ex-rate-status[data-state=stale] .ex-status-dot,.ex-rate-status[data-state=daily] .ex-status-dot{background:#c5a363}.ex-rate-status[data-state=unavailable] .ex-status-dot{background:#a08a87}.ex-rate-status[data-state=loading] .ex-status-dot{animation:ex-dot-pulse 1s ease-in-out infinite alternate}.ex-refresh{display:grid;place-items:center;border:1px solid #343e4a;background:#232a32;color:#9daaaf;border-radius:5px;width:26px;height:26px;margin-left:auto;cursor:pointer}.ex-refresh:disabled{opacity:.5;cursor:default}.ex-rate-status[data-state=loading] .ex-refresh svg{animation:ex-refresh-spin 1.3s linear infinite}.ex-converter{border:1px solid #3a404a;background:linear-gradient(145deg,#24292f,#20252c);border-radius:12px;padding:18px}.ex-amount-label{display:block;font-size:10px;font-weight:550;color:#92a0b1;margin:0 0 10px}.ex-from-box,.ex-to-box{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;background:#151b22;border:1px solid #35404e;border-radius:8px;min-height:65px}.ex-from-box input{display:block;width:100%;min-width:0;background:transparent;border:0;border-radius:0;color:#e8e7e1;font:inherit;font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.6px;padding:0;appearance:textfield}.ex-from-box input::-webkit-inner-spin-button,.ex-from-box input::-webkit-outer-spin-button{appearance:none;margin:0}.ex-asset-picker{position:relative;display:flex;align-items:center;gap:6px;flex:none;min-width:0;width:145px;padding-left:9px;border-left:1px solid #303d4a}.ex-from-icon,.ex-to-icon{display:grid;place-items:center;width:24px;height:26px;flex:none}.ex-from-icon img,.ex-to-icon img{width:24px;height:24px;object-fit:contain}.ex-asset-picker select{display:block;min-width:0;width:100%;max-width:100%;padding:5px 13px 5px 0;background:transparent;border:0;appearance:none;color:#c2ccda;font:inherit;font-size:10px;cursor:pointer}.ex-asset-picker select option,.ex-asset-picker select optgroup{background:#202932;color:#d6dce5}.ex-asset-picker>.ex-icon{position:absolute;right:0;width:10px;height:10px;transform:rotate(90deg);pointer-events:none;color:#798ba2}.ex-fiat-symbol{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#4c5856,#2f3e40);border:1px solid #71827c;color:#e0e8d5;font-size:12px;font-weight:600}.ex-swap-line{display:flex;align-items:center;gap:10px;margin:11px 0 8px}.ex-swap-line>i{height:1px;background:#353f4b;flex:1}.ex-swap{display:grid;place-items:center;width:32px;height:32px;background:#303944;border:1px solid #4b5765;border-radius:8px;color:#c5ae7f;cursor:pointer;box-shadow:0 2px 6px #0002}.ex-swap>.ex-icon{transform:rotate(90deg);transition:transform .2s}.ex-swap:hover>.ex-icon{transform:rotate(270deg)}.ex-to-box{background:#e9b85a05;border-color:#e9b85a28}.ex-to-box output{display:block;min-width:0;width:100%;color:#e8c98e;font-size:25px;line-height:1.25;font-weight:600;letter-spacing:-.6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ex-to-box output.ex-output-unavailable{color:#566476}.ex-input-error{font-size:10px;line-height:1.5;color:#deaaa1;margin:10px 0 0}.ex-input-error:empty{display:none}.ex-rate-equation{display:flex;align-items:center;gap:7px;min-height:20px;margin:15px 0 0;color:#bcab8a}.ex-rate-equation>span{opacity:.7}.ex-rate-equation p{font-size:10px;color:#aaa898;margin:0;line-height:1.6;overflow-wrap:anywhere}.ex-quote-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #35404b;margin-top:12px;padding-top:11px}.ex-quote-timestamp{font-size:8px;color:#6f8197;line-height:1.6}.ex-copy{display:flex;align-items:center;gap:5px;white-space:nowrap;background:transparent;border:0;padding:3px 0;color:#a6acac;font:inherit;font-size:9px;cursor:pointer}.ex-copy:disabled{opacity:.3;cursor:default}.ex-market-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 13px}.ex-market-heading h3{font-size:13px;font-weight:550;color:#c4cbd4;margin:0}.ex-market-heading>span{font-size:8px;color:#75869e}.ex-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ex-market-coin{display:flex;align-items:center;gap:8px;border:1px solid #313d4a;border-radius:7px;background:#1d252e;padding:11px 10px;min-width:0}.ex-market-coin>img{width:23px;height:23px;object-fit:contain;flex:none}.ex-market-coin>div{display:flex;flex-direction:column;gap:4px;min-width:0}.ex-market-coin strong{font-size:10px;color:#c6cfdc;font-weight:550}.ex-market-coin small{font-size:7px;color:#6f8199;white-space:nowrap}.ex-market-price{font-size:10px;color:#b7baaf;font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}.ex-market-price.ex-price-unavailable{font-size:8px;color:#5e728b}.ex-source-lines{margin:15px 1px 0}.ex-source-lines p{font-size:8px;line-height:1.7;color:#61738b;margin:3px 0}.ex-footer{text-align:center;font-size:8px;color:#66778b;margin:17px 0 0;padding-top:12px;border-top:1px solid #303c49}.ex-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ex-exchange button:hover:not(:disabled){filter:brightness(1.12)}.ex-exchange button:focus-visible,.ex-exchange select:focus-visible,.ex-exchange input:focus-visible{outline:2px solid #e9b85a;outline-offset:3px}@keyframes ex-coin-one{50%{transform:translateY(-5px) rotate(-7deg)}}@keyframes ex-coin-two{50%{transform:translateY(4px) rotate(8deg)}}@keyframes ex-dot-pulse{to{opacity:.3}}@keyframes ex-refresh-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.ex-heading-row{gap:11px;margin-top:18px}.ex-heading-row h2{font-size:17px;max-width:190px}.ex-rate-orbit{width:88px;transform:scale(.9);transform-origin:right center}.ex-rate-orbit::before{width:90px;left:-2px}.ex-rate-orbit img:first-child{left:0}.ex-rate-orbit>span{left:35px}.ex-rate-orbit img:nth-child(2){right:-4px}.ex-converter{padding:14px}.ex-from-box,.ex-to-box{gap:7px;padding:11px 9px}.ex-from-box input{font-size:23px}.ex-to-box output{font-size:22px}.ex-asset-picker{width:125px;gap:5px;padding-left:8px}.ex-asset-picker select{font-size:9px}.ex-from-icon,.ex-to-icon{width:21px}.ex-from-icon img,.ex-to-icon img,.ex-fiat-symbol{width:21px;height:21px}.ex-fiat-symbol{font-size:10px}.ex-market-coin{padding:10px 8px;gap:6px}.ex-market-coin>img{width:21px;height:21px}.ex-market-price{font-size:9px}.ex-market-coin small{display:none}.ex-market-price.ex-price-unavailable{font-size:7px}.ex-rate-status{font-size:9px}.ex-source-lines p{font-size:7px}}@media(max-width:350px){.ex-converter{padding:12px}.ex-asset-picker{width:110px}.ex-from-box input{font-size:21px}.ex-to-box output{font-size:20px}.ex-market-grid{gap:6px}.ex-market-coin{padding:9px 7px;gap:5px}.ex-market-coin>img{width:18px;height:18px}.ex-market-coin strong{font-size:9px}.ex-market-price{font-size:8px}.ex-heading-row h2{font-size:16px}.ex-rate-orbit{width:76px;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.ex-exchange *,.ex-exchange *::before,.ex-exchange *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ex-available{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:9px 2px;color:#aaa0c4;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}.ex-available span{min-width:0;overflow-wrap:anywhere}.ex-available button,.ex-review{border:1px solid #8170ae4d;background:#bda0ff0b;color:#c3addf;border-radius:7px;font:inherit;font-size:11px;padding:5px 9px;cursor:pointer}.ex-execution{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;margin-top:17px}.ex-submit{min-height:44px;border:1px solid #c4a3ff80;border-radius:8px;background:linear-gradient(145deg,#a47aee,#7f51ce);box-shadow:inset 0 1px #e9dcff40,0 3px 12px #8b51db20;color:white;font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:10px;overflow-wrap:anywhere}.ex-submit:disabled,.ex-review:disabled{opacity:.4;cursor:default;filter:none!important}.ex-execution-status{font-size:11px;line-height:1.6;color:#bcdfc6;overflow-wrap:anywhere;margin:12px 0 0}.ex-execution-status:empty{display:none}.ex-exchange .ex-quote-timestamp{font-size:10px}.ex-exchange input,.ex-exchange output{font-variant-numeric:tabular-nums}.ex-exchange .ex-asset-picker{width:126px}.ex-exchange .ex-asset-picker select{font-size:11px}.ex-exchange .ex-from-box input,.ex-exchange .ex-to-box output{font-size:clamp(16px,4.5vw,24px)}@media(max-width:390px){.ex-exchange .ex-asset-picker{width:108px}.ex-execution{grid-template-columns:1fr}.ex-review{min-height:34px}.ex-available{font-size:10px}.ex-exchange .ex-converter{padding:11px}}
/* The 320px wallet leaves 214px for this header: text must shrink beside art. */
@media(max-width:350px){
 .ex-exchange .ex-heading-row{gap:8px}
 .ex-exchange .ex-heading-row>div:first-child{flex:1 1 0;min-width:0;overflow-wrap:anywhere}
 .ex-exchange .ex-rate-orbit{flex:0 0 62px;width:62px;height:58px;transform:none;overflow:clip}
 .ex-exchange .ex-rate-orbit::before{width:60px;left:1px;top:10px;height:38px}
 .ex-exchange .ex-rate-orbit img:first-child{width:28px;height:28px;left:1px;top:7px}
 .ex-exchange .ex-rate-orbit img:nth-child(2){width:25px;height:25px;right:1px;top:29px}
 .ex-exchange .ex-rate-orbit>span{left:24px;top:25px}
}