.hk-switch-field[data-size=small],.hk-switch[data-size=small]{--_track-w:var(--switch-width-small);--_track-h:var(--switch-height-small);--_track-radius:var(--hk-switch-default-small-track-border-radius);--_track-border-w:var(--hk-switch-default-small-track-border-width);--_track-bg:var(--hk-switch-default-small-colors-off-track-background);--_track-bg-hover:var(--hk-switch-default-small-colors-hover-off-track-background);--_track-bg-on:var(--hk-switch-default-small-colors-on-track-background);--_track-bg-on-hover:var(--hk-switch-default-small-colors-hover-on-track-background);--_track-bg-disabled:var(--hk-switch-default-small-colors-disabled-track-background);--_track-border:var(--hk-switch-default-small-colors-off-track-border);--_track-border-on:var(--hk-switch-default-small-colors-on-track-border);--_track-border-disabled:var(--hk-switch-default-small-colors-disabled-track-border);--_focus-ring:var(--hk-switch-default-small-colors-focus-ring);--_thumb-size:var(--switch-thumb-small);--_thumb-radius:var(--hk-switch-default-small-thumb-border-radius);--_thumb-shadow:var(--hk-switch-default-small-elevation-thumb);--_thumb-translate-off:var(--switch-inset);--_thumb-translate-on:calc(var(--switch-width-small) - var(--switch-thumb-small) - var(--switch-inset));--_thumb-bg:var(--hk-switch-default-small-colors-off-thumb-background);--_thumb-bg-on:var(--hk-switch-default-small-colors-on-thumb-background);--_thumb-bg-disabled:var(--hk-switch-default-small-colors-disabled-thumb-background);--_thumb-border:var(--hk-switch-default-small-colors-off-thumb-border);--_thumb-border-on:var(--hk-switch-default-small-colors-on-thumb-border);--_transition:var(--hk-switch-default-small-transition-duration) var(--hk-switch-default-small-transition-easing)}.hk-switch-field[data-size=medium],.hk-switch[data-size=medium]{--_track-w:var(--switch-width-medium);--_track-h:var(--switch-height-medium);--_track-radius:var(--hk-switch-default-medium-track-border-radius);--_track-border-w:var(--hk-switch-default-medium-track-border-width);--_track-bg:var(--hk-switch-default-medium-colors-off-track-background);--_track-bg-hover:var(--hk-switch-default-medium-colors-hover-off-track-background);--_track-bg-on:var(--hk-switch-default-medium-colors-on-track-background);--_track-bg-on-hover:var(--hk-switch-default-medium-colors-hover-on-track-background);--_track-bg-disabled:var(--hk-switch-default-medium-colors-disabled-track-background);--_track-border:var(--hk-switch-default-medium-colors-off-track-border);--_track-border-on:var(--hk-switch-default-medium-colors-on-track-border);--_track-border-disabled:var(--hk-switch-default-medium-colors-disabled-track-border);--_focus-ring:var(--hk-switch-default-medium-colors-focus-ring);--_thumb-size:var(--switch-thumb-medium);--_thumb-radius:var(--hk-switch-default-medium-thumb-border-radius);--_thumb-shadow:var(--hk-switch-default-medium-elevation-thumb);--_thumb-translate-off:var(--switch-inset);--_thumb-translate-on:calc(var(--switch-width-medium) - var(--switch-thumb-medium) - var(--switch-inset));--_thumb-bg:var(--hk-switch-default-medium-colors-off-thumb-background);--_thumb-bg-on:var(--hk-switch-default-medium-colors-on-thumb-background);--_thumb-bg-disabled:var(--hk-switch-default-medium-colors-disabled-thumb-background);--_thumb-border:var(--hk-switch-default-medium-colors-off-thumb-border);--_thumb-border-on:var(--hk-switch-default-medium-colors-on-thumb-border);--_transition:var(--hk-switch-default-medium-transition-duration) var(--hk-switch-default-medium-transition-easing)}.hk-switch-field[data-size=large],.hk-switch[data-size=large]{--_track-w:var(--switch-width-large);--_track-h:var(--switch-height-large);--_track-radius:var(--hk-switch-default-large-track-border-radius);--_track-border-w:var(--hk-switch-default-large-track-border-width);--_track-bg:var(--hk-switch-default-large-colors-off-track-background);--_track-bg-hover:var(--hk-switch-default-large-colors-hover-off-track-background);--_track-bg-on:var(--hk-switch-default-large-colors-on-track-background);--_track-bg-on-hover:var(--hk-switch-default-large-colors-hover-on-track-background);--_track-bg-disabled:var(--hk-switch-default-large-colors-disabled-track-background);--_track-border:var(--hk-switch-default-large-colors-off-track-border);--_track-border-on:var(--hk-switch-default-large-colors-on-track-border);--_track-border-disabled:var(--hk-switch-default-large-colors-disabled-track-border);--_focus-ring:var(--hk-switch-default-large-colors-focus-ring);--_thumb-size:var(--switch-thumb-large);--_thumb-radius:var(--hk-switch-default-large-thumb-border-radius);--_thumb-shadow:var(--hk-switch-default-large-elevation-thumb);--_thumb-translate-off:var(--switch-inset);--_thumb-translate-on:calc(var(--switch-width-large) - var(--switch-thumb-large) - var(--switch-inset));--_thumb-bg:var(--hk-switch-default-large-colors-off-thumb-background);--_thumb-bg-on:var(--hk-switch-default-large-colors-on-thumb-background);--_thumb-bg-disabled:var(--hk-switch-default-large-colors-disabled-thumb-background);--_thumb-border:var(--hk-switch-default-large-colors-off-thumb-border);--_thumb-border-on:var(--hk-switch-default-large-colors-on-thumb-border);--_transition:var(--hk-switch-default-large-transition-duration) var(--hk-switch-default-large-transition-easing)}.hk-switch[data-hovered]:not([data-selected]):not([data-disabled]){--_track-bg:var(--_track-bg-hover)}.hk-switch[data-selected]:not([data-disabled]){--_track-bg:var(--_track-bg-on);--_track-border:var(--_track-border-on);--_thumb-bg:var(--_thumb-bg-on);--_thumb-border:var(--_thumb-border-on);--_thumb-translate-off:var(--_thumb-translate-on)}.hk-switch[data-selected][data-hovered]:not([data-disabled]){--_track-bg:var(--_track-bg-on-hover)}.hk-switch[data-disabled]{--_track-bg:var(--_track-bg-disabled);--_track-border:var(--_track-border-disabled);--_thumb-bg:var(--_thumb-bg-disabled);--_thumb-border:var(--_thumb-bg-disabled)}.hk-switch{display:inline-flex;align-items:center;cursor:pointer;gap:var(--hk-spacing-component-sm)}.hk-switch[data-disabled]{cursor:not-allowed;opacity:.5}.hk-switch__track{position:relative;flex-shrink:0;border-style:solid;outline:none;outline-offset:2px;width:var(--_track-w);height:var(--_track-h);border-radius:var(--_track-radius);border-width:var(--_track-border-w);background:var(--_track-bg);border-color:var(--_track-border);transition:var(--_transition)}.hk-switch[data-focus-visible] .hk-switch__track{outline:2px solid var(--_focus-ring)}.hk-switch__thumb{position:absolute;top:50%;transform:translateY(-50%);border-style:solid;border-width:var(--border-width-thin);width:var(--_thumb-size);height:var(--_thumb-size);border-radius:var(--_thumb-radius);box-shadow:var(--_thumb-shadow);left:var(--_thumb-translate-off);background:var(--_thumb-bg);border-color:var(--_thumb-border);transition:var(--_transition)}.hk-switch-field{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--gap-close)}.hk-switch__description{display:block;margin-inline-start:calc(var(--_track-w) + var(--hk-spacing-component-sm));font-family:var(--type-body-small-font-family);font-size:var(--type-body-small-font-size);line-height:var(--type-body-small-line-height);font-weight:var(--type-body-small-font-weight);color:var(--text-muted)}.hk-switch-field[data-disabled]>.hk-switch__description{color:var(--text-disabled)}