.swap__card{--x: 50%;--y: 40%;--r: .1px;position:relative;margin:24px 0 0;width:100%;aspect-ratio:4 / 5;border-radius:22px;overflow:hidden;isolation:isolate;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:var(--sand);box-shadow:var(--shadow)}.swap__card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 8%;-webkit-user-drag:none;pointer-events:none}.swap__orig{-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0,#000 60%,transparent 100%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0,#000 60%,transparent 100%)}.swap__card.no-mask .swap__orig{-webkit-mask-image:none;mask-image:none;opacity:0;transition:opacity .4s ease}.swap__card.no-mask.is-orig .swap__orig{opacity:1}.swap__card.no-mask .swap__ring{display:none}.swap__chip{position:absolute;top:12px;left:12px;z-index:3}.swap__chip--orig{display:none}.swap__card.is-orig .swap__chip--orig{display:inline-flex}.swap__card.is-orig .swap__chip--ai{display:none}.swap__ring{position:absolute;left:0;top:0;width:157px;height:157px;border-radius:50%;border:1px solid rgba(251,249,245,.9);pointer-events:none;z-index:2;opacity:0;transform-origin:50% 50%}.swap__ring span{position:absolute;top:100%;left:50%;translate:-50% 8px;font:400 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--paper);white-space:nowrap;text-shadow:0 1px 8px rgba(22,21,20,.6)}.seg{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.seg button{min-height:44px;border-radius:999px;border:1.5px solid var(--line);background:transparent;font:600 14px/1 var(--sans);color:var(--ink);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .12s}.seg button:active{transform:scale(.97)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}html:not(.js) .seg{display:none}.swap__stage .link{margin-top:14px}.swap__stage .fine{margin:8px 0 0}@media (min-width: 900px){.swap{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center}.swap__card{margin-top:0}}