.smp-switch{border:1px solid color-mix(in srgb, var(--house-on-navy) 30%, transparent);height:28px;font:inherit;white-space:nowrap;color:var(--house-on-navy);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;margin-right:6px;padding:0 11px 0 9px;font-size:13px;font-weight:700;display:inline-flex}.smp-switch:hover{background:color-mix(in srgb, var(--house-on-navy) 12%, transparent)}.smp-switch:focus-visible{outline:2px solid var(--house-gold-on-navy);outline-offset:1px}.smp-switch:disabled{cursor:progress;opacity:.7}.smp-switch.on{border-color:var(--house-gold-on-navy);color:var(--house-gold-on-navy)}.smp-track{background:color-mix(in srgb, var(--house-on-navy) 30%, transparent);border-radius:7px;width:26px;height:14px;transition:background .15s;position:relative}.smp-track i{background:var(--house-on-navy);border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px}.smp-switch.on .smp-track{background:var(--house-gold-on-navy)}.smp-switch.on .smp-track i{background:var(--house-navy);transform:translate(12px)}@media (prefers-reduced-motion:reduce){.smp-track,.smp-track i{transition:none}}