.opt-switch{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;flex-shrink:0;align-items:center;margin:0;padding:0;display:inline-flex}.opt-switch__track{background:#e4e4e4;border-radius:999px;width:40px;height:20px;transition:background .2s;display:block;position:relative;box-shadow:inset 0 0 0 1px #11111114}.opt-switch__thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #11111138}.opt-switch__icon{pointer-events:none;width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.opt-switch__icon--sun{color:#b45309;left:5px}.opt-switch__icon--moon{color:#64748b;right:5px}html[data-theme=dark] .opt-switch__track{background:var(--studrc-blue,#0565ab);box-shadow:none}html[data-theme=dark] .opt-switch__thumb{transform:translate(20px)}html[data-theme=dark] .opt-switch__icon--sun,html[data-theme=dark] .opt-switch__icon--moon{color:#fff}.opt-switch--menu{justify-content:flex-start;gap:.75rem;width:100%}.opt-switch:focus-visible .opt-switch__track{outline:2px solid var(--studrc-blue,#0565ab);outline-offset:2px}@media (prefers-reduced-motion:reduce){.opt-switch__track,.opt-switch__thumb{transition:none}}