.px-toggle-icon-enter-active,.px-toggle-icon-leave-active{transition:opacity .2s cubic-bezier(.215,.61,.355,1);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:#22222254;--px-toggle-checked:#1a59c8;--px-toggle-thumb:white;--px-toggle-track-shadow:inset 0 1px 1px 0 #0003;--px-toggle-thumb-shadow:0 2px 4px 0 #0006}.px-toggle{appearance:none;box-sizing:border-box;white-space:nowrap;font-size:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;outline:none;align-items:center;gap:.5em;padding:0;font-family:inherit;font-weight:400;line-height:1;display:inline-flex;position:relative}.px-toggle .px-toggle__track{box-sizing:border-box;width:1.9em;height:1em;font-size:var(--px-toggle-size);background-color:var(--px-toggle-unchecked);box-shadow:var(--px-toggle-track-shadow);border-radius:1em;align-items:center;padding:3px;transition:background-color .2s cubic-bezier(.215,.61,.355,1);display:flex}.px-toggle .px-toggle__thumb{font-size:var(--px-toggle-size);background-color:var(--px-toggle-thumb);width:calc(1em - 6px);height:calc(1em - 6px);box-shadow:var(--px-toggle-thumb-shadow);border-radius:1em;flex:none}.px-toggle .px-toggle__spacer{flex:0;width:0;transition:flex .2s cubic-bezier(.215,.61,.355,1)}.px-toggle:disabled,.px-toggle:disabled:hover,.px-toggle:disabled:active,.px-toggle:disabled[aria-checked]{cursor:not-allowed}.px-toggle:disabled .px-toggle__track,.px-toggle:disabled:hover .px-toggle__track,.px-toggle:disabled:active .px-toggle__track,.px-toggle:disabled[aria-checked] .px-toggle__track{opacity:.66}.px-toggle:disabled .px-toggle__thumb,.px-toggle:disabled:hover .px-toggle__thumb,.px-toggle:disabled:active .px-toggle__thumb,.px-toggle:disabled[aria-checked] .px-toggle__thumb{box-shadow:none;background-color:#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{aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;height:100%;display:flex;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__track,.px-toggle--sm .px-toggle__thumb{font-size:clamp(12px,.921vw,14px)}.px-toggle--xs .px-toggle__track,.px-toggle--xs .px-toggle__thumb{font-size:clamp(10px,.789vw,12px)}