.ui-switch{position:relative;height:2.5rem;display:flex;cursor:pointer;align-items:center;flex-direction:row;width:100%}.ui-switch input{position:absolute;opacity:0;pointer-events:none}.ui-switch label{font-family:var(--font_title);font-weight:500;cursor:pointer}.ui-switch label:before{content:"";position:absolute;right:0;top:0;width:4.5rem;height:100%;background-color:var(--topaz);border-radius:2rem;transition:all .3s ease;cursor:pointer}.ui-switch label:hover:before{background-color:var(--scarpa-flow)}.ui-switch label:hover{color:var(--gigas)}.ui-switch label:after{content:"";position:absolute;margin:.25rem;right:2rem;top:0;width:2rem;height:2rem;background:#fff;border-radius:2rem;transition:all .3s ease;cursor:pointer}.ui-switch input:checked~label:hover:before{background-color:var(--green-parsley)}.ui-switch input:checked~label:before{background-color:var(--green-apple)}.ui-switch input:checked:disabled~label:hover:before{background-color:var(--scarpa-flow)}.ui-switch input:checked:disabled~span{width:1rem;position:absolute;right:2.75rem;color:var(--mischka)}.ui-switch input:checked:disabled~label:before{background-color:var(--scarpa-flow)}.ui-switch input:checked~label:after{transform:translate(2rem)}@media screen and (max-width:480px){.ui-switch label:before{width:4rem}.ui-switch label:after{right:1.5rem}.ui-switch input:checked~label:after{transform:translate(1.5rem)}.ui-switch input:checked:disabled~span{right:2.5rem}}