.switch{--toggle-size:.35}.switch.no-transitions,.switch.no-transitions *,.switch.no-transitions :before,.switch.no-transitions :after{-o-transition:none!important;transition:none!important}.switch *,.switch :after,:before{box-sizing:border-box}.switch{box-sizing:border-box;-o-transition:.4s;cursor:pointer;width:170px;height:90px;-webkit-transform:scale(var(--toggle-size));-ms-transform:scale(var(--toggle-size));transform:scale(var(--toggle-size));background-color:#b7cecc;border-radius:999px;align-items:center;transition:all .4s;display:inline-flex;position:relative}.moons{width:100px;height:65px;position:absolute;top:0;left:-10px;overflow:hidden}.moons .star{background-color:#fff;border-radius:999px;width:1px;height:1px;position:absolute;top:45px;left:30px}.moons .star.star-1{-o-transition:.2s;transition:all .2s;top:100%;left:75px}.moons .star.star-2{-o-transition:.3s;transition:all .3s;top:100%;left:65px}.moons .star.star-3{-o-transition:.4s;transition:all .4s;top:100%;left:85px}.moons .star.star-4{-o-transition:.5s;transition:all .5s;top:100%;left:60px}.moons .star.star-5{-o-transition:.6s;transition:all .6s;top:100%;left:44px}.moons .first-moon{-o-transition:.4s;background-color:#e0d6d6;border-radius:999px;width:30px;height:30px;transition:all .4s;position:absolute;top:100%;left:30px}.moons:before,.moons:after{-o-transition:.6s;content:"";background-color:#dde4e6;border-radius:999px;width:8px;height:8px;transition:all .6s;position:absolute;top:100%;left:70px}.moons:after{-o-transition:.8s;width:5px;height:5px;transition:all .8s;left:81px}.sand{border-radius:0 0 999px 999px;width:100%;height:45px;position:absolute;bottom:0;left:0;overflow:hidden}.suns{-o-transition:.6s;background-color:#eab308;border-radius:1in;width:40px;height:40px;transition:all .6s;position:absolute;top:10px;right:30px;box-shadow:0 0 15px #eab308}.sand:before{content:"";background-color:#b69c77;border-radius:0 0 999px 999px;width:100%;height:25px;position:absolute;bottom:0;left:0}.bb8{-o-transition:left .4s;will-change:left,transform;backface-visibility:hidden;width:140px;transition:left .4s;position:absolute;left:-18%;transform:scale(.45)}.slider{display:none}.antennas{-o-transition:all .4s;transition:all .4s;position:absolute;left:28%}.antenna{background:#e0d2be;width:2px;position:absolute}.antenna.short{height:20px;top:-65px;left:50px}.antenna.long{border-top:6px solid #020204;border-bottom:6px solid #020204;height:36px;top:-80px;left:56px}.head{-o-transition:transform .4s;z-index:1;background-color:#f8f8ff;border-radius:90px 90px 25px 25px;width:95px;height:63px;margin-left:-45px;transition:transform .4s;position:absolute;top:-56px;left:56%;overflow:hidden}.head .stripe{width:100%;position:absolute}.head .stripe.one{opacity:.8;z-index:1;background:#7699b7;height:7px;top:3px}.head .stripe.two{background:#cd7640;height:4px;top:14px}.head .stripe.three{opacity:.5;background:#999;height:4px;bottom:3px}.head .stripe.detail{-o-transition:left .4s;width:200px;transition:left .4s;display:flex;bottom:7px;left:-38%}.head .detail{height:7px}.head .detail.zero{background-color:#cd7640;width:2%;margin-left:3px}.head .detail.one{background-color:#cd7640;width:8%;margin-left:3px}.head .detail.two{background-color:#cd7640;width:6%;margin-left:5px}.head .detail.three{background-color:#cd7640;width:4%;height:5px;margin-top:2px;margin-left:45px}.head .detail.four{background-color:#cd7640;width:10%;margin-left:4px}.head .detail.five{background-color:#cd7640;width:2%;margin-left:3px}.head .eyes{-o-transition:left .4s;width:100%;height:100%;transition:left .4s;display:inline-block;position:absolute;left:22%}.head .eye{border-radius:50%;display:block;position:absolute}.head .eye.one{background:#020204;border:4px solid #d3d3d3;width:30px;height:30px;top:12px;left:12%}.head .eye.one:after{content:"";background:#fff;border-radius:50%;width:3px;height:3px;display:block;position:absolute;top:4px;right:4px}.head .eye.two{background-color:#d3d3d3;border:1px solid #020204;width:16px;height:16px;top:30px;left:40%}.head .eye.two:after{content:"";background:#020204;border-radius:50%;width:10px;height:10px;display:block;position:absolute;top:2px;left:2px}.ball{-o-transition:transform .4s;will-change:transform;backface-visibility:hidden;background-color:#f8f8ff;border-radius:50%;width:165px;height:165px;transition:transform .4s;position:relative;overflow:hidden}.lines{opacity:.6;border:2px solid #b19669;border-radius:50%;width:400px;height:400px;position:absolute}.lines.two{top:-10px;left:-250px}.ring{background:#cd7640;border-radius:50%;width:70px;height:70px;margin-left:-35px;position:absolute}.ring:after{content:"";background-color:#f8f8ff;border-radius:50%;width:73%;height:73%;margin-top:-36%;margin-left:-36%;display:block;position:absolute;top:50%;left:50%}.ring.one{width:100px;height:90px;margin-left:-40px;top:2%;left:42%}.ring.two{width:80px;height:40px;top:65%;left:8%;transform:rotate(50deg)}.ring.two:after{top:100%}.ring.three{width:80px;height:37px;top:68%;left:84%;transform:rotate(-50deg)}.ring.three:after{top:110%}.shadow{opacity:.25;z-index:-1;background:#3a271c;border-radius:50%;width:110px;height:23.3333px;position:absolute;bottom:-8px;left:28px;box-shadow:5px 0 50px #3a271c}.slider:checked+.switch .bb8{left:29%}.slider:checked+.switch .bb8 .ball{transform:rotate(180deg)}.slider:hover+.switch .bb8 .eyes{left:60%}.slider:checked:hover+.switch .bb8 .eyes{left:-20%}.slider:active+.switch .bb8 .head{-webkit-transform:translate(35px,3px)rotate(17deg);-ms-transform:translate(35px,3px)rotate(17deg);transform:translate(30px,3px)rotate(17deg)}.slider:checked:active+.switch .bb8 .head{-webkit-transform:translate(-35px,6px)rotate(-17deg);-ms-transform:translate(-35px,6px)rotate(-17deg);transform:translate(-35px,6px)rotate(-17deg)}.slider:active+.switch .antennas{-webkit-transform:translate(35px,-20px)rotate(17deg);-ms-transform:translate(35px,-20px)rotate(17deg);transform:translate(35px,-20px)rotate(17deg)}.slider:active:not(:hover)+.switch .antennas{-webkit-transform:translate(35px,-10px)rotate(17deg);-ms-transform:translate(35px,-10px)rotate(17deg);transform:translate(35px,-10px)rotate(17deg)}.slider:checked:active+.switch .antennas{-webkit-transform:translate(-35px,10px)rotate(-17deg);-ms-transform:translate(-35px,10px)rotate(-17deg);transform:translate(-35px,15px)rotate(-17deg)}.slider:checked:active:not(:hover)+.switch .antennas{-webkit-transform:translate(-30px,20px)rotate(-17deg);-ms-transform:translate(-30px,20px)rotate(-17deg);transform:translate(-25px,25px)rotate(-17deg)}.slider:hover+.switch .antennas,.slider:checked+.switch .antennas{left:6%}.slider:hover+.switch .stripe.detail,.slider:checked+.switch .stripe.detail{left:0}.slider:checked:hover+.switch .antennas{left:28%}.slider:checked:hover+.switch .stripe.detail{left:-38%}.slider:checked+.switch{background-color:#112350}.slider:checked+.switch .suns{top:50px}.slider:checked+.switch .moons .first-moon{top:15px;box-shadow:0 0 10px #b8cccd}.slider:checked+.switch .moons:after{top:38px;box-shadow:0 0 15px #b8cccd}.slider:checked+.switch .moons:before{top:34px;box-shadow:0 0 15px #b8cccd}.slider:checked+.switch .moons .star{box-shadow:0 0 20px 2px #fff}.slider:checked+.switch .moons .star.star-1{top:20px}.slider:checked+.switch .moons .star.star-2,.slider:checked+.switch .moons .star.star-3{top:15px}.slider:checked+.switch .moons .star.star-4{top:45px}.slider:checked+.switch .moons .star.star-5{top:53px}