.switchWrapper{display:inline-flex;align-items:center;cursor:pointer;gap:1rem;position:relative;flex-shrink:0;white-space:nowrap}.switchWrapper:not(.active):active .slider,.switchWrapper:not(.active):hover .slider{border-color:var(--title);background:rgba(var(--primary-rgb),.1)}.switchWrapper:not(.active):active .slider:before,.switchWrapper:not(.active):hover .slider:before{background-color:var(--title)}.switchWrapper:not(.active):active .checkbox:checked:not(:disabled)~.slider,.switchWrapper:not(.active):hover .checkbox:checked:not(:disabled)~.slider{background-color:var(--primary)}.switchWrapper:not(.active):active .checkbox:checked:not(:disabled)~.label.after,.switchWrapper:not(.active):hover .checkbox:checked:not(:disabled)~.label.after{color:var(--title)}.switchWrapper:not(.active):active .checkbox:checked:not(:disabled)~.label.before,.switchWrapper:not(.active):hover .checkbox:checked:not(:disabled)~.label.before{color:var(--caption)}.switchWrapper.active{cursor:default}.switchWrapper .label{font-size:1.6rem;line-height:2.4rem}.switchWrapper .label.before{color:var(--title)}.switchWrapper .label.after{color:var(--caption)}.switchWrapper .checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.switchWrapper .checkbox:checked~.slider{border:none;background-color:var(--primary)}.switchWrapper .checkbox:checked~.slider:before{background-color:var(--light);width:24px;height:24px;left:calc(100% - 29px);bottom:4px}.switchWrapper .slider{position:relative;width:5.2rem;height:3.2rem;border:.2rem solid var(--caption);border-radius:3.2rem;transition:background-color .1s,border .1s}.switchWrapper .slider:before{position:absolute;content:"";height:16px;width:16px;left:6px;bottom:6px;background-color:var(--caption);transition:left .3s ease;border-radius:50%}