.theme-switch{background:var(--hairline);border:1px solid var(--field-rule);border-radius:14px;cursor:pointer;flex:none;height:28px;padding:0;position:relative;transition:background-color .3s var(--ease),border-color .3s var(--ease);width:52px}.theme-switch:hover{border-color:var(--brand-light)}.theme-switch[aria-checked=true]{background:var(--accent-active);border-color:var(--accent)}.theme-switch-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;color:var(--warning);display:grid;height:22px;left:2px;place-items:center;position:absolute;top:2px;transition:transform .3s var(--ease-out),color .3s var(--ease),background-color .3s var(--ease);width:22px}.theme-switch[aria-checked=true] .theme-switch-knob{background:#1b2026;color:#8cbcf9;transform:translate(24px)}.theme-switch-knob svg{transition:transform .4s var(--ease-out)}.theme-switch[aria-checked=true] .theme-switch-knob svg{transform:rotate(-30deg)}