.toggle,.toggler{display:inline-block;margin:10px;vertical-align:middle}.toggler{color:#ddd;font-weight:700;transition:.2s}.toggler--is-active{color:#3f9db6}.b{display:block}.toggle{background-color:#3f9db6;border-radius:100px;box-shadow:inset 0 0 2px 1px rgba(0,0,0,.05);height:35px;overflow:hidden;position:relative;width:80px}.check{cursor:pointer;display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:6}.check:checked~.switch{left:57.5%;right:2px;transition:.25s cubic-bezier(.785,.135,.15,.86);transition-delay:.08s,0s;transition-property:left,right}.switch{background-color:#fff;border-radius:36px;bottom:2px;box-shadow:0 1px 2px rgba(0,0,0,.2);left:2px;position:absolute;right:57.5%;top:2px;transition:.25s cubic-bezier(.785,.135,.15,.86);transition-delay:0s,.08s;transition-property:left,right;z-index:1}.hide{display:none}