.switch-container{width:100%;min-width:40px;max-width:60px}.switch-checkbox{visibility:hidden;width:0;height:0}.switch-label{cursor:pointer;background:gray;border-radius:50px;justify-content:space-between;align-items:center;width:100%;height:26.5px;transition:background-color .2s;display:flex;position:relative}.switch-label .switch-button{content:"";background:#fff;border-radius:45px;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 0 2px #0a0a0a4a}.switch-checkbox:checked+.switch-label .switch-button{left:calc(100% - 3px);transform:translate(-100%)}.switch-label:active .switch-button{width:45px}.switch-text{text-align:start;z-index:1;color:#fff;font-size:12px;font-weight:400;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.checked .switch-text{right:unset;color:#000;left:10px}