.sc-toggle{--toggle-scale:1;width:calc(38px * var(--toggle-scale));height:calc(22px * var(--toggle-scale));flex:none;place-items:center;display:inline-grid}.sc-toggle input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sc-toggle label{cursor:pointer;background:#0f172aeb;border:1px solid #475569e6;border-radius:999px;width:100%;height:100%;transition:border-color .15s,background .15s;display:block;position:relative;box-shadow:inset 0 0 0 1px #080e19b3}.sc-toggle label span{top:50%;left:calc(3px * var(--toggle-scale));width:calc(14px * var(--toggle-scale));height:calc(14px * var(--toggle-scale));background:#94a3b8;border-radius:999px;transition:background .15s,transform .15s;position:absolute;transform:translateY(-50%)}.sc-toggle input:checked+label{background:#0e749052;border-color:#7dd3fc94}.sc-toggle input:checked+label span{transform:translate(calc(16px * var(--toggle-scale)), -50%);background:#7dd3fc}.sc-toggle input:focus-visible+label{outline-offset:2px;outline:2px solid #7dd3fcc7}.toggle-row{align-items:center;gap:12px;display:flex}.label{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.2}.label--off{color:#94a3b8}.label--on{color:#7dd3fc}