.bb8-toggle{--toggle-size:8px;--toggle-width:5.625em;--toggle-height:5.625em;--toggle-offset:calc((var(--toggle-height) - var(--bb8-diameter)) / 2);--toggle-bg:linear-gradient(#2c4770,#070e2b 35%,#628cac 50% 70%,#a6c5d4) no-repeat;--bb8-diameter:4.375em;--radius:99em;--transition:0.4s;--accent:#de7d2f;--bb8-bg:#fff}.bb8-toggle:hover{--toggle-width:10.625em}.bb8-toggle,.bb8-toggle *,.bb8-toggle :after,.bb8-toggle :before{-webkit-box-sizing:border-box;box-sizing:border-box}.bb8-toggle{cursor:pointer;margin-top:var(--margin-top-for-head);font-size:var(--toggle-size)}.bb8-toggle__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.bb8-toggle__container{width:var(--toggle-width);height:var(--toggle-height);background:var(--toggle-bg);background-size:100% 11.25em;background-position-y:-5.625em;border-radius:var(--radius);position:relative;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.bb8{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:calc(var(--toggle-offset) - 1.688em + .188em);left:var(--toggle-offset)}.bb8,.bb8__head-container{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);z-index:2}.bb8__head-container{position:relative;-webkit-transform-origin:1.25em 3.75em;-ms-transform-origin:1.25em 3.75em;transform-origin:1.25em 3.75em}.bb8__head{overflow:hidden;margin-bottom:-.188em;width:2.5em;height:1.688em;background:-o-linear-gradient(transparent .063em,dimgray .063em .313em,transparent .313em .375em,var(--accent) .375em .5em,transparent .5em 1.313em,silver 1.313em 1.438em,transparent 1.438em),-o-linear-gradient(45deg,transparent .188em,var(--bb8-bg) .188em 1.25em,transparent 1.25em),-o-linear-gradient(135deg,transparent .188em,var(--bb8-bg) .188em 1.25em,transparent 1.25em),-o-linear-gradient(var(--bb8-bg) 1.25em,transparent 1.25em);background:linear-gradient(transparent .063em,dimgray .063em .313em,transparent .313em .375em,var(--accent) .375em .5em,transparent .5em 1.313em,silver 1.313em 1.438em,transparent 1.438em),linear-gradient(45deg,transparent .188em,var(--bb8-bg) .188em 1.25em,transparent 1.25em),linear-gradient(-45deg,transparent .188em,var(--bb8-bg) .188em 1.25em,transparent 1.25em),linear-gradient(var(--bb8-bg) 1.25em,transparent 1.25em);border-radius:var(--radius) var(--radius) 0 0;position:relative;z-index:1;-webkit-filter:drop-shadow(0 .063em .125em gray);filter:drop-shadow(0 .063em .125em gray)}.bb8__head:before{width:.563em;height:.563em;background:-o-radial-gradient(.25em .375em,.125em circle,red,transparent),-o-radial-gradient(.375em .188em,.063em circle,var(--bb8-bg) 50%,transparent 100%),-o-linear-gradient(45deg,#000 .188em,dimgray .313em .375em,#000 .5em);background:radial-gradient(.125em circle at .25em .375em,red,transparent),radial-gradient(.063em circle at .375em .188em,var(--bb8-bg) 50%,transparent 100%),linear-gradient(45deg,#000 .188em,dimgray .313em .375em,#000 .5em);border-radius:var(--radius);top:.413em;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-box-shadow:0 0 0 .089em #d3d3d3,.563em .281em 0 -.148em,.563em .281em 0 -.1em var(--bb8-bg),.563em .281em 0 -.063em;box-shadow:0 0 0 .089em #d3d3d3,.563em .281em 0 -.148em,.563em .281em 0 -.1em var(--bb8-bg),.563em .281em 0 -.063em;z-index:1}.bb8__head:after,.bb8__head:before{content:"";position:absolute;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.bb8__head:after{bottom:.375em;left:0;width:100%;height:.188em;background:-o-linear-gradient(left,var(--accent) .125em,transparent .125em .188em,var(--accent) .188em .313em,transparent .313em .375em,var(--accent) .375em .938em,transparent .938em 1em,var(--accent) 1em 1.125em,transparent 1.125em 1.875em,var(--accent) 1.875em 2em,transparent 2em 2.063em,var(--accent) 2.063em 2.25em,transparent 2.25em 2.313em,var(--accent) 2.313em 2.375em,transparent 2.375em 2.438em,var(--accent) 2.438em);background:-webkit-gradient(linear,left top,right top,color-stop(.125em,var(--accent)),color-stop(.125em,transparent),color-stop(.188em,var(--accent)),color-stop(.313em,transparent),color-stop(.375em,var(--accent)),color-stop(.938em,transparent),color-stop(1em,var(--accent)),color-stop(1.125em,transparent),color-stop(1.875em,var(--accent)),color-stop(2em,transparent),color-stop(2.063em,var(--accent)),color-stop(2.25em,transparent),color-stop(2.313em,var(--accent)),color-stop(2.375em,transparent),color-stop(2.438em,var(--accent)));background:linear-gradient(to right,var(--accent) .125em,transparent .125em .188em,var(--accent) .188em .313em,transparent .313em .375em,var(--accent) .375em .938em,transparent .938em 1em,var(--accent) 1em 1.125em,transparent 1.125em 1.875em,var(--accent) 1.875em 2em,transparent 2em 2.063em,var(--accent) 2.063em 2.25em,transparent 2.25em 2.313em,var(--accent) 2.313em 2.375em,transparent 2.375em 2.438em,var(--accent) 2.438em)}.bb8__antenna{position:absolute;-webkit-transform:translateY(-90%);-ms-transform:translateY(-90%);transform:translateY(-90%);width:.059em;border-radius:var(--radius) var(--radius) 0 0;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.bb8__antenna:first-child{height:.938em;right:.938em;background:-o-linear-gradient(#000 .188em,silver .188em);background:-webkit-gradient(linear,left top,left bottom,color-stop(.188em,#000),color-stop(.188em,silver));background:linear-gradient(#000 .188em,silver 0)}.bb8__antenna:nth-child(2){height:.375em;left:50%;-webkit-transform:translate(-50%,-90%);-ms-transform:translate(-50%,-90%);transform:translate(-50%,-90%);background:silver}.bb8__body{width:4.375em;height:4.375em;background:var(--bb8-bg);border-radius:var(--radius);position:relative;overflow:hidden;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);z-index:1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.bb8__body:after{content:"";bottom:1.5em;left:.563em;position:absolute;width:.188em;height:.188em;background:#ececec;color:#ececec;border-radius:50%;-webkit-box-shadow:.875em .938em,0 -1.25em,.875em -2.125em,2.125em -2.125em,3.063em -1.25em,3.063em 0,2.125em .938em;box-shadow:.875em .938em,0 -1.25em,.875em -2.125em,2.125em -2.125em,3.063em -1.25em,3.063em 0,2.125em .938em}.artificial__hidden{position:absolute;border-radius:inherit;inset:0;pointer-events:none;overflow:hidden}.bb8__shadow{content:"";width:var(--bb8-diameter);height:20%;border-radius:50%;background:#3a271c;-webkit-box-shadow:.313em 0 3.125em #3a271c;box-shadow:.313em 0 3.125em #3a271c;opacity:.25;position:absolute;bottom:0;left:calc(var(--toggle-offset) - .938em);-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);-webkit-transform:skew(-70deg);-ms-transform:skew(-70deg);transform:skew(-70deg);z-index:1}.bb8-toggle__scenery{width:100%;height:100%;pointer-events:none;overflow:hidden;position:relative;border-radius:inherit}.bb8-toggle__scenery:before{content:"";position:absolute;width:100%;height:30%;bottom:0;background:#b18d71;z-index:1}.bb8-toggle__cloud{z-index:1;position:absolute;border-radius:50%}.bb8-toggle__cloud:last-child{width:.875em;height:.625em;-webkit-filter:blur(.125em) drop-shadow(.313em .313em rgba(255,255,255,.6823529412)) drop-shadow(-.625em 0 #fff) drop-shadow(-.938em -.125em #fff);filter:blur(.125em) drop-shadow(.313em .313em rgba(255,255,255,.6823529412)) drop-shadow(-.625em 0 #fff) drop-shadow(-.938em -.125em #fff);right:1.875em;top:2.813em;background:-o-linear-gradient(bottom left,rgba(255,255,255,.6823529412),rgba(255,255,255,.6823529412));background:-webkit-gradient(linear,left bottom,right top,from(rgba(255,255,255,.6823529412)),to(rgba(255,255,255,.6823529412)));background:linear-gradient(to top right,rgba(255,255,255,.6823529412),rgba(255,255,255,.6823529412));-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.bb8-toggle__cloud:nth-last-child(2){top:.625em;right:4.375em;width:.875em;height:.375em;background:rgba(223,222,222,.6823529412);-webkit-filter:blur(.125em) drop-shadow(-.313em -.188em rgba(224,223,223,.6823529412)) drop-shadow(-.625em -.188em rgba(187,187,187,.6823529412)) drop-shadow(-1em .063em rgba(207,207,207,.6823529412));filter:blur(.125em) drop-shadow(-.313em -.188em rgba(224,223,223,.6823529412)) drop-shadow(-.625em -.188em rgba(187,187,187,.6823529412)) drop-shadow(-1em .063em rgba(207,207,207,.6823529412));-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.bb8-toggle__cloud:nth-last-child(3){top:1.25em;right:.938em;width:.875em;height:.375em;background:hsla(0,0%,100%,.6823529412);-webkit-filter:blur(.125em) drop-shadow(.438em .188em rgba(255,255,255,.6823529412)) drop-shadow(-.625em .313em rgba(255,255,255,.6823529412));filter:blur(.125em) drop-shadow(.438em .188em rgba(255,255,255,.6823529412)) drop-shadow(-.625em .313em rgba(255,255,255,.6823529412));-webkit-transition:.8s;-o-transition:.8s;transition:.8s}.chenini,.gomrassen,.hermes{position:absolute;border-radius:var(--radius);background:-o-linear-gradient(#fff,#6e8ea2);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#6e8ea2));background:linear-gradient(#fff,#6e8ea2);top:100%}.gomrassen{left:.938em;width:1.875em;height:1.875em;-webkit-box-shadow:0 0 .188em hsla(0,0%,100%,.3215686275),0 0 .188em rgba(110,142,162,.2941176471);box-shadow:0 0 .188em hsla(0,0%,100%,.3215686275),0 0 .188em rgba(110,142,162,.2941176471);-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.gomrassen:after,.gomrassen:before{content:"";position:absolute;border-radius:inherit;-webkit-box-shadow:inset 0 0 .063em #8ca2a9;box-shadow:inset 0 0 .063em #8ca2a9;background:#b8c4c8}.gomrassen:before{left:.313em;top:.313em;width:.438em;height:.438em}.gomrassen:after{width:.25em;height:.25em;left:1.25em;top:.75em}.hermes{left:3.438em;width:.625em;height:.625em;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.chenini,.hermes{-webkit-box-shadow:0 0 .125em hsla(0,0%,100%,.3215686275),0 0 .125em rgba(110,142,162,.2941176471);box-shadow:0 0 .125em hsla(0,0%,100%,.3215686275),0 0 .125em rgba(110,142,162,.2941176471)}.chenini{left:4.375em;width:.5em;height:.5em;-webkit-transition:.8s;-o-transition:.8s;transition:.8s}.tatto-1,.tatto-2{position:absolute;width:1.25em;height:1.25em;border-radius:var(--radius)}.tatto-1{background:#fefefe;right:3.125em;top:.625em;-webkit-box-shadow:0 0 .438em #fdf4e1;box-shadow:0 0 .438em #fdf4e1;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.tatto-2{background:-o-linear-gradient(#e6ac5c,#d75449);background:-webkit-gradient(linear,left top,left bottom,from(#e6ac5c),to(#d75449));background:linear-gradient(#e6ac5c,#d75449);right:1.25em;top:2.188em;-webkit-box-shadow:0 0 .438em rgba(230,173,92,.2392156863),0 0 .438em rgba(215,85,73,.3098039216);box-shadow:0 0 .438em rgba(230,173,92,.2392156863),0 0 .438em rgba(215,85,73,.3098039216);-webkit-transition:.7s;-o-transition:.7s;transition:.7s}.bb8-toggle__star{position:absolute;width:.063em;height:.063em;background:#fff;border-radius:var(--radius);-webkit-filter:drop-shadow(0 0 .063em #fff);filter:drop-shadow(0 0 .063em #fff);color:#fff;top:100%}.bb8-toggle__star:first-child{left:3.75em;-webkit-box-shadow:1.25em .938em,-1.25em 2.5em,0 1.25em,1.875em .625em,-3.125em 1.875em,1.25em 2.813em;box-shadow:1.25em .938em,-1.25em 2.5em,0 1.25em,1.875em .625em,-3.125em 1.875em,1.25em 2.813em;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.bb8-toggle__star:nth-child(2){left:4.688em;-webkit-box-shadow:.625em 0,0 .625em,-.625em -.625em,.625em .938em,-3.125em 1.25em,1.25em -1.563em;box-shadow:.625em 0,0 .625em,-.625em -.625em,.625em .938em,-3.125em 1.25em,1.25em -1.563em;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.bb8-toggle__star:nth-child(3){left:5.313em;-webkit-box-shadow:-.625em -.625em,-2.188em 1.25em,-2.188em 0,-3.75em -.625em,-3.125em -.625em,-2.5em -.313em,.75em -.625em;box-shadow:-.625em -.625em,-2.188em 1.25em,-2.188em 0,-3.75em -.625em,-3.125em -.625em,-2.5em -.313em,.75em -.625em;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.bb8-toggle__star:nth-child(4){left:1.875em;width:.125em;height:.125em;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.bb8-toggle__star:nth-child(5){left:5em;width:.125em;height:.125em;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.bb8-toggle__star:nth-child(6){left:2.5em;width:.125em;height:.125em;-webkit-transition:.7s;-o-transition:.7s;transition:.7s}.bb8-toggle__star:nth-child(7){left:3.438em;width:.125em;height:.125em;-webkit-transition:.8s;-o-transition:.8s;transition:.8s}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:first-child{top:.625em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(2){top:1.875em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(3){top:1.25em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(4),.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(5){top:3.438em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(6){top:.313em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star:nth-child(7){top:1.875em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__cloud{right:-100%}.bb8-toggle__checkbox:checked+.bb8-toggle__container .gomrassen{top:.938em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .hermes{top:2.5em}.bb8-toggle__checkbox:checked+.bb8-toggle__container .chenini{top:2.75em}.bb8-toggle__checkbox:checked+.bb8-toggle__container{background-position-y:0}.bb8-toggle__checkbox:checked+.bb8-toggle__container .tatto-1,.bb8-toggle__checkbox:checked+.bb8-toggle__container .tatto-2{top:100%}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8{left:calc(100% - var(--bb8-diameter) - var(--toggle-offset))}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8__shadow{left:calc(100% - var(--bb8-diameter) - var(--toggle-offset) + .938em);-webkit-transform:skew(70deg);-ms-transform:skew(70deg);transform:skew(70deg)}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8__body{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(225deg)}.bb8-toggle__checkbox:hover+.bb8-toggle__container .bb8__head:before{left:100%}.bb8-toggle__checkbox:not(:checked):hover+.bb8-toggle__container .bb8__antenna:first-child{right:1.5em}.bb8-toggle__checkbox:hover+.bb8-toggle__container .bb8__antenna:nth-child(2){left:.938em}.bb8-toggle__checkbox:hover+.bb8-toggle__container .bb8__head:after{background-position:1.375em 0}.bb8-toggle__checkbox:checked:hover+.bb8-toggle__container .bb8__head:before{left:0}.bb8-toggle__checkbox:checked:hover+.bb8-toggle__container .bb8__antenna:nth-child(2){left:calc(100% - .938em)}.bb8-toggle__checkbox:checked:hover+.bb8-toggle__container .bb8__head:after{background-position:-1.375em 0}.bb8-toggle__checkbox:active+.bb8-toggle__container .bb8__head-container{-webkit-transform:rotate(25deg);-ms-transform:rotate(25deg);transform:rotate(25deg)}.bb8-toggle__checkbox:checked:active+.bb8-toggle__container .bb8__head-container{-webkit-transform:rotate(-25deg);-ms-transform:rotate(-25deg);transform:rotate(-25deg)}.bb8:hover .bb8__antenna:nth-child(2),.bb8:hover .bb8__head:before{left:50%!important}.bb8:hover .bb8__antenna:first-child{right:.938em!important}.bb8:hover .bb8__head:after{background-position:0 0!important}