.px-toggle{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:400;gap:.5em;line-height:1;outline:none;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.px-toggle-icon-enter-active,.px-toggle-icon-leave-active{transition:opacity .2s cubic-bezier(.215,.61,.355,1)}.px-toggle-icon-enter-active,.px-toggle-icon-leave-active{transition-delay:0}.px-toggle-icon-enter,.px-toggle-icon-enter-from,.px-toggle-icon-leave-to{opacity:0}:root{--px-toggle-size:1em;--px-toggle-unchecked:rgba(34,34,34,.33);--px-toggle-checked:#1a59c8;--px-toggle-thumb:#fff;--px-toggle-track-shadow:inset 0 1px 1px 0 rgba(0,0,0,.2);--px-toggle-thumb-shadow:0 2px 4px 0 rgba(0,0,0,.4)}.px-toggle .px-toggle__track{align-items:center;background-color:var(--px-toggle-unchecked);border-radius:1em;box-shadow:var(--px-toggle-track-shadow);box-sizing:border-box;display:flex;font-size:var(--px-toggle-size);height:1em;padding:3px;transition:background-color .2s cubic-bezier(.215,.61,.355,1);width:1.9em}.px-toggle .px-toggle__thumb{background-color:var(--px-toggle-thumb);border-radius:1em;box-shadow:var(--px-toggle-thumb-shadow);flex:none;font-size:var(--px-toggle-size);height:calc(1em - 6px);width:calc(1em - 6px)}.px-toggle .px-toggle__spacer{flex:0;transition:flex .2s cubic-bezier(.215,.61,.355,1);width:0}.px-toggle:disabled,.px-toggle:disabled:active,.px-toggle:disabled:hover,.px-toggle:disabled[aria-checked]{cursor:not-allowed}.px-toggle:disabled .px-toggle__track,.px-toggle:disabled:active .px-toggle__track,.px-toggle:disabled:hover .px-toggle__track,.px-toggle:disabled[aria-checked] .px-toggle__track{opacity:.66}.px-toggle:disabled .px-toggle__thumb,.px-toggle:disabled:active .px-toggle__thumb,.px-toggle:disabled:hover .px-toggle__thumb,.px-toggle:disabled[aria-checked] .px-toggle__thumb{box-shadow:none;opacity:#f7f7f7}.px-toggle:checked .px-toggle__track,.px-toggle[aria-checked=true] .px-toggle__track{background-color:var(--px-toggle-checked)}.px-toggle:checked .px-toggle__spacer,.px-toggle[aria-checked=true] .px-toggle__spacer{flex:1}.px-toggle__icon{align-items:center;aspect-ratio:1;border-radius:50%;display:flex;height:100%;justify-content:center;position:absolute;top:0}.px-toggle__icon--on{left:0}.px-toggle__icon--off{right:0}.px-toggle--reverse{flex-direction:row-reverse}.px-toggle--sm .px-toggle__thumb,.px-toggle--sm .px-toggle__track{font-size:clamp(12px,.921vw,14px)}.px-toggle--xs .px-toggle__thumb,.px-toggle--xs .px-toggle__track{font-size:clamp(10px,.789vw,12px)}