.switch-container{display:flex;align-items:center;gap:8px}.switch-label{font-size:14px;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch{position:relative;display:inline-block}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#868686;transition:.4s;border-radius:100px;top:0;left:0;right:0;bottom:0}.slider:before{position:absolute;content:"";background-color:#fff;transition:.4s;border-radius:100px}input:checked+.slider{background-color:#00457d}input:checked+.slider:before{transform:translate(var(--knob-move))}.switch.comfortable{width:60px;height:34px;--knob-size: 26px;--knob-move: 26px}.switch.comfortable .slider:before{height:var(--knob-size);width:var(--knob-size);left:4px;bottom:4px}.switch.compact{width:40px;height:20px;--knob-size: 14px;--knob-move: 20px}.switch.compact .slider:before{height:var(--knob-size);width:var(--knob-size);left:3px;bottom:3px}.switch.spacious{width:80px;height:40px;--knob-size: 32px;--knob-move: 40px}.switch.spacious .slider:before{height:var(--knob-size);width:var(--knob-size);left:4px;bottom:4px}.switch.x-spacious{width:100px;height:50px;--knob-size: 42px;--knob-move: 50px}.switch.x-spacious .slider:before{height:var(--knob-size);width:var(--knob-size);left:4px;bottom:4px}.dark .switch input:checked+.slider{background-color:#fff}.dark .switch .slider:before{background-color:#222}.switch.disabled{pointer-events:none;position:relative;cursor:not-allowed}.switch.disabled:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff80;border-radius:inherit;z-index:10}