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