.bb8-toggle{--toggle-size:16px;--toggle-width:10.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:.4s;--accent:#de7d2f;--bb8-bg:#fff}.bb8-toggle,.bb8-toggle *,.bb8-toggle :before,.bb8-toggle :after{box-sizing:border-box}.bb8-toggle{cursor:pointer;font-size:var(--toggle-size)}.bb8-toggle__checkbox{appearance:none;display:none}.bb8-toggle__container{width:var(--toggle-width);height:var(--toggle-height);background:var(--toggle-bg);border-radius:var(--radius);transition:var(--transition);background-position-y:-5.625em;background-size:100% 11.25em;position:relative}.bb8{top:calc(var(--toggle-offset) - 1.688em + .188em);left:var(--toggle-offset);transition:var(--transition);z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute}.bb8__head-container{transition:var(--transition);z-index:2;transform-origin:1.25em 3.75em;position:relative}.bb8__head{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;z-index:1;filter:drop-shadow(0 .063em .125em gray);width:2.5em;height:1.688em;margin-bottom:-.188em;position:relative;overflow:hidden}.bb8__head:before{content:"";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);width:.563em;height:.563em;box-shadow:0 0 0 .089em lightgray,.563em .281em 0 -.148em,.563em .281em 0 -.1em var(--bb8-bg),.563em .281em 0 -.063em;z-index:1;transition:var(--transition);position:absolute;top:.413em;left:50%;transform:translate(-50%)}.bb8__head:after{content:"";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);width:100%;height:.188em;transition:var(--transition);position:absolute;bottom:.375em;left:0}.bb8__antenna{border-radius:var(--radius)var(--radius)0 0;width:.059em;transition:var(--transition);position:absolute;transform:translateY(-90%)}.bb8__antenna:first-child{background:linear-gradient(#000 .188em,silver .188em);height:.938em;right:.938em}.bb8__antenna:nth-child(2){background:silver;height:.375em;left:50%;transform:translate(-50%,-90%)}.bb8__body{border-radius:var(--radius);width:4.375em;height:4.375em;transition:var(--transition);z-index:1;background:linear-gradient(-90deg,var(--bb8-bg)4%,var(--accent)4% 10%,transparent 10% 90%,var(--accent)90% 96%,var(--bb8-bg)96%),linear-gradient(var(--bb8-bg)4%,var(--accent)4% 10%,transparent 10% 90%,var(--accent)90% 96%,var(--bb8-bg)96%),linear-gradient(to right,transparent 2.156em,silver 2.156em 2.219em,transparent 2.188em),linear-gradient(transparent 2.156em,silver 2.156em 2.219em,transparent 2.188em);background-color:var(--bb8-bg);position:relative;overflow:hidden;transform:rotate(45deg)}.bb8__body:after{content:"";color:#ececec;background:#ececec;border-radius:50%;width:.188em;height:.188em;position:absolute;bottom:1.5em;left:.563em;box-shadow:.875em .938em,0 -1.25em,.875em -2.125em,2.125em -2.125em,3.063em -1.25em,3.063em 0,2.125em .938em}.bb8__body:before{content:"";border:.313em solid var(--accent);background:radial-gradient(1em circle at center,#ececec 50%,transparent 51%),radial-gradient(1.25em circle at center,var(--bb8-bg)50%,transparent 51%),linear-gradient(-90deg,transparent 42%,var(--accent)42% 58%,transparent 58%),linear-gradient(var(--bb8-bg)42%,var(--accent)42% 58%,var(--bb8-bg)58%);border-radius:50%;width:2.625em;height:2.625em;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.artificial__hidden{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bb8__shadow{content:"";width:var(--bb8-diameter);opacity:.25;height:20%;bottom:0;left:calc(var(--toggle-offset) - .938em);transition:var(--transition);z-index:1;background:#3a271c;border-radius:50%;position:absolute;transform:skew(-70deg);box-shadow:.313em 0 3.125em #3a271c}.bb8-toggle__scenery{pointer-events:none;border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.bb8-toggle__scenery:before{content:"";z-index:1;background:#b18d71;width:100%;height:30%;position:absolute;bottom:0}.bb8-toggle__cloud{z-index:1;border-radius:50%;position:absolute}.bb8-toggle__cloud:last-child{filter:blur(.125em)drop-shadow(.313em .313em #ffffffae)drop-shadow(-.625em 0 #fff)drop-shadow(-.938em -.125em #fff);width:.875em;height:.625em;transition:var(--transition);background:linear-gradient(to top right,#ffffffae,#ffffffae);top:2.813em;right:1.875em}.bb8-toggle__cloud:nth-last-child(2){filter:blur(.125em)drop-shadow(-.313em -.188em #e0dfdfae)drop-shadow(-.625em -.188em #bbbbbbae)drop-shadow(-1em .063em #cfcfcfae);background:#dfdedeae;width:.875em;height:.375em;transition:all .6s;top:.625em;right:4.375em}.bb8-toggle__cloud:nth-last-child(3){filter:blur(.125em)drop-shadow(.438em .188em #ffffffae)drop-shadow(-.625em .313em #ffffffae);background:#ffffffae;width:.875em;height:.375em;transition:all .8s;top:1.25em;right:.938em}.gomrassen,.hermes,.chenini{border-radius:var(--radius);background:linear-gradient(#fff,#6e8ea2);position:absolute;top:100%}.gomrassen{width:1.875em;height:1.875em;transition:var(--transition);left:.938em;box-shadow:0 0 .188em #ffffff52,0 0 .188em #6e8ea24b}.gomrassen:before,.gomrassen:after{content:"";border-radius:inherit;background:#b8c4c8;position:absolute;box-shadow:inset 0 0 .063em #8ca2a9}.gomrassen:before{width:.438em;height:.438em;top:.313em;left:.313em}.gomrassen:after{width:.25em;height:.25em;top:.75em;left:1.25em}.hermes{width:.625em;height:.625em;transition:all .6s;left:3.438em;box-shadow:0 0 .125em #ffffff52,0 0 .125em #6e8ea24b}.chenini{width:.5em;height:.5em;transition:all .8s;left:4.375em;box-shadow:0 0 .125em #ffffff52,0 0 .125em #6e8ea24b}.tatto-1,.tatto-2{border-radius:var(--radius);width:1.25em;height:1.25em;position:absolute}.tatto-1{transition:var(--transition);background:#fefefe;top:.625em;right:3.125em;box-shadow:0 0 .438em #fdf4e1}.tatto-2{background:linear-gradient(#e6ac5c,#d75449);transition:all .7s;top:2.188em;right:1.25em;box-shadow:0 0 .438em #e6ad5c3d,0 0 .438em #d755494f}.bb8-toggle__star{border-radius:var(--radius);filter:drop-shadow(0 0 .063em #fff);color:#fff;background:#fff;width:.063em;height:.063em;position:absolute;top:100%}.bb8-toggle__star:first-child{transition:all .2s;left:3.75em;box-shadow:1.25em .938em,-1.25em 2.5em,0 1.25em,1.875em .625em,-3.125em 1.875em,1.25em 2.813em}.bb8-toggle__star:nth-child(2){transition:all .3s;left:4.688em;box-shadow:.625em 0,0 .625em,-.625em -.625em,.625em .938em,-3.125em 1.25em,1.25em -1.563em}.bb8-toggle__star:nth-child(3){transition:var(--transition);left:5.313em;box-shadow:-.625em -.625em,-2.188em 1.25em,-2.188em 0,-3.75em -.625em,-3.125em -.625em,-2.5em -.313em,.75em -.625em}.bb8-toggle__star:nth-child(4){width:.125em;height:.125em;transition:all .5s;left:1.875em}.bb8-toggle__star:nth-child(5){width:.125em;height:.125em;transition:all .6s;left:5em}.bb8-toggle__star:nth-child(6){width:.125em;height:.125em;transition:all .7s;left:2.5em}.bb8-toggle__star:nth-child(7){width:.125em;height:.125em;transition:all .8s;left:3.438em}.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);transform:skew(70deg)}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8__body{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{transform:rotate(25deg)}.bb8-toggle__checkbox:checked:active+.bb8-toggle__container .bb8__head-container{transform:rotate(-25deg)}.bb8:hover .bb8__head:before,.bb8:hover .bb8__antenna:nth-child(2){left:50%!important}.bb8:hover .bb8__antenna:first-child{right:.938em!important}.bb8:hover .bb8__head:after{background-position:0 0!important}