.mode-switch{width:100%;display:flex;align-items:center;justify-content:space-between;gap:7px;margin:12px 0 8px;padding:9px 8px;border:2px solid var(--lime);border-radius:10px;background:#10150b;color:var(--cream);font:700 9px 'Space Mono',monospace;cursor:pointer}
.mode-switch i{position:relative;flex:none;width:31px;height:17px;border-radius:12px;background:#465139}
.mode-switch i:after{content:'';position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--lime);transition:transform .15s}
.mode-switch.onchain i:after{transform:translateX(14px)}
.mode-switch.onchain{border-color:var(--pink)}
.mode-switch:disabled{opacity:.55;cursor:not-allowed}
.mode-switch:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
@media(max-width:900px){.mode-switch{max-width:270px;margin:10px 0}}