.mode-toggle{position:relative;z-index:50;flex-shrink:0;width:96px;height:48px;padding:0;overflow:hidden;border:1px solid var(--color-black);border-radius:100px;background-color:var(--color-light-blue);cursor:pointer;transition:background-color .3s ease,border-color .3s ease;-webkit-tap-highlight-color:transparent}.mode-toggle:hover{border-width:2px}.dark .mode-toggle{border-color:#fff;background-color:var(--color-dark-blue)}.mode-toggle__scene{position:absolute;inset:0;pointer-events:none}.mode-toggle__scene--light{z-index:2}.dark .mode-toggle .mode-toggle__scene--light,.mode-toggle__scene--dark{z-index:1}.dark .mode-toggle .mode-toggle__scene--dark{z-index:2}.mode-toggle__layer--dark-moon,.mode-toggle__layer--light-sun{transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.15,.64,1)}.dark .mode-toggle .mode-toggle__layer--light-sun{opacity:0;transform:translateX(-10px) scale(.85)}html:not(.dark) .mode-toggle .mode-toggle__layer--dark-moon{opacity:0;transform:translateX(10px) scale(.85)}.dark .mode-toggle .mode-toggle__layer--dark-moon,html:not(.dark) .mode-toggle .mode-toggle__layer--light-sun{opacity:1;transform:translateX(0) scale(1)}.mode-toggle__layer--animated{transition:opacity .38s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.34,1.2,.64,1)}.mode-toggle--interactive .mode-toggle__layer--stagger-1{transition-delay:0s}.mode-toggle--interactive .mode-toggle__layer--stagger-2{transition-delay:55ms}.mode-toggle--interactive .mode-toggle__layer--stagger-3{transition-delay:.11s}.mode-toggle--interactive .mode-toggle__layer--stagger-4{transition-delay:165ms}.mode-toggle__layer--light-cloud{opacity:1;transform:translate(0) scale(1)}.dark .mode-toggle .mode-toggle__layer--light-cloud{opacity:0;transform:translate(5px,-7px) scale(.88)}.mode-toggle__layer--dark-cloud{opacity:0;transform:translate(-8px,4px) scale(.92)}.dark .mode-toggle .mode-toggle__layer--dark-cloud{opacity:1;transform:translate(0) scale(1)}.mode-toggle__layer--dark-star{opacity:0;transform:scale(0) rotate(-25deg)}.dark .mode-toggle .mode-toggle__layer--dark-star{opacity:1;transform:scale(1) rotate(0deg)}html:not(.dark) .mode-toggle .mode-toggle__layer--dark-crater-a,html:not(.dark) .mode-toggle .mode-toggle__layer--dark-crater-b,html:not(.dark) .mode-toggle .mode-toggle__layer--dark-dot-a,html:not(.dark) .mode-toggle .mode-toggle__layer--dark-dot-b,html:not(.dark) .mode-toggle .mode-toggle__layer--dark-speck-a,html:not(.dark) .mode-toggle .mode-toggle__layer--dark-speck-b,html:not(.dark) .mode-toggle .mode-toggle__layer--dark-speck-c,html:not(.dark) .mode-toggle .mode-toggle__layer--dark-speck-d,html:not(.dark) .mode-toggle .mode-toggle__layer--dark-speck-e{opacity:0}.mode-toggle:not(.mode-toggle--interactive) .mode-toggle__layer--light-cloud,.mode-toggle:not(.mode-toggle--interactive) .mode-toggle__layer--light-sun{transition:none}.dark .mode-toggle:not(.mode-toggle--interactive) .mode-toggle__layer--light-cloud,.dark .mode-toggle:not(.mode-toggle--interactive) .mode-toggle__layer--light-sun,html:not(.dark) .mode-toggle:not(.mode-toggle--interactive) .mode-toggle__layer--dark-cloud,html:not(.dark) .mode-toggle:not(.mode-toggle--interactive) .mode-toggle__layer--dark-moon,html:not(.dark) .mode-toggle:not(.mode-toggle--interactive) .mode-toggle__layer--dark-star{opacity:0;transition:none}.dark .mode-toggle:not(.mode-toggle--interactive) .mode-toggle__layer--dark-cloud,.dark .mode-toggle:not(.mode-toggle--interactive) .mode-toggle__layer--dark-moon,.dark .mode-toggle:not(.mode-toggle--interactive) .mode-toggle__layer--dark-star{opacity:1;transform:none;transition:none}@media (prefers-reduced-motion:reduce){.mode-toggle__layer--animated,.mode-toggle__layer--dark-moon,.mode-toggle__layer--light-sun{transition:opacity .15s ease;transform:none}.dark .mode-toggle .mode-toggle__layer--light-cloud,html:not(.dark) .mode-toggle .mode-toggle__layer--dark-cloud,html:not(.dark) .mode-toggle .mode-toggle__layer--dark-star{transform:none}}.mode-toggle__layer{position:absolute;pointer-events:none}.mode-toggle__layer-rotate{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.mode-toggle__layer-inner{position:relative;width:100%;height:100%}.mode-toggle__layer-inner img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}.mode-toggle__layer--light-sun{top:2px;left:4px;width:40px;height:40px}.mode-toggle__layer--light-cloud-a{top:6px;left:52px;width:26px;height:20px}.mode-toggle__layer--light-cloud-b{top:26px;left:48px;width:38.37px;height:31.07px}.mode-toggle__layer--light-cloud-b .mode-toggle__layer-inner{width:35.65px;height:27.42px}.mode-toggle__layer--light-cloud-c{top:18px;left:26px;width:22.7px;height:18.38px}.mode-toggle__layer--light-cloud-c .mode-toggle__layer-inner{width:21.1px;height:16.23px}.mode-toggle__layer--light-cloud-d{top:18px;left:76px;width:28px;height:20px}.mode-toggle__layer--dark-moon{top:2px;left:50px;width:40px;height:40px}.mode-toggle__layer--dark-cloud-a{top:8px;left:36px;width:26px;height:20px}.mode-toggle__layer--dark-cloud-b{top:32px;left:24px;width:28px;height:20px}.mode-toggle__layer--dark-cloud-c{top:26px;left:-2px;width:42px;height:32px}.mode-toggle__layer--dark-crater-a{top:8px;left:60px;width:6px;height:6px}.mode-toggle__layer--dark-crater-b{top:14px;left:66px;width:10px;height:10px}.mode-toggle__layer--dark-dot-a{top:20px;left:60px;width:2px;height:2px}.mode-toggle__layer--dark-dot-b{top:28px;left:64px;width:2px;height:2px}.mode-toggle__layer--dark-star-a{top:4px;left:18px;width:5.29px;height:5.29px}.mode-toggle__layer--dark-star-a .mode-toggle__layer-inner{width:4.6px;height:4.6px}.mode-toggle__layer--dark-star-b{top:26px;left:2px;width:5.29px;height:5.29px}.mode-toggle__layer--dark-star-b .mode-toggle__layer-inner{width:4.6px;height:4.6px}.mode-toggle__layer--dark-star-c{top:14px;left:10px;width:13.52px;height:13.52px}.mode-toggle__layer--dark-star-c .mode-toggle__layer-inner{width:12px;height:12px}.mode-toggle__layer--dark-star-d{top:15.26px;left:33.26px;width:5.47px;height:5.47px}.mode-toggle__layer--dark-star-d .mode-toggle__layer-inner{width:4px;height:4px}.mode-toggle__layer--dark-speck-a{top:26px;left:28px;width:2px;height:2px}.mode-toggle__layer--dark-speck-b{top:12px;left:12px;width:2px;height:2px}.mode-toggle__layer--dark-speck-c{top:38px;left:56px;width:2px;height:2px}.mode-toggle__layer--dark-speck-d{top:4px;left:42px;width:2px;height:2px}.mode-toggle__layer--dark-speck-e{top:6px;left:34px;width:2px;height:2px}