.can-toggle{position:relative;width:200px;margin:0 auto}.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:0.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{user-select:none;position:relative;display:flex;align-items:center}.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);position:absolute;top:0;text-transform:uppercase;text-align:center}.can-toggle label .can-toggle__switch:after{content:attr(data-unchecked);position:absolute;z-index:5;text-transform:uppercase;text-align:center;background:white;transform:translate3d(0, 0, 0)}.can-toggle input[type="checkbox"][disabled] ~ label{color:rgba(10,168,158,0.5)}.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch,.can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch{background-color:#0aa89e}.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after,.can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after{color:#077871}.can-toggle input[type="checkbox"]:hover ~ label{color:#099087}.can-toggle input[type="checkbox"]:checked ~ label:hover{color:#099a90}.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch{background-color:#0bc0b5}.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after{color:#099087}.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch,.can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch{background-color:#0aa89e}.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:#077871}.can-toggle label .can-toggle__switch{transition:background-color 0.3s cubic-bezier(0, 1, 0.5, 1);background:#0bc0b5}.can-toggle label .can-toggle__switch:before{color:rgba(255,255,255,0.5)}.can-toggle label .can-toggle__switch:after{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);transition:transform 0.3s cubic-bezier(0, 1, 0.5, 1);color:#0aa89e}.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,0.4)}.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after{transform:translate3d(98px, 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,0.4)}.can-toggle label{font-size:14px}.can-toggle label .can-toggle__switch{height:36px;flex:0 0 200px;border-radius:4px}.can-toggle label .can-toggle__switch:before{left:100px;font-size:12px;line-height:36px;width:100px;padding:0 12px}.can-toggle label .can-toggle__switch:after{top:2px;left:2px;border-radius:2px;width:98px;line-height:32px;font-size:12px}.can-toggle label .can-toggle__switch:hover:after{box-shadow:0 3px 3px rgba(0,0,0,0.4)}