.carpit-swap{color:#e8f0ff;background:#101e32;border:1px solid #324763;border-radius:20px;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:22px;box-sizing:border-box;overflow:auto;font-family:inherit;box-shadow:0 25px 70px #0008}
.carpit-swap::backdrop{background:#020918b8}.carpit-swap header{display:flex;justify-content:space-between;align-items:center}.carpit-swap h2{font-size:22px;margin:4px 0 12px}.carpit-swap small,.carpit-swap p{color:#9db1cc;font-size:12px;line-height:1.6}.carpit-swap header button{font-size:26px;color:#becce1;background:none;border:0;width:40px;height:40px}.carpit-swap form>label{display:block;margin:16px 0;font-size:13px;font-weight:600}.carpit-swap select,.carpit-swap input:not([type=radio]){display:block;width:100%;min-height:46px;padding:10px 12px;border:1px solid #3b506b;border-radius:10px;background:#1b2b42;color:#fff;margin-top:7px;font-size:16px;box-sizing:border-box}.carpit-swap .swap-amount{display:flex;gap:8px;align-items:center}.swap-amount button{color:#bcd2ff;border:1px solid #3b506b;background:#1b2b42;padding:10px;border-radius:8px;white-space:nowrap}.carpit-swap fieldset{display:flex;gap:16px;flex-wrap:wrap;border:1px solid #3b506b;border-radius:10px;padding:12px;font-size:13px}.carpit-swap legend{padding:0 6px}.carpit-swap .swap-fee{padding:12px;border-radius:10px;background:#192f50;color:#bdd4ff}.carpit-swap [data-quote]{background:#0b1729;border-radius:12px;padding:14px}.carpit-swap [data-quote]>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:7px 0}.carpit-swap [data-quote] strong{text-align:right;font-variant-numeric:tabular-nums}.carpit-swap .swap-primary{display:block;width:100%;background:#326cf5;color:#fff;min-height:46px;border:0;border-radius:10px;font-weight:700;margin-top:12px}.carpit-swap [hidden]{display:none!important}.carpit-swap button{cursor:pointer}.carpit-swap button:disabled{opacity:.45;cursor:default}.carpit-swap [data-error]{color:#ffb1b1}.carpit-swap [data-success]{color:#7be3ba}.carpit-swap :focus-visible{outline:2px solid #8db7ff;outline-offset:2px}
.coin-holding-name{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}
.coin-swap-action{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #ffffff12;border-radius:9px;background:#ffffff04;color:#8ea8c5;cursor:pointer;vertical-align:middle;transition:background .15s,color .15s,border-color .15s;touch-action:manipulation}
.coin-swap-action:hover,.coin-swap-action:focus-visible{background:#23364e;color:#d4e5fa;border-color:#526c8c}
.coin-swap-action:focus-visible{outline:2px solid #81a5d2;outline-offset:3px}
.coin-swap-tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);padding:5px 8px;border:1px solid #3b506b;border-radius:6px;background:#1b2b42;color:#e4efff;font-size:11px;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;z-index:2}
.coin-swap-action:hover .coin-swap-tooltip,.coin-swap-action:focus-visible .coin-swap-tooltip{opacity:1}
@media(pointer:coarse){.coin-swap-action{width:40px;height:40px}}