.the-monster{transition:background-color .26s ease}.the-monster__city{position:relative;transition:filter .32s ease,opacity .32s ease;z-index:1}.the-monster__city-lights,.the-monster__night-sky{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .32s ease;z-index:2}.the-monster__helicopter{z-index:4}.the-monster__theme-toggle{align-items:center;background:#0000;border:0;border-radius:9999px;box-shadow:none;color:#ffce31;cursor:pointer;display:inline-flex;height:3.5rem;justify-content:center;left:78%;position:absolute;top:18%;touch-action:manipulation;transform:translate(-50%,-50%);width:3.5rem;z-index:20;-webkit-tap-highlight-color:transparent;transition:filter .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}.the-monster__theme-toggle:hover{color:#ffe376;filter:drop-shadow(0 0 .45rem rgb(255 206 49/.75)) drop-shadow(0 0 1.3rem rgb(255 206 49/.42));transform:translate(-50%,-50%) scale(1.14) rotate(8deg)}.the-monster__theme-toggle:focus-visible{outline:3px solid #ffffffdb;outline-offset:.2rem}.the-monster__theme-toggle--sun{color:#ffde52;filter:drop-shadow(0 0 .7rem rgb(255 206 49/.28));top:17%}.the-monster__theme-toggle--sun:hover{color:#fff6bf;filter:drop-shadow(0 0 .35rem rgb(255 206 49/.64)) drop-shadow(0 0 1rem rgb(255 206 49/.34));transform:translate(-50%,-50%) scale(1.18)}.the-monster__theme-toggle--moon{filter:drop-shadow(0 0 .8rem rgb(255 206 49/.36));opacity:.9}.the-monster__theme-toggle--animating .the-monster__theme-toggle-orb{animation:mm-sky-orb-toggle .52s cubic-bezier(.2,.8,.2,1)}.the-monster__theme-toggle-orb{background:#ffce31f0;border-radius:9999px;box-shadow:inset 0 0 #0a001200,0 0 .08rem #fff6bfb3,0 0 .55rem #ffce3185;display:block;height:1.1rem;transform:rotate(0) scale(1);transition:background-color .42s ease,box-shadow .42s ease,transform .42s cubic-bezier(.2,.8,.2,1);width:1.1rem}.the-monster__theme-toggle--moon .the-monster__theme-toggle-orb{background:#ffce31eb;box-shadow:inset -.28rem 0 #0a0012db,0 0 .08rem #fff6bf9e,0 0 .55rem #ffce3173;transform:rotate(-18deg) scale(.96)}.the-monster__monster--body canvas{z-index:5}.the-monster__night-sky{background:radial-gradient(circle at 82% 24%,#ffffffb3 0 .08rem,#0000 .1rem),radial-gradient(circle at 18% 22%,#ffffffb8 0 .07rem,#0000 .09rem),radial-gradient(circle at 34% 15%,#ffffff8c 0 .06rem,#0000 .08rem),radial-gradient(circle at 58% 27%,#ffffffa6 0 .07rem,#0000 .09rem),radial-gradient(circle at 68% 13%,#ffffff80 0 .05rem,#0000 .07rem),radial-gradient(circle at 45% 30%,#ffffff73 0 .05rem,#0000 .07rem),radial-gradient(ellipse at 50% 100%,#cd262347 0,#0000 42%),linear-gradient(180deg,#010414b8,#0a001285 46%,#0000001f);background-size:auto,auto,auto,auto,auto,auto,100% 100%,100% 100%}.the-monster__city-lights{background:radial-gradient(circle at 7% 87%,#ffce31e6 0 .08rem,#0000 .11rem),radial-gradient(circle at 14% 82%,#ffce31c2 0 .07rem,#0000 .1rem),radial-gradient(circle at 21% 89%,#ffce31d1 0 .08rem,#0000 .11rem),radial-gradient(circle at 33% 85%,#ffce31b8 0 .07rem,#0000 .1rem),radial-gradient(circle at 45% 90%,#ffce31d1 0 .08rem,#0000 .11rem),radial-gradient(circle at 56% 84%,#ffce31b3 0 .07rem,#0000 .1rem),radial-gradient(circle at 65% 89%,#ffce31e6 0 .08rem,#0000 .11rem),radial-gradient(circle at 74% 82%,#ffce31c2 0 .07rem,#0000 .1rem),radial-gradient(circle at 87% 87%,#ffce31d1 0 .08rem,#0000 .11rem),radial-gradient(circle at 94% 81%,#ffce31b3 0 .07rem,#0000 .1rem),linear-gradient(180deg,#0000 52%,#0000002e);filter:drop-shadow(0 0 5px rgb(255 206 49/.65))}.dark .the-monster,.the-monster--night{background:radial-gradient(ellipse at 50% 100%,#cd262329,#0000 58%),var(--color-monster-blue-950)}.dark .the-monster .the-monster__city,.the-monster--night .the-monster__city{filter:brightness(.42) saturate(1.25) hue-rotate(10deg) contrast(1.08);opacity:.96}.dark .the-monster .the-monster__city-lights,.dark .the-monster .the-monster__night-sky,.the-monster--night .the-monster__city-lights,.the-monster--night .the-monster__night-sky{opacity:1}.dark .the-monster .the-monster__night-sky,.the-monster--night .the-monster__night-sky{animation:mm-city-night-pulse 6s ease-in-out infinite alternate}.dark .the-monster .the-monster__city-lights,.the-monster--night .the-monster__city-lights{animation:mm-city-window-flicker 4.8s steps(4) infinite}.the-monster--loading .the-monster__helicopter{display:none}.the-monster--loading .the-monster__monster{opacity:0}.the-monster__helicopter--left{left:calc(50% - 545px)}.the-monster__helicopter--right{left:calc(50% + 80px)}@keyframes mm-city-night-pulse{0%{filter:saturate(.95) brightness(.95)}to{filter:saturate(1.12) brightness(1.04)}}@keyframes mm-city-window-flicker{0%,to{opacity:.86}35%{opacity:1}62%{opacity:.74}}@keyframes mm-sky-orb-toggle{0%{transform:rotate(0) scale(1)}45%{transform:rotate(120deg) scale(1.36)}to{transform:rotate(342deg) scale(1)}}@media(prefers-reduced-motion:reduce){.dark .the-monster .the-monster__city-lights,.dark .the-monster .the-monster__night-sky,.the-monster--night .the-monster__city-lights,.the-monster--night .the-monster__night-sky,.the-monster__theme-toggle--animating .the-monster__theme-toggle-orb{animation:none}}@media(max-width:599px){.the-monster__theme-toggle{height:3.75rem;left:70%;top:38%;width:3.75rem}}