.switcher{cursor:pointer;align-items:center;width:52px;height:26px;display:flex;position:relative}.switcher.disabled{opacity:.5;cursor:not-allowed}.switcher .slider{background-color:#c4cfd7;transition:all .4s;position:absolute;inset:0;box-shadow:inset 0 0 16px 2px #6c7e8a33}.switcher .slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:4px;left:4px;box-shadow:0 4px 10.6px 1.4px #29355429}.switcher .slider.round{border-radius:34px}.switcher .slider.round:before{border-radius:50%}.switcher .slider-title{z-index:2;color:#fff;width:100%;padding:0 9px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;position:relative}.switcher .slider-title.on{display:none}.switcher .slider-title.off{justify-content:flex-end;display:flex}.switcher input{display:none}.switcher input:checked+.slider{background-color:#458fff;box-shadow:inset 8.9px 1.1px 16px 2px #0000001a}.switcher input:focus+.slider{box-shadow:inset 8.9px 1.1px 16px 2px #0000001a}.switcher input:checked+.slider:before{transform:translate(26px)}.switcher input:checked~.off{display:none}.switcher input:checked~.on{display:flex}