.theme-switch{--toggle-size:10px;--container-width:5.625em;--container-height:2.5em;--container-radius:50em;--container-light-bg:#5caad4;--container-night-bg:#1b1e36;--circle-container-diameter:3.375em;--sun-moon-diameter:2.125em;--sun-bg:#f5c518;--moon-bg:#d8d4c0;--spot-color:#9b9787;--circle-container-offset:calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);--stars-color:#fff8e1;--clouds-color:#f4f4f4;--back-clouds-color:#bacfe0;--transition:.5s cubic-bezier(0, -.02, .4, 1.25);--circle-transition:.3s cubic-bezier(0, -.02, .35, 1.17);display:inline-block}.theme-switch,.theme-switch *,.theme-switch :before,.theme-switch :after{box-sizing:border-box;font-size:var(--toggle-size);margin:0;padding:0}.theme-switch__container{width:var(--container-width);height:var(--container-height);background-color:var(--container-light-bg);border-radius:var(--container-radius);cursor:pointer;background-image:linear-gradient(to bottom, var(--container-light-bg) 0%, #4a92bd 100%);transition:all var(--transition);filter:url(#sketchy);position:relative;overflow:hidden;transform:rotate(-.7deg);box-shadow:0 0 0 .078em #1a1a1a,.093em .125em 0 .078em #1a1a1a38}.theme-switch__container:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background-image:repeating-linear-gradient(-50deg,#0000,#0000 .218em,#ffffff0a .218em .25em);position:absolute;inset:0}.theme-switch__checkbox{display:none}.theme-switch__circle-container{width:var(--circle-container-diameter);height:var(--circle-container-diameter);left:var(--circle-container-offset);top:var(--circle-container-offset);border-radius:var(--container-radius);transition:var(--circle-transition);pointer-events:none;background-color:#ffffff1a;display:flex;position:absolute;box-shadow:inset 0 0 0 3.375em #ffffff1a,inset 0 0 0 3.375em #ffffff1a,0 0 0 .625em #ffffff1a,0 0 0 1.25em #ffffff1a}.theme-switch__circle-container:before{content:"";width:calc(var(--circle-container-diameter) + 1.5em);height:calc(var(--circle-container-diameter) + 1.5em);opacity:1;transition:opacity var(--transition);pointer-events:none;filter:url(#sketchy-sm);background:conic-gradient(#0000 0deg 8deg,#f5c51885 8deg 22deg,#0000 22deg 53deg,#f5c51885 53deg 67deg,#0000 67deg 98deg,#f5c51885 98deg 112deg,#0000 112deg 143deg,#f5c51885 143deg 157deg,#0000 157deg 188deg,#f5c51885 188deg 202deg,#0000 202deg 233deg,#f5c51885 233deg 247deg,#0000 247deg 278deg,#f5c51885 278deg 292deg,#0000 292deg 323deg,#f5c51885 323deg 337deg,#0000 337deg 360deg);border-radius:50%;animation:14s linear infinite rotateSunRays;position:absolute;top:-.75em;left:-.75em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container:before{opacity:0}@keyframes rotateSunRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-switch__sun-moon-container{pointer-events:auto;z-index:2;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);border-radius:var(--container-radius);background-color:var(--sun-bg);filter:url(#sketchy-sm)drop-shadow(.062em .125em .125em #00000040)drop-shadow(0 .062em .125em #00000040);transition:var(--transition);margin:auto;position:relative;overflow:hidden;transform:scale(1);box-shadow:inset .062em .062em .062em 0 #feffef9c,inset 0 -.062em .062em 0 #a1872a,.1em .13em 0 .04em #1a1a1a}.theme-switch__sun-moon-container:hover{transform:scale(1.1)rotate(5deg)}.theme-switch__moon{background-color:var(--moon-bg);border-radius:inherit;width:100%;height:100%;transition:all var(--transition), transform .3s ease;position:relative;transform:translate(100%);box-shadow:inset .062em .062em .062em 0 #feffef9c,inset 0 -.062em .062em 0 #969696}.theme-switch__moon:hover{transform:rotate(15deg)}.theme-switch__spot{border-radius:var(--container-radius);background-color:var(--spot-color);filter:url(#sketchy-sm);width:.75em;height:.75em;transition:background-color .3s;position:absolute;top:.75em;left:.312em;box-shadow:inset 0 .0312em .062em #00000040}.theme-switch__spot:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.theme-switch__spot:nth-last-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.theme-switch__moon:hover .theme-switch__spot{background-color:#7a7f8c}.theme-switch__clouds{background-color:var(--clouds-color);border-radius:var(--container-radius);width:1.25em;height:1.25em;box-shadow:.937em .312em var(--clouds-color), -.312em -.312em var(--back-clouds-color), 1.437em .375em var(--clouds-color), .5em -.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -.062em var(--back-clouds-color), 2.937em .312em var(--clouds-color), 2em -.312em var(--back-clouds-color), 3.625em -.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -.312em var(--clouds-color), 3.375em -.437em var(--back-clouds-color), 4.625em -1.75em 0 .437em var(--clouds-color), 4em -.625em var(--back-clouds-color), 4.125em -2.125em 0 .437em var(--back-clouds-color);filter:url(#sketchy-sm);transition:all .5s cubic-bezier(0,-.02,.4,1.25);position:absolute;bottom:-.625em;left:.312em}.theme-switch__stars-container{color:var(--stars-color);width:2.75em;height:auto;transition:var(--transition);position:absolute;top:-100%;left:.312em}.theme-switch__checkbox:checked+.theme-switch__container{background-color:var(--container-night-bg);background-image:linear-gradient(to bottom, var(--container-night-bg) 0%, #252a4a 100%)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container:hover{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em)}.theme-switch__circle-container:hover{left:calc(var(--circle-container-offset) + .187em)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon{transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container{top:50%;transform:translateY(-50%)}.theme-switch__container:hover .theme-switch__clouds{transform:translate(.468em)scale(1.02)}.theme-switch__sun-moon-container:after{content:"";opacity:0;background:radial-gradient(circle,#fff3 0%,#0000 70%);border-radius:50%;transition:opacity .3s;position:absolute;inset:-5px}.theme-switch__sun-moon-container:hover:after{opacity:1}.theme-switch__shooting-star{opacity:0;background:#fff;width:.062em;height:.062em;transition:opacity .3s;position:absolute;top:20%;left:-10%}.theme-switch__shooting-star-2{opacity:0;background:#fff;width:.031em;height:.031em;transition:opacity .3s;position:absolute;top:35%;left:-10%}.theme-switch__meteor{opacity:0;filter:blur(.031em);background:gold;border-radius:50%;width:.093em;height:.093em;transition:opacity .3s;position:absolute;top:-10%;left:50%}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__shooting-star{opacity:1;animation:2s linear infinite shootingStar}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__shooting-star-2{opacity:1;animation:3s linear 1s infinite shootingStar}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__meteor{opacity:1;animation:4s linear 2s infinite meteor}@keyframes shootingStar{0%{opacity:1;transform:translate(0)translateY(0)rotate(45deg)}to{opacity:0;transform:translate(4.687em)translateY(4.687em)rotate(45deg)}}@keyframes meteor{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4.687em)scale(.3)}}.theme-switch__stars-cluster{opacity:0;transition:opacity .3s;position:absolute;inset:0}.theme-switch__stars-cluster .star{background:#fff;border-radius:50%;width:.062em;height:.062em;position:absolute;box-shadow:0 0 .125em .031em #fff}.theme-switch__stars-cluster .star:first-child{animation:1s ease-in-out infinite twinkle;top:20%;left:20%}.theme-switch__stars-cluster .star:nth-child(2){animation:1s ease-in-out .3s infinite twinkle;top:30%;left:55%}.theme-switch__stars-cluster .star:nth-child(3){animation:1s ease-in-out .6s infinite twinkle;top:40%;left:80%}.theme-switch__stars-cluster .star:nth-child(4){animation:1s ease-in-out .9s infinite twinkle;top:60%;left:30%}.theme-switch__stars-cluster .star:nth-child(5){animation:1s ease-in-out 1.2s infinite twinkle;top:70%;left:65%}.theme-switch__aurora{opacity:0;filter:blur(.125em);background:linear-gradient(90deg,#0ff0 0%,#0ff3 25%,#8000ff33 50%,#0ff3 75%,#0ff0 100%);height:.625em;transition:opacity .3s;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.theme-switch__comets{opacity:0;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.theme-switch__comets .comet{filter:blur(.031em);background:linear-gradient(90deg,#fff 0%,#0000 90%);border-radius:50%;width:.062em;height:.062em;position:absolute}.theme-switch__comets .comet:first-child{animation:4s linear infinite cometMove;top:30%;left:-10%}.theme-switch__comets .comet:nth-child(2){animation:6s linear 2s infinite cometMove;top:50%;left:-10%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes cometMove{0%{opacity:0;transform:translate(0)translateY(0)rotate(-45deg)scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(6.25em)translateY(6.25em)rotate(-45deg)scale(.2)}}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-cluster{opacity:1}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__aurora{opacity:1;animation:8s linear infinite auroraWave}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__comets{opacity:1}@keyframes auroraWave{0%{transform:translateY(-100%)translate(-50%)}to{transform:translateY(-100%)translate(50%)}}