@layer ui.base,ui.component;@layer ui.base{:root{--wb-public-switch-width-medium: 1.875rem;--wb-public-switch-height-medium: 1.25rem;--wb-public-switch-thumb-padding-medium: var(--wb-ds-size-37);--wb-public-switch-width-small: 1.75rem;--wb-public-switch-height-small: 1.125rem;--wb-public-switch-thumb-padding-small: var(--wb-ds-size-37);--wb-public-switch-width-extra-small: 1.625rem;--wb-public-switch-height-extra-small: var(--wb-ds-size-200);--wb-public-switch-thumb-padding-extra-small: var(--wb-ds-size-37)}}@layer ui.base{._medium_19q1b_1{box-sizing:border-box;--switch-thumb-size-medium: calc( var(--wb-public-switch-height-medium) - 2 * var(--wb-public-switch-thumb-padding-medium) );width:var(--wb-public-switch-width-medium);height:var(--wb-public-switch-height-medium)}._medium_19q1b_1 ._thumb_19q1b_32{box-sizing:border-box;width:var(--switch-thumb-size-medium);height:var(--switch-thumb-size-medium);left:var(--wb-public-switch-thumb-padding-medium)}._medium_19q1b_1[data-checked] ._thumb_19q1b_32{box-sizing:border-box;transform:translate(calc(var(--wb-public-switch-width-medium) - var(--switch-thumb-size-medium) - 2 * var(--wb-public-switch-thumb-padding-medium) - var(--wb-public-switch-border-size)))}._small_19q1b_1{box-sizing:border-box;--switch-thumb-size-small: calc( var(--wb-public-switch-height-small) - 2 * var(--wb-public-switch-thumb-padding-small) );width:var(--wb-public-switch-width-small);height:var(--wb-public-switch-height-small)}._small_19q1b_1 ._thumb_19q1b_32{box-sizing:border-box;width:var(--switch-thumb-size-small);height:var(--switch-thumb-size-small);left:var(--wb-public-switch-thumb-padding-small)}._small_19q1b_1[data-checked] ._thumb_19q1b_32{box-sizing:border-box;transform:translate(calc(var(--wb-public-switch-width-small) - var(--switch-thumb-size-small) - 2 * var(--wb-public-switch-thumb-padding-small) - var(--wb-public-switch-border-size)))}._extra-small_19q1b_1{box-sizing:border-box;--switch-thumb-size-extra-small: calc( var(--wb-public-switch-height-extra-small) - 2 * var(--wb-public-switch-thumb-padding-extra-small) );width:var(--wb-public-switch-width-extra-small);height:var(--wb-public-switch-height-extra-small)}._extra-small_19q1b_1 ._thumb_19q1b_32{box-sizing:border-box;width:var(--switch-thumb-size-extra-small);height:var(--switch-thumb-size-extra-small);left:var(--wb-public-switch-thumb-padding-extra-small)}._extra-small_19q1b_1[data-checked] ._thumb_19q1b_32{box-sizing:border-box;transform:translate(calc(var(--wb-public-switch-width-extra-small) - var(--switch-thumb-size-extra-small) - 2 * var(--wb-public-switch-thumb-padding-extra-small) - var(--wb-public-switch-border-size)))}}@layer ui.base{:root{--wb-public-switch-outline-color: var(--wb-ds-ui-stroke-subtle);--wb-public-switch-disabled-background-color: var(--wb-ds-ui-bg-inset);--wb-public-switch-disabled-border-color: var(--wb-ds-ui-stroke-subtle);--wb-public-track-no-selected-color: var(--wb-ds-ui-bg-base);--wb-public-track-selected-color: var(--wb-ds-components-selector-fill-checked);--wb-public-thumb-no-selected-color: var(--wb-ds-ui-text-subtle-default);--wb-public-thumb-disabled-color: var(--wb-ds-ui-icon-disabled);--wb-public-thumb-selected-color: var(--wb-ds-ui-text-onaccent-default);--wb-public-switch-focus-border-color: var(--wb-ds-shadow-ui-focus);--wb-public-switch-border-size: var(--wb-ds-size-12)}}@layer ui.base{._container_19q1b_18{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:var(--wb-ds-radius-full);border:var(--wb-public-switch-border-size) solid var(--wb-public-switch-outline-color)}._container_19q1b_18:not(:hover){box-sizing:border-box;transition:background-color var(--wb-public-transition)}._container_19q1b_18 ._thumb_19q1b_32{box-sizing:border-box;position:absolute;border-radius:var(--wb-ds-radius-full);background-color:var(--wb-public-thumb-no-selected-color);transition:transform var(--wb-public-transition)}._container_19q1b_18 ._track_19q1b_39{box-sizing:border-box;position:absolute;width:100%;height:100%;border-radius:var(--wb-ds-radius-full)}._container_19q1b_18 ._thumb-contents_19q1b_46{box-sizing:border-box;display:contents}._container_19q1b_18:focus-visible{box-sizing:border-box;outline:none;box-shadow:var(--wb-ds-shadow-ui-focus-element-x) var(--wb-ds-shadow-ui-focus-element-y) var(--wb-ds-shadow-ui-focus-element-blur) var(--wb-ds-shadow-ui-focus-element-spread) var(--wb-public-switch-focus-border-color)}._container_19q1b_18[data-checked] ._thumb_19q1b_32{box-sizing:border-box;background-color:var(--wb-public-thumb-selected-color)}._container_19q1b_18[data-checked] ._track_19q1b_39{box-sizing:border-box;background-color:var(--wb-public-track-selected-color)}._container_19q1b_18[data-disabled]{box-sizing:border-box;cursor:auto;border-color:var(--wb-public-switch-disabled-border-color)}._container_19q1b_18[data-disabled] ._track_19q1b_39{box-sizing:border-box;background-color:var(--wb-public-switch-disabled-background-color)}._container_19q1b_18[data-disabled] ._thumb_19q1b_32{box-sizing:border-box;background-color:var(--wb-public-thumb-disabled-color)}}@layer ui.base{:root{--wb-public-icon-switch-width: 4.125rem;--wb-public-icon-switch-height: 2.125rem;--wb-public-icon-switch-thumb-size: 1.75rem;--wb-public-icon-switch-thumb-offset: var(--wb-ds-size-37);--wb-public-icon-switch-translate: var(--wb-ds-size-400);--wb-public-icon-switch-padding: var(--wb-ds-space-100);--wb-public-icon-switch-icon-size: var(--wb-ds-size-200);--wb-public-icon-switch-track-bg: var(--wb-ds-ui-bg-inset);--wb-public-icon-switch-thumb-bg-primary: var(--wb-ds-components-selector-fill-checked);--wb-public-icon-switch-icon-color: var(--wb-ds-ui-text-muted-default);--wb-public-icon-switch-icon-selected-color: var(--wb-ds-ui-text-onaccent-default);--wb-public-icon-switch-thumb-bg-secondary: var(--wb-ds-ui-bg-base)}}@layer ui.component{._container_14t51_18{box-sizing:border-box;width:var(--wb-public-icon-switch-width);height:var(--wb-public-icon-switch-height);position:relative;border:none}._track_14t51_25{box-sizing:border-box;position:absolute;inset:0;border-radius:calc(var(--wb-public-icon-switch-height) / 2);background-color:var(--wb-public-icon-switch-track-bg);transition:background-color .1s ease-in-out;display:flex;justify-content:space-between;align-items:center;padding:0 var(--wb-public-icon-switch-padding);color:var(--wb-public-icon-switch-icon-color)}._track_14t51_25>div{box-sizing:border-box;width:var(--wb-public-icon-switch-icon-size);height:var(--wb-public-icon-switch-icon-size);display:flex;align-items:center;justify-content:center}._thumb_14t51_46{box-sizing:border-box;position:absolute;top:var(--wb-public-icon-switch-thumb-offset);left:var(--wb-public-icon-switch-thumb-offset);width:var(--wb-public-icon-switch-thumb-size);height:var(--wb-public-icon-switch-thumb-size);border-radius:var(--wb-ds-radius-full);transition:transform .1s ease-in-out;display:flex;align-items:center;justify-content:center}._thumb_14t51_46._primary_14t51_58{box-sizing:border-box;background-color:var(--wb-public-icon-switch-thumb-bg-primary);color:var(--wb-public-icon-switch-icon-selected-color)}._thumb_14t51_46._secondary_14t51_63{box-sizing:border-box;background-color:var(--wb-public-icon-switch-thumb-bg-secondary);color:var(--wb-public-icon-switch-thumb-bg-primary)}._icon_14t51_69{box-sizing:border-box;width:var(--wb-public-icon-switch-icon-size);height:var(--wb-public-icon-switch-icon-size);display:flex;align-items:center;justify-content:center}._thumb_14t51_46 ._icon_14t51_69{box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._thumb_14t51_46 ._icon_14t51_69._icon-right_14t51_84{box-sizing:border-box;transform:translate(-50%,-50%) rotate(90deg)}._container_14t51_18[data-checked] ._thumb_14t51_46{box-sizing:border-box;transform:translate(var(--wb-public-icon-switch-translate))}._thumb_14t51_46 ._icon-checked_14t51_94,._container_14t51_18[data-checked] ._thumb_14t51_46 ._icon-unchecked_14t51_98{box-sizing:border-box;display:none}._container_14t51_18[data-checked] ._thumb_14t51_46 ._icon-checked_14t51_94{box-sizing:border-box;display:flex}}