.can-toggle{width:80px;position:relative}.can-toggle *,.can-toggle :before,.can-toggle :after{box-sizing:border-box}.can-toggle input[type=checkbox]{opacity:0;z-index:10;width:100%;height:100%;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;user-select:none;align-items:center;display:flex;position:relative}.can-toggle label .can-toggle__label-text{flex:1;padding-left:32px}.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;color:#fff;background:#212121;position:absolute;transform:translate(0,0)}.can-toggle input[type=checkbox][disabled]~label{color:#ffffff80}.can-toggle input[type=checkbox]:focus~label .can-toggle__switch{background-color:#fff}.can-toggle input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:after{color:#fff}.can-toggle label .can-toggle__label-text{flex:1}.can-toggle label .can-toggle__switch{background:#fff;transition:background-color .3s cubic-bezier(0,1,.5,1)}.can-toggle label .can-toggle__switch:before{color:#bebebe}.can-toggle label .can-toggle__switch:after{-webkit-transition:-webkit-transform .3s cubic-bezier(0,1,.5,1);color:#fff;transition:transform .3s cubic-bezier(0,1,.5,1)}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:after{transform:translate(28px)}.can-toggle label{font-size:14px}.can-toggle label .can-toggle__switch{border-radius:10px;flex:0 0 60px;height:32px}.can-toggle label .can-toggle__switch:before{border:1px solid #e0e0e0;border-radius:10px;width:40px;padding:0 12px;font-size:12px;line-height:30px;left:30px}.can-toggle label .can-toggle__switch:after{border-radius:10px;width:42px;font-size:12px;line-height:32px;top:0;left:0}.can-toggle.can-toggle--size-small input[type=checkbox]:checked~label .can-toggle__switch:after{transform:translate(44px)}.can-toggle.can-toggle--size-small label{font-size:13px}.can-toggle.can-toggle--size-small label .can-toggle__switch{border-radius:10px;flex:0 0 90px;height:32px}.can-toggle.can-toggle--size-small label .can-toggle__switch:before{border:1px solid #e0e0e0;border-radius:10px;width:40px;padding:0 12px;font-size:10px;line-height:30px;left:45px}.can-toggle.can-toggle--size-small label .can-toggle__switch:after{border-radius:10px;width:42px;font-size:10px;line-height:32px;top:0;left:0}.can-toggle.can-toggle--size-large input[type=checkbox]:checked~label .can-toggle__switch:after{transform:translate(78px)}.can-toggle.can-toggle--size-large label{font-size:14px}.can-toggle.can-toggle--size-large label .can-toggle__switch{border-radius:10px;flex:0 0 160px;height:32px}.can-toggle.can-toggle--size-large label .can-toggle__switch:before{border:1px solid #e0e0e0;border-radius:10px;width:40px;padding:0 12px;font-size:14px;line-height:30px;left:80px}.can-toggle.can-toggle--size-large label .can-toggle__switch:after{border-radius:10px;width:42px;font-size:14px;line-height:32px;top:0;left:0}.can-toggle.demo-rebrand-2 input[type=checkbox][disabled]~label{color:#ffffff80}.can-toggle.demo-rebrand-2 input[type=checkbox]:focus~label .can-toggle__switch{background-color:#fff}.can-toggle.demo-rebrand-2 input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle.demo-rebrand-2 input[type=checkbox]:checked~label .can-toggle__switch:after{color:#fff}.can-toggle.demo-rebrand-2 label .can-toggle__label-text{flex:1}.can-toggle.demo-rebrand-2 label .can-toggle__switch{background:#fff;transition:background-color .3s cubic-bezier(.86,0,.07,1)}.can-toggle.demo-rebrand-2 label .can-toggle__switch:before{color:#bebebe}.can-toggle.demo-rebrand-2 label .can-toggle__switch:after{-webkit-transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);color:#fff;transition:transform .3s cubic-bezier(.86,0,.07,1)}.can-toggle.demo-rebrand-2 input[type=checkbox]:checked~label .can-toggle__switch:after{transform:translate(38px)}.can-toggle.demo-rebrand-2 label{font-size:13px}.can-toggle.demo-rebrand-2 label .can-toggle__switch{border-radius:10px;flex:0 0 80px;height:32px}.can-toggle.demo-rebrand-2 label .can-toggle__switch:before{border:1px solid #e0e0e0;border-radius:10px;width:40px;padding:0 12px;font-size:13px;line-height:30px;left:40px}.can-toggle.demo-rebrand-2 label .can-toggle__switch:after{border-radius:10px;width:42px;font-size:13px;line-height:32px;top:0;left:0}