@property --md-comp-switch-handle-position{syntax:"<length>";inherits:true;initial-value:0}.ui-switch.svelte-1jyni1o{--md-comp-switch-handle-position:calc(var(--md-comp-switch-track-height) / 2);--md-comp-state-layer-color:rgb(var(--md-comp-switch-unselected-state-layer-color));width:var(--md-comp-switch-track-width);height:var(--md-comp-switch-track-height);border-radius:var(--md-comp-switch-track-shape);box-shadow:inset 0 0 0 var(--md-comp-switch-track-outline-width) rgb(var(--md-comp-switch-unselected-track-outline-color));background:var(--md-comp-switch-unselected-track-color);-webkit-backdrop-filter:var(--md-comp-switch-unselected-track-backdrop);backdrop-filter:var(--md-comp-switch-unselected-track-backdrop);cursor:pointer;transition:--md-comp-switch-handle-position var(--md-comp-switch-handle-motion-duration) var(--md-comp-switch-handle-motion-easing), background-color var(--md-comp-switch-color-motion-duration) var(--md-comp-switch-color-motion-easing), box-shadow var(--md-comp-switch-color-motion-duration) var(--md-comp-switch-color-motion-easing);border:0;flex:none;padding:0;position:relative}.ui-switch--on.svelte-1jyni1o{--md-comp-switch-handle-position:calc(var(--md-comp-switch-track-width) - var(--md-comp-switch-track-height) / 2);--md-comp-state-layer-color:rgb(var(--md-comp-switch-selected-state-layer-color));box-shadow:inset 0 0 0 var(--md-comp-switch-track-outline-width) transparent;background:rgb(var(--md-comp-switch-selected-track-color));-webkit-backdrop-filter:none;backdrop-filter:none}.ui-switch.svelte-1jyni1o:before{inset:50% auto auto;left:var(--md-comp-switch-handle-position);width:var(--md-comp-switch-state-layer-size);height:var(--md-comp-switch-state-layer-size);border-radius:var(--md-comp-switch-state-layer-shape);translate:-50% -50%}.ui-switch.svelte-1jyni1o:after{content:"";inset:calc((var(--md-comp-switch-track-height) - var(--md-comp-switch-target-size)) / 2) 0;position:absolute}.ui-switch__handle.svelte-1jyni1o{top:50%;left:var(--md-comp-switch-handle-position);width:var(--md-comp-switch-unselected-handle-size);height:var(--md-comp-switch-unselected-handle-size);border-radius:var(--md-comp-switch-handle-shape);background:rgb(var(--md-comp-switch-unselected-handle-color));transition:width var(--md-comp-switch-handle-motion-duration) var(--md-comp-switch-handle-motion-easing), height var(--md-comp-switch-handle-motion-duration) var(--md-comp-switch-handle-motion-easing), background-color var(--md-comp-switch-color-motion-duration) var(--md-comp-switch-color-motion-easing);position:absolute;translate:-50% -50%}.ui-switch--on.svelte-1jyni1o .ui-switch__handle:where(.svelte-1jyni1o){width:var(--md-comp-switch-selected-handle-size);height:var(--md-comp-switch-selected-handle-size);background:rgb(var(--md-comp-switch-selected-handle-color))}@media (hover:hover){.ui-switch.svelte-1jyni1o:hover .ui-switch__handle:where(.svelte-1jyni1o){background:rgb(var(--md-comp-switch-unselected-state-handle-color))}.ui-switch--on.svelte-1jyni1o:hover .ui-switch__handle:where(.svelte-1jyni1o){background:var(--md-comp-switch-selected-state-handle-color)}}.ui-switch.svelte-1jyni1o:is(:where(.svelte-1jyni1o):focus-visible,:where(.svelte-1jyni1o):active,[data-state]) .ui-switch__handle:where(.svelte-1jyni1o){background:rgb(var(--md-comp-switch-unselected-state-handle-color))}.ui-switch--on.svelte-1jyni1o:is(:where(.svelte-1jyni1o):focus-visible,:where(.svelte-1jyni1o):active,[data-state]) .ui-switch__handle:where(.svelte-1jyni1o){background:var(--md-comp-switch-selected-state-handle-color)}.ui-switch.svelte-1jyni1o:is(:where(.svelte-1jyni1o):active,[data-state=pressed]) .ui-switch__handle:where(.svelte-1jyni1o){width:var(--md-comp-switch-pressed-handle-size);height:var(--md-comp-switch-pressed-handle-size)}.ui-switch.ui-busy.svelte-1jyni1o{color:rgb(var(--md-comp-switch-selected-track-color));animation:svelte-1jyni1o-ui-switch-busy 0s var(--md-comp-switch-busy-delay) both}@keyframes svelte-1jyni1o-ui-switch-busy{to{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}}