:root{--sky-night: #09090b;--sky-day: #e2e8f0;--hill-back-night: #18181b;--hill-back-day: #cbd5e1;--hill-mid-night: #27272a;--hill-mid-day: #94a3b8;--hill-front-night: #3f3f46;--hill-front-day: #64748b;--moon-color: #d4d4d8;--sun-color: #facc15}.theme-switch-wrapper{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-switch-input{display:none}.theme-switch-ui{width:80px;height:40px;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 5px #0006,inset 0 1px 3px #0003,0 2px 5px #0000001a;position:relative;background:var(--sky-night);transition:background .7s cubic-bezier(.4,0,.2,1),transform .3s ease,box-shadow .3s ease}.theme-switch-wrapper:hover .theme-switch-ui{transform:scale(1.05);box-shadow:inset 0 0 8px #00000080,inset 0 2px 4px #0000004d,0 6px 15px #00000026}.theme-switch-wrapper:active .theme-switch-ui{transform:scale(.95)}.theme-switch-input:checked~.theme-switch-ui{background:var(--sky-day)}.toggle-svg{width:100%;height:100%;display:block}.toggle-svg #sky{fill:transparent}.toggle-svg #hill-back{fill:var(--hill-back-night);transition:fill .7s cubic-bezier(.4,0,.2,1)}.theme-switch-input:checked~.theme-switch-ui .toggle-svg #hill-back{fill:var(--hill-back-day)}.toggle-svg #hill-mid{fill:var(--hill-mid-night);transition:fill .7s cubic-bezier(.4,0,.2,1)}.theme-switch-input:checked~.theme-switch-ui .toggle-svg #hill-mid{fill:var(--hill-mid-day)}.toggle-svg #hill-front{fill:var(--hill-front-night);transition:fill .7s cubic-bezier(.4,0,.2,1)}.theme-switch-input:checked~.theme-switch-ui .toggle-svg #hill-front{fill:var(--hill-front-day)}.toggle-svg #moon-base{fill:var(--moon-color);transition:fill .7s cubic-bezier(.4,0,.2,1)}.toggle-svg #sun-base{fill:var(--sun-color);transition:fill .7s cubic-bezier(.4,0,.2,1)}.toggle-svg #moon-container{transform-origin:75px 200px;transform:rotate(0);transition:transform .7s cubic-bezier(.34,1.2,.64,1) .1s}.theme-switch-input:checked~.theme-switch-ui .toggle-svg #moon-container{transform:rotate(90deg);transition:transform .6s cubic-bezier(.4,0,.2,1)}.toggle-svg #sun-container{transform-origin:225px 200px;transform:rotate(-90deg);transition:transform .6s cubic-bezier(.4,0,.2,1)}.theme-switch-input:checked~.theme-switch-ui .toggle-svg #sun-container{transform:rotate(0);transition:transform .7s cubic-bezier(.34,1.2,.64,1) .1s}.toggle-svg #stars{opacity:1;transform:translateY(0);transition:opacity .5s ease .2s,transform .7s ease}.theme-switch-input:checked~.theme-switch-ui .toggle-svg #stars{opacity:0;transform:translateY(-20px);transition:opacity .4s ease 0s,transform .6s ease 0s}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.toggle-svg .star-1{animation:twinkle 3s infinite ease-in-out}.toggle-svg .star-2{animation:twinkle 4s infinite ease-in-out 1s}.toggle-svg .star-3{animation:twinkle 2.5s infinite ease-in-out 2s}.toggle-svg #clouds{opacity:0;transform:translate(30px);transition:opacity .5s ease 0s,transform .8s ease 0s}.theme-switch-input:checked~.theme-switch-ui .toggle-svg #clouds{opacity:1;transform:translate(0);transition:opacity .6s ease .3s,transform 1s ease .2s}