.Switch-track{--track-padding: .25rem;--track-border-radius: .375rem;--track-height: 1.25rem;--track-width: 2rem;--track-box-shadow: inset 0 .0625rem .25rem rgba(0, 0, 0, .05);position:relative;height:var(--track-height);width:var(--track-width);background:var(--p-color-icon-secondary);padding:var(--track-padding);box-shadow:var(--track-box-shadow);border:none;border-radius:var(--track-border-radius);cursor:pointer;transition:background var(--p-motion-duration-50) var(--p-motion-ease)}.Switch-track:after{content:"";position:absolute;z-index:1;top:-.0625rem;right:-.0625rem;bottom:-.0625rem;left:-.0625rem;display:block;pointer-events:none;box-shadow:0 0 0 -.0625rem var(--p-color-border-focus);transition:box-shadow var(--p-motion-duration-100) var(--p-motion-ease);border-radius:calc(var(--p-border-radius-100) + .0625rem)}.Switch-track:focus-visible:after{box-shadow:0 0 0 .125rem var(--p-color-border-focus);outline:var(--p-border-width-025) solid transparent}.Switch-track:focus-visible{outline:none}.Switch-track--on{background:var(--p-color-bg-inverse)}.Switch-track:hover:not(.Switch-track--disabled){background:var(--p-color-icon-secondary-hover)}.Switch-track--on:hover:not(.Switch-track--disabled){background:var(--p-color-icon-hover)}.Switch-track:active:not(.Switch-track--disabled){background:var(--p-color-icon-secondary-active)}.Switch-track--on:active:not(.Switch-track--disabled){background:var(--p-color-icon-secondary-active)}.Switch-track--disabled{background:var(--p-color-bg-surface-secondary-selected);cursor:default;pointer-events:none;transition:none}.Switch-knob{--knob-height: .75rem;--knob-width: .75rem;--knob-border-radius: .1875rem;height:var(--knob-height);width:var(--knob-width);border-radius:var(--knob-border-radius);background:var(--p-color-bg-surface);transition:transform var(--p-motion-duration-50) var(--p-motion-ease)}.Switch-knob--on{transform:translate(100%)}.Switch-knob--disabled{background:var(--p-color-bg-surface-secondary)}