/* The Swap page (swap.html): the funding page's card (account.css bridge-*) with a Buy/Sell switch, a coin picker
 * that scrolls, the coins' badges, the slippage choices and the note on where a coin comes from. */
.swap-card .swap-sides{margin:0 0 6px}
.swap-picker{max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3c5a55 transparent;overscroll-behavior:contain}
.swap-picker::-webkit-scrollbar{width:8px}
.swap-picker::-webkit-scrollbar-thumb{background:#3c5a55;border-radius:8px}
.swap-picker::-webkit-scrollbar-track{background:transparent}
.swap-picker .bridge-option small{color:#9fb6b2}
.swap-picker .bridge-option[aria-pressed="true"]{background:#97fce40f}
.swap-picker .bridge-option:hover{background:#ffffff0a}
.swap-picker .bridge-option:focus-visible{outline:2px solid #abcfff;outline-offset:-2px}
.swap-logo{background:#0b1816}
.swap-mono{flex:none;display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#1f3a36,#22304a);color:#cfe9e3;font-weight:700;letter-spacing:-.02em;border:1px solid #3d5753}
.swap-mono-sm{width:18px;height:18px;font-size:8px}
.swap-mono-md{width:22px;height:22px;font-size:9px}
.swap-mono-lg{width:28px;height:28px;font-size:11px}
.swap-slippage{display:inline-flex;gap:4px}
.swap-slippage button{padding:4px 9px;border:1px solid #3a5551;border-radius:999px;background:transparent;color:#c9dcd9;font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.swap-slippage button:hover{border-color:#4d716b;color:#eaf7f4}
.swap-slippage button[aria-checked="true"]{border-color:#97fce4;background:#97fce40f;color:#f2fffb}
.swap-slippage button:focus-visible{outline:2px solid #abcfff;outline-offset:2px}
.swap-origin{display:flex;align-items:flex-start;gap:9px;margin:2px 0 0;padding:11px 12px;border:1px solid #2f4a46;border-radius:12px;background:#0b1816;font-size:12.5px;line-height:1.5;color:#b9cecb}
.swap-origin .relay-logo,.swap-origin .swap-mono{margin-top:1px}
.swap-card .relay-stepper[data-at="send"] [data-step="approve"]{opacity:.6}
@media (prefers-reduced-motion:reduce){.swap-slippage button{transition:none}}