.cl-toggle-switch{position:relative}.cl-switch{display:inline-block;position:relative}.cl-switch>input{appearance:none;z-index:-1;opacity:0;pointer-events:none;background-color:#00000061;border-radius:50%;outline:none;width:40px;height:40px;margin:0;transition:opacity .3s .1s,transform .2s .1s;display:block;position:absolute;top:-8px;right:6px;transform:scale(1)}.cl-switch>span:before{content:"";float:right;vertical-align:top;background-color:#00000061;border-radius:7px;width:36px;height:14px;margin:5px 0 5px 10px;transition:background-color .2s,opacity .2s;display:inline-block}.cl-switch>span:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:background-color .2s,transform .2s;position:absolute;top:2px;right:16px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.cl-switch>input:checked{background-color:#85b8b7;right:-10px}.cl-switch>input:checked+span:before{background-color:#85b8b7}.cl-switch>input:checked+span:after{background-color:#018786;transform:translate(16px)}.cl-switch:hover>input{opacity:.04}.cl-switch>input:focus{opacity:.12}.cl-switch:hover>input:focus{opacity:.16}.cl-switch>input:active{opacity:1;transition:transform,opacity;transform:scale(0)}.cl-switch>input:active+span:before{background-color:#8f8f8f}.cl-switch>input:checked:active+span:before{background-color:#85b8b7}.cl-switch>input:disabled{opacity:0}.cl-switch>input:disabled+span:before{background-color:#ddd}.cl-switch>input:checked:disabled+span:before{background-color:#bfdbda}.cl-switch>input:checked:disabled+span:after{background-color:#61b5b4}