.can-toggle{position:relative}.can-toggle *,.can-toggle :after,.can-toggle :before{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;user-select:none;position:relative;display:flex;align-items:center}.can-toggle label .can-toggle__label-text{padding-left:32px}.can-toggle label .can-toggle__switch{position:relative}.can-toggle label .can-toggle__switch:before{content:attr(data-checked);position:absolute;top:0;text-align:center}.can-toggle label .can-toggle__switch:after{content:attr(data-unchecked);position:absolute;z-index:5;text-align:center;background:#fff;transform:translateZ(0)}.can-toggle input[type=checkbox][disabled]~label{color:hsla(0,0%,46.7%,.5)}.can-toggle input[type=checkbox]:focus~label .can-toggle__switch,.can-toggle input[type=checkbox]:hover~label .can-toggle__switch{background-color:#777}.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{cursor:pointer;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,.can-toggle input[type=checkbox]:checked:hover~label .can-toggle__switch{background-color:#5fc054}.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__label-text{flex:1}.can-toggle label .can-toggle__switch{transition:background-color .3s cubic-bezier(0,1,.5,1);background:#848484}.can-toggle label .can-toggle__switch.off{background-color:#fff!important;border:1px solid #5fc054}.can-toggle label .can-toggle__switch.off:before{color:#777}.can-toggle label .can-toggle__switch.off:after{color:#fff!important;background:#5fc054!important}.can-toggle label .can-toggle__switch.on:before{color:#777}.can-toggle label .can-toggle__switch.on{background-color:#fff!important;border:1px solid #5fc054}.can-toggle label .can-toggle__switch.on:after{color:#fff!important;background:#5fc054!important}.can-toggle label .can-toggle__switch:before{color:hsla(0,0%,100%,.5)}.can-toggle label .can-toggle__switch:after{transition:transform .3s cubic-bezier(0,1,.5,1);color:#777}.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 rgba(0,0,0,.4)}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:after{transform:translate3d(65px,0,0)}.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 rgba(0,0,0,.4)}.can-toggle label{font-size:14px}.can-toggle label .can-toggle__switch{height:36px;flex:0 0 134px;border-radius:4px}.can-toggle label .can-toggle__switch:before{left:67px;font-size:12px;line-height:36px;width:67px;padding:0 12px}.can-toggle label .can-toggle__switch:after{top:2px;left:2px;border-radius:2px;width:65px;line-height:32px;font-size:12px}.can-toggle label .can-toggle__switch:hover:after{box-shadow:0 3px 3px rgba(0,0,0,.4)}.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 rgba(0,0,0,.4)}.can-toggle.can-toggle--size-small input[type=checkbox]:checked~label .can-toggle__switch:after{transform:translate3d(44px,0,0)}.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 rgba(0,0,0,.4)}.can-toggle.can-toggle--size-small label{font-size:13px}.can-toggle.can-toggle--size-small label .can-toggle__switch{height:28px;flex:0 0 90px;border-radius:2px}.can-toggle.can-toggle--size-small label .can-toggle__switch:before{left:45px;font-size:10px;line-height:28px;width:45px;padding:0 12px}.can-toggle.can-toggle--size-small label .can-toggle__switch:after{top:1px;left:1px;border-radius:1px;width:44px;line-height:26px;font-size:10px}.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after{box-shadow:0 2px 2px rgba(0,0,0,.4)}.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 rgba(0,0,0,.4)}.can-toggle.can-toggle--size-large input[type=checkbox]:checked~label .can-toggle__switch:after{transform:translate3d(88px,0,0)}.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 rgba(0,0,0,.4)}.can-toggle.can-toggle--size-large label{font-size:12px}.can-toggle.can-toggle--size-large label .can-toggle__switch{height:30px;flex:0 0 180px;border-radius:4px}.can-toggle.can-toggle--size-large label .can-toggle__switch:before{left:90px;font-size:12px;line-height:30px;width:90px;padding:0 12px}.can-toggle.can-toggle--size-large label .can-toggle__switch:after{top:2px;left:2px;border-radius:2px;width:88px;line-height:26px;font-size:12px}.can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after{box-shadow:0 4px 4px rgba(0,0,0,.4)}.can-toggle.demo-rebrand-1 input[type=checkbox][disabled]~label{color:rgba(181,62,116,.5)}.can-toggle.demo-rebrand-1 input[type=checkbox]:focus~label .can-toggle__switch,.can-toggle.demo-rebrand-1 input[type=checkbox]:hover~label .can-toggle__switch{background-color:#b53e74}.can-toggle.demo-rebrand-1 input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle.demo-rebrand-1 input[type=checkbox]:hover~label .can-toggle__switch:after{color:#8f315c}.can-toggle.demo-rebrand-1 input[type=checkbox]:hover~label{cursor:pointer;color:#a23768}.can-toggle.demo-rebrand-1 input[type=checkbox]:checked~label:hover{color:#39916a}.can-toggle.demo-rebrand-1 input[type=checkbox]:checked~label .can-toggle__switch{background-color:#44ae7f}.can-toggle.demo-rebrand-1 input[type=checkbox]:checked~label .can-toggle__switch:after{color:#368a65}.can-toggle.demo-rebrand-1 input[type=checkbox]:checked:focus~label .can-toggle__switch,.can-toggle.demo-rebrand-1 input[type=checkbox]:checked:hover~label .can-toggle__switch{background-color:#3d9c72}.can-toggle.demo-rebrand-1 input[type=checkbox]:checked:focus~label .can-toggle__switch:after,.can-toggle.demo-rebrand-1 input[type=checkbox]:checked:hover~label .can-toggle__switch:after{color:#2f7757}.can-toggle.demo-rebrand-1 label .can-toggle__label-text{flex:1}.can-toggle.demo-rebrand-1 label .can-toggle__switch{transition:background-color .3s ease-in-out;background:#c14b81}.can-toggle.demo-rebrand-1 label .can-toggle__switch.off{background-color:#fff!important;border:1px solid #3d9c72}.can-toggle.demo-rebrand-1 label .can-toggle__switch.off:before{color:#b53e74}.can-toggle.demo-rebrand-1 label .can-toggle__switch.off:after{color:#fff!important;background:#3d9c72!important}.can-toggle.demo-rebrand-1 label .can-toggle__switch.on:before{color:#b53e74}.can-toggle.demo-rebrand-1 label .can-toggle__switch.on{background-color:#fff!important;border:1px solid #3d9c72}.can-toggle.demo-rebrand-1 label .can-toggle__switch.on:after{color:#fff!important;background:#3d9c72!important}.can-toggle.demo-rebrand-1 label .can-toggle__switch:before{color:hsla(0,0%,100%,.6)}.can-toggle.demo-rebrand-1 label .can-toggle__switch:after{transition:transform .3s ease-in-out;color:#b53e74}.can-toggle.big-switch{cursor:pointer}.can-toggle.big-switch input[type=checkbox][disabled]~label{color:rgba(227,122,180,.5)}.can-toggle.big-switch input[type=checkbox]:focus~label .can-toggle__switch,.can-toggle.big-switch input[type=checkbox]:hover~label .can-toggle__switch{background-color:#e37ab4}.can-toggle.big-switch input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle.big-switch input[type=checkbox]:hover~label .can-toggle__switch:after{color:#da509c}.can-toggle.big-switch input[type=checkbox]:hover~label{cursor:pointer;color:#df65a8}.can-toggle.big-switch input[type=checkbox]:checked~label:hover{color:#b21446}.can-toggle.big-switch input[type=checkbox]:checked~label .can-toggle__switch{background-color:#d71954}.can-toggle.big-switch input[type=checkbox]:checked~label .can-toggle__switch:after{color:#a91342}.can-toggle.big-switch input[type=checkbox]:checked:focus~label .can-toggle__switch,.can-toggle.big-switch input[type=checkbox]:checked:hover~label .can-toggle__switch{background-color:#c0164b}.can-toggle.big-switch input[type=checkbox]:checked:focus~label .can-toggle__switch:after,.can-toggle.big-switch input[type=checkbox]:checked:hover~label .can-toggle__switch:after{color:#921139}.can-toggle.big-switch label .can-toggle__label-text{flex:1}.can-toggle.big-switch label .can-toggle__switch{transition:background-color .3s cubic-bezier(.86,0,.07,1);background:#e78fc0}.can-toggle.big-switch label .can-toggle__switch.off{background-color:#fff!important;border:1px solid #c0164b}.can-toggle.big-switch label .can-toggle__switch.off:before{color:#e37ab4}.can-toggle.big-switch label .can-toggle__switch.off:after{color:#fff!important;background:#c0164b!important}.can-toggle.big-switch label .can-toggle__switch.on:before{color:#e37ab4}.can-toggle.big-switch label .can-toggle__switch.on{background-color:#fff!important;border:1px solid #c0164b}.can-toggle.big-switch label .can-toggle__switch.on:after{color:#fff!important;background:#c0164b!important}.can-toggle.big-switch label .can-toggle__switch:before{color:hsla(0,0%,100%,.8)}.can-toggle.big-switch label .can-toggle__switch:after{transition:transform .3s cubic-bezier(.86,0,.07,1);color:#e37ab4}.can-toggle.big-switch input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle.big-switch input[type=checkbox]:hover~label .can-toggle__switch:after{box-shadow:0 4px 4px rgba(0,0,0,.4)}.can-toggle.big-switch input[type=checkbox]:checked~label .can-toggle__switch:after{transform:translate3d(100px,0,0)}.can-toggle.big-switch input[type=checkbox]:checked:focus~label .can-toggle__switch:after,.can-toggle.big-switch input[type=checkbox]:checked:hover~label .can-toggle__switch:after{box-shadow:0 4px 4px rgba(0,0,0,.4)}.can-toggle.big-switch label{font-size:12px}.can-toggle.big-switch label .can-toggle__switch{height:30px;flex:0 0 200px;border-radius:60px}.can-toggle.big-switch label .can-toggle__switch:before{left:100px;font-size:13px;line-height:30px;width:100px;padding:0 12px}.can-toggle.big-switch label .can-toggle__switch:after{top:0;left:0;border-radius:30px;width:100px;line-height:30px;font-size:13px}.can-toggle.big-switch label .can-toggle__switch:hover:after{box-shadow:0 4px 4px rgba(0,0,0,.4)}