[data-tone=dark]{--toggle-strong:var(--color-on-dark);--toggle-muted:var(--color-on-dark-muted)}.toggle[data-toggle],.toggle[data-toggle]>.toggle-body{gap:var(--space-5);flex-direction:column;display:flex}.toggle[data-toggle]>.toggle-ask{border:0;min-inline-size:0;margin:0;padding:0}.toggle[data-toggle]>.toggle-ask>.toggle-legend{color:var(--toggle-muted);font-family:var(--font-body);font-size:var(--text-caps);font-weight:var(--weight-chrome);letter-spacing:var(--text-caps-tracking);line-height:var(--text-caps-leading);text-transform:uppercase;margin-block-end:var(--space-3);padding:0}.toggle[data-toggle]>.toggle-ask>.toggle-chips{gap:var(--space-3);flex-wrap:wrap;display:flex}.toggle[data-toggle][data-align=center]>.toggle-ask>.toggle-legend{margin-inline:auto}.toggle[data-toggle][data-align=center]>.toggle-ask>.toggle-chips{justify-content:center}label.toggle-chip{align-items:center;gap:var(--space-2);min-block-size:var(--space-7);padding-inline:var(--space-4) var(--space-5);border:var(--line-width) dashed var(--edge-control);border-radius:var(--radius-pill);color:var(--toggle-strong);font-family:var(--font-body);font-weight:var(--weight-chrome);cursor:pointer;transition:background-color var(--dur-250) var(--ease), color var(--dur-250) var(--ease), translate var(--dur-150) var(--ease);display:inline-flex;position:relative}label.toggle-chip>.toggle-input{border-radius:inherit;cursor:pointer;appearance:none;margin:0;position:absolute;inset:0}label.toggle-chip>.toggle-text{position:relative}label.toggle-chip>.toggle-input:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}label.toggle-chip>.toggle-mark{inline-size:var(--space-4);block-size:var(--space-4);flex:none;position:relative}label.toggle-chip>.toggle-mark:before,label.toggle-chip>.toggle-mark:after{content:"";transition:transform var(--dur-400) var(--spring);position:absolute;inset:0}label.toggle-chip>.toggle-mark:before{background:linear-gradient(currentcolor, currentcolor) center / 100% var(--line-width) no-repeat;transform:translate(0)rotate(0)scaleX(1)}label.toggle-chip>.toggle-mark:after{background:linear-gradient(currentcolor, currentcolor) center / var(--line-width) 100% no-repeat;transform:translate(0)rotate(0)scaleY(1)}label.toggle-chip:has(:checked){border-style:solid;border-color:var(--mark-emphasis);background-color:var(--mark-emphasis);color:var(--mark-emphasis-on)}label.toggle-chip:has(:checked)>.toggle-mark:before{transform:translate(-21.875%,9.375%)rotate(45deg)scaleX(.265)}label.toggle-chip:has(:checked)>.toggle-mark:after{transform:translate(9.375%,-3.125%)rotate(45deg)scaleY(.619)}@media (prefers-reduced-motion:no-preference){label.toggle-chip:hover{translate:0 calc(var(--space-1) / -2)}label.toggle-chip:active{translate:none}}[data-toggle=radio]{--state:0}[data-toggle=radio]:has(.toggle-input[data-state="1"]:checked){--state:1}[data-toggle=radio]:has(.toggle-input[data-state="2"]:checked){--state:2}[data-toggle=radio]:has(.toggle-input[data-state="3"]:checked){--state:3}[data-toggle=checkbox]{--state-1:0;--state-2:0;--state-3:0;--state-4:0;--state:calc(var(--state-1) + var(--state-2) + var(--state-3) + var(--state-4))}[data-toggle=checkbox]:has(.toggle-input[data-box="1"]:checked){--state-1:1}[data-toggle=checkbox]:has(.toggle-input[data-box="2"]:checked){--state-2:1}[data-toggle=checkbox]:has(.toggle-input[data-box="3"]:checked){--state-3:1}[data-toggle=checkbox]:has(.toggle-input[data-box="4"]:checked){--state-4:1}[data-toggle]:has(.toggle-input[data-state="0"]:checked) [data-when]:not([data-when="0"]),[data-toggle]:has(.toggle-input[data-state="1"]:checked) [data-when]:not([data-when="1"]),[data-toggle]:has(.toggle-input[data-state="2"]:checked) [data-when]:not([data-when="2"]),[data-toggle]:has(.toggle-input[data-state="3"]:checked) [data-when]:not([data-when="3"]),[data-toggle]:not(:has(.toggle-input[data-box="1"]:checked)) [data-when=on-1],[data-toggle]:not(:has(.toggle-input[data-box="2"]:checked)) [data-when=on-2],[data-toggle]:not(:has(.toggle-input[data-box="3"]:checked)) [data-when=on-3],[data-toggle]:not(:has(.toggle-input[data-box="4"]:checked)) [data-when=on-4],[data-toggle]:has(.toggle-input[data-box="1"]:checked) [data-when=off-1],[data-toggle]:has(.toggle-input[data-box="2"]:checked) [data-when=off-2],[data-toggle]:has(.toggle-input[data-box="3"]:checked) [data-when=off-3],[data-toggle]:has(.toggle-input[data-box="4"]:checked) [data-when=off-4]{display:none}:where([data-toggle]:focus-within [data-when]){clip-path:inset(calc(-1 * var(--space-2)));transition:clip-path var(--dur-400) var(--ease), translate var(--dur-400) var(--ease)}@starting-style{:where([data-toggle]:focus-within [data-when]){clip-path:inset(0 0 100%);translate:0 var(--space-2)}}@supports not selector(:has(*)){[data-toggle] .toggle-ask,[data-toggle] [data-when]:not([data-when="0"],[data-when^=off-]){display:none}}