@scope(.ui-switch)to ([data-hn]){:scope:where([data-hn-ui-switch]){--_ui-switch-track-width:var(--ui-switch-track-width,var(--ui-choice-track-width));--_ui-switch-track-height:var(--ui-switch-track-height,var(--ui-choice-track-height));--_thumb:calc(var(--_ui-switch-track-height)*2/3);--_inset:calc((var(--_ui-switch-track-height) - var(--_thumb))/2 - var(--ui-border-width));align-items:flex-start!important;color:var(--ui-text-primary);cursor:pointer;display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:var(--ui-switch-gap,var(--ui-space-2))!important;line-height:var(--ui-line-height-md)!important;max-inline-size:100%;padding:0!important}.text:where([data-hn-ui-switch]){align-self:auto!important;display:flex!important;flex-direction:column!important;font:inherit!important;gap:var(--ui-space-1)!important;margin:0!important;min-inline-size:0;padding:0!important}.label:where([data-hn-ui-switch]){font:inherit!important;line-height:var(--ui-line-height-md)!important;min-inline-size:0;padding-block:max(0px,calc((var(--_ui-switch-track-height, 1.5rem) - 1lh)/2))!important}.description:where([data-hn-ui-switch]){color:var(--ui-text-secondary);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height)}.description:empty:where([data-hn-ui-switch]){display:none!important}input:where([data-hn-ui-switch]){align-self:auto!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--ui-control-surface,var(--ui-surface-default));background-image:var(--ui-surface-highlight,none);border:var(--ui-border-width) solid var(--ui-control-border,var(--ui-border-strong));border-radius:var(--ui-radius-round);box-shadow:var(--ui-control-inset);box-sizing:border-box!important;cursor:pointer;flex:0 0 auto;font:inherit!important;height:var(--_ui-switch-track-height,1.5rem);margin:max(0px,calc((1lh - var(--_ui-switch-track-height, 1.5rem))/2)) 0 0!important;padding:0!important;position:relative;transition:background-color var(--ui-motion-base) var(--ui-motion-ease),border-color var(--ui-motion-base) var(--ui-motion-ease);width:var(--_ui-switch-track-width,2.5rem)}input:where([data-hn-ui-switch]):after{background-color:var(--ui-text-secondary);background-image:var(--ui-knob-highlight,none);border-radius:var(--ui-radius-round);box-shadow:var(--ui-shadow-xs);content:"";height:var(--_thumb);left:var(--_inset);position:absolute;top:var(--_inset);transition:transform var(--ui-motion-base) var(--ui-motion-ease),background-color var(--ui-motion-base) var(--ui-motion-ease);width:var(--_thumb)}input:checked:where([data-hn-ui-switch]){background-color:var(--ui-accent-solid);background-image:var(--ui-accent-highlight,none);border-color:var(--ui-accent-solid)}input:checked:where([data-hn-ui-switch]):after{background-color:var(--ui-text-on-accent);background-image:var(--ui-knob-on-accent-highlight,none);transform:translate(calc(var(--_ui-switch-track-width) - var(--_ui-switch-track-height)))}@media(hover:hover)and (forced-colors:none){:scope:hover input:enabled:where([data-hn-ui-switch]){--_choice-hover-wash:var(--ui-neutral-wash-hover);background-image:linear-gradient(var(--_choice-hover-wash),var(--_choice-hover-wash)),var(--ui-surface-highlight,linear-gradient(transparent,transparent))}:scope:hover input:enabled:not([aria-invalid=true]):where([data-hn-ui-switch]){border-color:var(--ui-control-border-hover,var(--ui-border-strong))}:scope:hover input:enabled:checked:where([data-hn-ui-switch]){background-color:var(--ui-choice-hover-surface);background-image:var(--ui-choice-hover-highlight,none)}:scope:hover input:enabled:checked:not([aria-invalid=true]):where([data-hn-ui-switch]){border-color:var(--ui-choice-hover-surface)}}input:focus-visible:where([data-hn-ui-switch]){outline:var(--ui-focus-width) solid var(--ui-focus-ring,var(--ui-accent-solid));outline-offset:var(--ui-focus-width)}:scope[data-ui-switch-state~=disabled]:where([data-hn-ui-switch]){color:var(--ui-disabled-text);cursor:not-allowed}:scope[data-ui-switch-state~=disabled] .description:where([data-hn-ui-switch]){color:var(--ui-disabled-text)}:scope[data-ui-switch-state~=disabled] input:where([data-hn-ui-switch]){background-color:var(--ui-disabled-surface);background-image:none;border-color:var(--ui-disabled-border);box-shadow:none;cursor:not-allowed}:scope[data-ui-switch-state~=disabled] input:where([data-hn-ui-switch]):after{background-color:var(--ui-disabled-text);background-image:none;box-shadow:none}@media(prefers-reduced-motion:reduce){input:where([data-hn-ui-switch]),input:where([data-hn-ui-switch]):after{transition:none}}:scope[data-ui-switch-state~="size=sm"]:where([data-hn-ui-switch]){--_font:var(--ui-font-size-sm);--_row:var(--ui-control-size-sm)}:scope[data-ui-switch-state~="size=lg"]:where([data-hn-ui-switch]){--_font:var(--ui-font-size-md);--_row:var(--ui-control-size-lg)}:scope[data-ui-switch-state~="size=lg"]:where([data-hn-ui-switch]),:scope[data-ui-switch-state~="size=sm"]:where([data-hn-ui-switch]){--_line:calc(var(--_font)*var(--ui-line-height-md));font-size:var(--_font);padding-block:max(0px,calc((var(--_row) - max(var(--_line),var(--_ui-switch-track-height, 1.5rem)))/2))!important}:scope[hidden]:where([data-hn-ui-switch]){display:none!important}}
