.can-toggle{position:relative}.can-toggle *,.can-toggle :before,.can-toggle :after{box-sizing:border-box}.can-toggle input[type=checkbox]{opacity:0;position:absolute;top:0;left:0}.can-toggle input[type=checkbox][disabled]~label{pointer-events:none}.can-toggle input[type=checkbox][disabled]~label .can-toggle__switch{opacity:.4}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:before{content:attr(data-unchecked);left:0}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:after{content:attr(data-checked)}.can-toggle label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}.can-toggle label .can-toggle__label-text{margin-right:10px}.can-toggle label .can-toggle__switch{position:relative}.can-toggle label .can-toggle__switch:before{content:attr(data-checked);text-transform:uppercase;text-align:center;position:absolute;top:0}.can-toggle label .can-toggle__switch:after{content:attr(data-unchecked);z-index:5;text-transform:uppercase;text-align:center;background:#fff;position:absolute;-webkit-transform:translate(0,0);transform:translate(0,0)}.can-toggle input[type=checkbox][disabled]~label{color:#77777780}.can-toggle input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle input[type=checkbox]:hover~label .can-toggle__switch:after{color:#5e5e5e}.can-toggle input[type=checkbox]:hover~label{color:#6a6a6a}.can-toggle input[type=checkbox]:checked~label:hover{color:#55bc49}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch{background-color:#70c767}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:after{color:#4fb743}.can-toggle input[type=checkbox]:checked:focus~label .can-toggle__switch:after,.can-toggle input[type=checkbox]:checked:hover~label .can-toggle__switch:after{color:#47a43d}.can-toggle label .can-toggle__switch{background:#848484;-webkit-transition:background-color .3s cubic-bezier(0,1,.5,1);transition:background-color .3s cubic-bezier(0,1,.5,1)}.can-toggle label .can-toggle__switch:before{color:#ffffff80}.can-toggle label .can-toggle__switch:after{color:#777;-webkit-transition:-webkit-transform .3s cubic-bezier(0,1,.5,1),transform .3s cubic-bezier(0,1,.5,1);transition:-webkit-transform .3s cubic-bezier(0,1,.5,1),transform .3s cubic-bezier(0,1,.5,1)}.can-toggle input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle input[type=checkbox]:hover~label .can-toggle__switch:after{box-shadow:0 3px 3px #0006}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:after{-webkit-transform:translate(65px);transform:translate(65px)}.can-toggle input[type=checkbox]:checked:focus~label .can-toggle__switch:after,.can-toggle input[type=checkbox]:checked:hover~label .can-toggle__switch:after{box-shadow:0 3px 3px #0006}.can-toggle label{font-size:14px}.can-toggle label .can-toggle__switch{border-radius:4px;-webkit-box-flex:0;-webkit-flex:0 0 134px;-ms-flex:0 0 134px;flex:0 0 134px;height:36px}.can-toggle label .can-toggle__switch:before{width:67px;padding:0 12px;font-size:12px;line-height:36px;left:67px}.can-toggle label .can-toggle__switch:after{border-radius:2px;width:65px;font-size:12px;line-height:32px;top:2px;left:2px}.can-toggle label .can-toggle__switch:hover:after{box-shadow:0 3px 3px #0006}.can-toggle.can-toggle--size-small input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle.can-toggle--size-small input[type=checkbox]:hover~label .can-toggle__switch:after{box-shadow:0 2px 2px #0006}.can-toggle.can-toggle--size-small input[type=checkbox]:checked~label .can-toggle__switch:after{-webkit-transform:translate(44px);transform:translate(44px)}.can-toggle.can-toggle--size-small input[type=checkbox]:checked:focus~label .can-toggle__switch:after,.can-toggle.can-toggle--size-small input[type=checkbox]:checked:hover~label .can-toggle__switch:after{box-shadow:0 2px 2px #0006}.can-toggle.can-toggle--size-small label{font-family:tahoma;font-size:9px}.can-toggle.can-toggle--size-small label .can-toggle__switch{border-radius:2px;-webkit-box-flex:0;-webkit-flex:0 0 90px;-ms-flex:0 0 90px;flex:0 0 90px;height:28px}.can-toggle.can-toggle--size-small label .can-toggle__switch:before{width:45px;padding:0 12px;font-size:10px;line-height:28px;left:45px}.can-toggle.can-toggle--size-small label .can-toggle__switch:after{border-radius:1px;width:44px;font-size:10px;line-height:26px;top:1px;left:1px}.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after{box-shadow:0 2px 2px #0006}.can-toggle.can-toggle--size-large input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle.can-toggle--size-large input[type=checkbox]:hover~label .can-toggle__switch:after{box-shadow:0 4px 4px #0006}.can-toggle.can-toggle--size-large input[type=checkbox]:checked~label .can-toggle__switch:after{-webkit-transform:translate(78px);transform:translate(78px)}.can-toggle.can-toggle--size-large input[type=checkbox]:checked:focus~label .can-toggle__switch:after,.can-toggle.can-toggle--size-large input[type=checkbox]:checked:hover~label .can-toggle__switch:after{box-shadow:0 4px 4px #0006}.can-toggle.can-toggle--size-large label{font-size:14px}.can-toggle.can-toggle--size-large label .can-toggle__switch{border-radius:4px;-webkit-box-flex:0;-webkit-flex:0 0 160px;-ms-flex:0 0 160px;flex:0 0 160px;height:50px}.can-toggle.can-toggle--size-large label .can-toggle__switch:before{width:80px;padding:0 12px;font-size:14px;line-height:50px;left:80px}.can-toggle.can-toggle--size-large label .can-toggle__switch:after{border-radius:2px;width:78px;font-size:14px;line-height:46px;top:2px;left:2px}.can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after{box-shadow:0 4px 4px #0006}