.toggle-switch{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.5rem;display:flex}.toggle-switch__input{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toggle-switch__track{background-color:var(--btn-inactive-bg);width:40px;height:22px;transition:background-color var(--btn-transition-duration) var(--btn-transition-easing);border-radius:11px;flex-shrink:0;position:relative}.toggle-switch__knob{background-color:var(--btn-inactive-text);width:18px;height:18px;transition:transform var(--btn-transition-duration) var(--btn-transition-easing), scale var(--btn-transition-duration) var(--btn-transition-easing), background-color var(--btn-transition-duration) var(--btn-transition-easing);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch__input:checked+.toggle-switch__track{background-color:var(--btn-active-bg)}.toggle-switch__input:checked+.toggle-switch__track .toggle-switch__knob{background-color:var(--btn-active-text);transform:translate(18px)scale(1.08)}.toggle-switch__input:focus-visible+.toggle-switch__track{outline:var(--btn-focus-ring-width) solid var(--btn-focus-ring-color);outline-offset:var(--btn-focus-ring-offset)}