.can-toggle{position:relative}.can-toggle *,.can-toggle :after,.can-toggle :before{box-sizing:border-box}.can-toggle input[type=checkbox]{left:2px;opacity:0;position:relative;top: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__switch{height:65px!important;margin-left:auto;margin-right:auto}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:after,.can-toggle input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle input[type=checkbox]:hover~label .can-toggle__switch:after{align-items:center;background:hsla(0,0%,100%,.45);color:#fff!important;display:flex;font-family:Overpass,san-serif;font-size:18px;height:61px!important;justify-content:center;left:2px}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:before,.can-toggle input[type=checkbox]:focus~label .can-toggle__switch:before,.can-toggle input[type=checkbox]:hover~label .can-toggle__switch:before{align-items:center;background:hsla(0,0%,100%,.001);border-radius:2px;display:flex;font-family:Overpass,san-serif;font-size:18px;height:61px!important;justify-content:center}.can-toggle input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle input[type=checkbox]:hover~label .can-toggle__switch:after,.can-toggle input[type=checkbox]:unchecked~label .can-toggle__switch:after{background:hsla(0,0%,100%,.001)!important}.can-toggle input[type=checkbox]:focus~label .can-toggle__switch:before,.can-toggle input[type=checkbox]:hover~label .can-toggle__switch:before,.can-toggle input[type=checkbox]:unchecked~label .can-toggle__switch:before{background:hsla(0,0%,100%,.75)!important;color:#ff0538!important}.can-toggle label .can-toggle__switch{flex:0 0 275px!important}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:before{content:attr(data-unchecked);left:2px}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:after{content:attr(data-checked)}.can-toggle label{align-items:center;display:flex;position:relative;user-select:none}.can-toggle label .can-toggle__label-text{padding-left:32px}.can-toggle label .can-toggle__switch{cursor:pointer;position:relative}.can-toggle label .can-toggle__switch:before{content:attr(data-checked);position:absolute;text-align:center;text-transform:uppercase;top:2px}.can-toggle label .can-toggle__switch:after{background:hsla(0,0%,100%,.45);content:attr(data-unchecked);position:absolute;text-align:center;text-transform:uppercase;transform:translateZ(0);z-index:5}.can-toggle input[type=checkbox][disabled]~label{color:rgba(234,0,48,.5)}.can-toggle input[type=checkbox]:focus~label .can-toggle__switch,.can-toggle input[type=checkbox]:hover~label .can-toggle__switch{background-color:#ea0030}.can-toggle input[type=checkbox]:focus~label .can-toggle__switch:after,.can-toggle input[type=checkbox]:hover~label .can-toggle__switch:after{color:#b70026}.can-toggle input[type=checkbox]:hover~label{color:#d1002b}.can-toggle input[type=checkbox]:checked~label:hover{color:#41c45d}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch{background-color:#0c8a32}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:after{color:#0c8a32}.can-toggle input[type=checkbox]:checked:focus~label .can-toggle__switch,.can-toggle input[type=checkbox]:checked:hover~label .can-toggle__switch{background-color:#41c45d}.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:#0c8a32}.can-toggle label .can-toggle__label-text{flex:1}.can-toggle label .can-toggle__switch{background:#ff0538;transition:background-color .3s cubic-bezier(0,1,.5,1)}.can-toggle label .can-toggle__switch:before{color:hsla(0,0%,100%,.5)}.can-toggle label .can-toggle__switch:after{color:#ea0030;-webkit-transition:-webkit-transform .3s cubic-bezier(0,1,.5,1);transition:transform .3s cubic-bezier(0,1,.5,1)}.can-toggle input[type=checkbox]:checked~label .can-toggle__switch:after{transform:translate3d(134.5px,0,0)}.can-toggle label{font-size:14px}.can-toggle label .can-toggle__switch{border-radius:100px;flex:0 0 134px;height:36px}.can-toggle label .can-toggle__switch:before{font-family:Overpass,san-serif;font-size:18px;left:136.5px;line-height:60px;padding:0 12px;width:136.5px}.can-toggle label .can-toggle__switch:after{border-radius:100px;color:#fff;font-family:Overpass,san-serif;font-size:18px;left:2px;line-height:60px;top:2px;width:136.5px}.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 label{font-family:Overpass,san-serif;font-size:13px}.can-toggle.can-toggle--size-small label .can-toggle__switch{border-radius:100px;flex:0 0 90px;height:28px}.can-toggle.can-toggle--size-small label .can-toggle__switch:before{font-family:Overpass,san-serif;font-size:10px;left:45px;line-height:28px;padding:0 12px;width:45px}.can-toggle.can-toggle--size-small label .can-toggle__switch:after{border-radius:100px;font-family:Overpass,san-serif;font-size:10px;left:1px;line-height:26px;top:1px;width:44px}:root{--sz:4vmin;--on:#03a9f4;--on:#67f970;--of:#fff0;--of:#f44336;--gr:#666;--tr:all 0.5s ease 0s;--lg:var(--of)}*,:after,:before{box-sizing:border-box;transition:var(--tr)}.toggle{align-items:center;display:flex;height:calc(var(--sz)*2);justify-content:center;position:relative;width:calc(var(--sz)*4)}input{display:none}label[for=btn]{background:linear-gradient(0deg,#f9f9f9,#0d1217);border-radius:var(--sz);box-shadow:0 calc(var(--sz)/1) 5px 0 #0002 inset,0 0 calc(var(--sz)/50) calc(var(--sz)/50) #0006,0 -4px calc(var(--sz)/10) calc(var(--sz)/500) #0b0b10,0 0 calc(var(--sz)/10) calc(var(--sz)/50) #b9e1ff88,0 -4px calc(var(--sz)/5) calc(var(--sz)/50) #15182fcc;height:calc(var(--sz)*2);position:absolute;width:calc(var(--sz)*4)}label[for=btn]:before{box-shadow:calc(var(--sz)/-50) calc(var(--sz)/50) calc(var(--sz)/30) 0 #fff2 inset,0 0 calc(var(--sz)/10) calc(var(--sz)/50) #000c,0 calc(var(--sz)/3) calc(var(--sz)/3) 0 #000d;height:calc(var(--sz)*2 - var(--sz)/8);left:calc(var(--sz)/10 + var(--sz)/-30);top:calc(var(--sz)/10 + var(--sz)/-20);width:calc(var(--sz)*2 - var(--sz)/8)}label[for=btn]:after,label[for=btn]:before{border-radius:100%;content:"";position:absolute;transition:var(--tr)}label[for=btn]:after{background-position:0 0,calc(var(--sz)/1) calc(var(--sz)/1.5);background-repeat:no-repeat;background-size:100% 100%,calc(var(--sz)/10) calc(var(--sz)/1.5);height:100%;left:0;opacity:.95;top:0;width:100%}.thumb{--shdw:180deg;align-items:center;background:radial-gradient(circle at 51% 50%,#fff0 calc(var(--sz)/1.05),var(--lg) calc(var(--sz)/.99)),radial-gradient(circle at 59% 50%,#fff0 calc(var(--sz)/.95),var(--lg) calc(var(--sz)/.75));border-radius:var(--sz);box-shadow:calc(var(--sz)/-50) calc(var(--sz)/50) calc(var(--sz)/30) 0 #fff2 inset;cursor:pointer;display:flex;height:calc(var(--sz)*2 - var(--sz)/8);justify-content:center;left:calc(var(--sz)/10 + var(--sz)/-30);overflow:hidden;position:absolute;top:calc(var(--sz)/10 + var(--sz)/-20);width:calc(var(--sz)*2 - var(--sz)/8);z-index:1}#btn:checked+label .thumb,#btn:checked+label[for=btn]:before{left:calc(100% - var(--sz)*2 + var(--sz)/3 - var(--sz)/10 - var(--sz)/5.75)}#btn:checked+label .thumb{--shdw:360deg;--lg:var(--on);box-shadow:calc(var(--sz)/-50) calc(var(--sz)/-50) calc(var(--sz)/30) 0 #fff2 inset;transform:rotate(180deg)}.thumb:before{background:radial-gradient(circle at 56% 50%,#fff0 calc(var(--sz)/1),var(--lg) calc(var(--sz)/.95));filter:blur(10px);height:calc(var(--sz)/.5);opacity:.25;width:calc(var(--sz)/.5);z-index:0}.thumb:after,.thumb:before{content:"";position:absolute}.thumb:after{background:repeating-conic-gradient(#0002 .000095%,#fff0 .0005%,#fff0 .005%,#fff0 .0005%),repeating-conic-gradient(#0002 .00001%,#fff0 .00009%,#fff0 .00075%,#fff0 .000025%),linear-gradient(180deg,#131821,#121721);border-radius:100%;box-shadow:calc(var(--sz)/-50) calc(var(--sz)/50) calc(var(--sz)/30) 0 #fff2 inset;height:100%;width:100%;z-index:-1}#btn:checked+label .thumb:after{transform:rotate(-180deg)}.light{align-items:center;background:#121212;box-shadow:0 0 calc(var(--sz)/50) calc(var(--sz)/50) #0008,0 -2px calc(var(--sz)/5) calc(var(--sz)/500) #000,0 2px calc(var(--sz)/10) calc(var(--sz)/500) #fff8,0 0 calc(var(--sz)/20) calc(var(--sz)/25) #000;display:flex;height:calc(var(--sz)/1.75);height:calc(var(--sz)/3);justify-content:center;left:calc(var(--sz)*-.5);position:relative;width:calc(var(--sz)*1);width:calc(var(--sz)/3);z-index:1}.light,.light:before{border-radius:var(--sz)}.light:before{background:radial-gradient(circle at 50% 32%,#fff5 0 calc(var(--sz)/20),#000 calc(var(--sz)/3) calc(var(--sz)/3));background:radial-gradient(circle at 50% 32%,#fff 0 calc(var(--sz)/20),var(--lg) calc(var(--sz)/3) calc(var(--sz)/3));box-shadow:0 0 calc(var(--sz)/3) 0 #003ef520,0 0 calc(var(--sz)/3) calc(var(--sz)/20) #003ef520 inset;box-shadow:0 0 calc(var(--sz)/3.5) 0 var(--lg),0 0 calc(var(--sz)/3) calc(var(--sz)*.005) var(--lg) inset,0 calc(var(--sz)/-20) calc(var(--sz)*.05) calc(var(--sz)/10) #000c inset;content:"";height:calc(100% - var(--sz)/15);position:absolute;transition:var(--tr);width:calc(100% - var(--sz)/15)}#btn:checked+label .thumb .light{transform:rotate(180deg)}#btn:checked+label .thumb .light:before{--lg:var(--on);background:radial-gradient(circle at 50% 32%,#fff 0 calc(var(--sz)/20),var(--lg) calc(var(--sz)/3) calc(var(--sz)/3));box-shadow:0 0 calc(var(--sz)/3.5) 0 var(--lg),0 0 calc(var(--sz)/3) calc(var(--sz)*.005) var(--lg) inset,0 calc(var(--sz)/-20) calc(var(--sz)*.05) calc(var(--sz)/10) #000c inset;transition:var(--tr)}