.hz-switch{--hz-switch-accent: var(--color-accent-teal);--hz-switch-w: 4.25em;--hz-switch-h: 2.4em;--hz-switch-pad: .28em;--hz-switch-knob: calc(var(--hz-switch-h) - (var(--hz-switch-pad) * 2));--hz-switch-travel: calc(var(--hz-switch-w) - var(--hz-switch-knob) - (var(--hz-switch-pad) * 2));position:relative;display:inline-flex;flex:none;width:var(--hz-switch-w);height:var(--hz-switch-h);vertical-align:middle;-webkit-tap-highlight-color:transparent}.hz-switch[data-accent=peach]{--hz-switch-accent: var(--color-accent-peach)}.hz-switch[data-accent=sun]{--hz-switch-accent: var(--color-highlight-sun)}.hz-switch__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;z-index:2}.hz-switch__input:disabled{cursor:not-allowed}.hz-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--color-surface-soft);border:1px solid var(--color-border);box-shadow:inset 0 2px 5px #00000047,inset 0 -1px 1px #ffffff0d;transition:background .35s ease,box-shadow .35s ease}.hz-switch__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid var(--hz-switch-accent);opacity:.22;transition:opacity .35s ease,box-shadow .35s ease;pointer-events:none}.hz-switch__led{position:absolute;top:.42em;left:.58em;width:.34em;height:.34em;border-radius:50%;background:var(--color-text-soft);opacity:.55;transition:background .35s ease,box-shadow .35s ease,opacity .35s ease;pointer-events:none}.hz-switch__knob{position:absolute;top:var(--hz-switch-pad);left:var(--hz-switch-pad);width:var(--hz-switch-knob);height:var(--hz-switch-knob);border-radius:50%;background:radial-gradient(circle at 38% 30%,var(--color-surface) 0%,var(--color-surface-soft) 52%,var(--color-border) 100%);box-shadow:0 2px 4px #00000059,0 4px 10px #00000047,inset 0 1px 1px #ffffff1f;transition:transform .35s cubic-bezier(.4,.2,.2,1.08);z-index:1;pointer-events:none}.hz-switch__input:checked~.hz-switch__track{background:var(--color-surface)}.hz-switch__input:checked~.hz-switch__track .hz-switch__glow{opacity:1;box-shadow:0 0 6px var(--hz-switch-accent),0 0 15px var(--hz-switch-accent),inset 0 0 7px color-mix(in srgb,var(--hz-switch-accent) 55%,transparent)}.hz-switch__input:checked~.hz-switch__track .hz-switch__knob{transform:translate(var(--hz-switch-travel))}.hz-switch__input:checked~.hz-switch__track .hz-switch__led{background:var(--hz-switch-accent);opacity:1;box-shadow:0 0 4px var(--hz-switch-accent),0 0 9px var(--hz-switch-accent)}.hz-switch__input:focus-visible~.hz-switch__track{outline:2px solid var(--hz-switch-accent);outline-offset:3px}.hz-switch__input:disabled~.hz-switch__track{opacity:.5}@media(prefers-reduced-motion:reduce){.hz-switch__track,.hz-switch__glow,.hz-switch__knob,.hz-switch__led{transition:none}}