.theme-toggle{--theme-toggle__classic--duration:.5s;background:0 0;border:none;color:currentColor;cursor:pointer;line-height:0}.theme-toggle__classic path{transform-origin:center;transition-duration:calc(var(--theme-toggle__classic--duration)*.8);transition-timing-function:cubic-bezier(0,0,.15,1.25)}.theme-toggle__classic g path{transition-delay:calc(var(--theme-toggle__classic--duration)*.2);transition-property:opacity,transform}.theme-toggle__classic :first-child path{transition-property:transform,d}.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic g path,.theme-toggle--toggled.theme-toggle .theme-toggle__classic g path{opacity:0;transform:scale(.5) rotate(45deg);transition-delay:0s}.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,.theme-toggle--toggled.theme-toggle .theme-toggle__classic :first-child path{d:path("M-12 5h30a1 1 0 0 0 9 13v24h-39Z");transition-delay:calc(var(--theme-toggle__classic--duration)*.2)}@supports not (d:path("")){.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,.theme-toggle--toggled.theme-toggle .theme-toggle__classic :first-child path{transform:translate3d(-12Px,10Px,0)}}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{border-width:0;height:1Px;margin:-1Px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1Px;clip:rect(0,0,0,0)}@media (prefers-reduced-motion:reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}:root{--color-accent:42,130,201;--color-background:255,255,255;--color-text:0,0,0}.dark{--color-background:0,0,0;--color-text:255,255,255}:focus,:focus-visible{outline:none}html{font-size:min(1vw,8px)}body,html{overflow:hidden}body{background-color:rgba(var(--color-background),.9);color:rgba(var(--color-text),1);font-family:system-ui;margin:0}.page{align-items:center;display:flex;height:100dvh;justify-content:center}.icon{font-size:50rem;transition:scale .2s ease-in-out}.icon:hover{cursor:pointer;scale:1.1}.modal{background-color:transparent;border:none;height:100dvh;margin:0;max-height:none;max-width:none;padding:0;width:100vw}.modal[open]{align-items:center;display:flex;justify-content:center}.modal::backdrop{-webkit-backdrop-filter:blur(5rem);backdrop-filter:blur(5rem);background-color:transparent}.controllers{align-items:center;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;gap:5rem;height:auto;justify-content:center;width:50rem}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(var(--color-text),.5);border:0;border-radius:1rem;color:rgba(var(--color-background),1);cursor:pointer;display:block;font-family:system-ui;font-size:4rem;font-weight:600;letter-spacing:.1em;padding:4rem;text-transform:uppercase;transition:scale .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40rem}.button:not(.active):hover{background-color:rgba(var(--color-text),1);outline-offset:.4rem;scale:1.05}.button.active{background-color:rgba(var(--color-background),1);box-shadow:0 0 10rem -1rem rgba(var(--color-accent),1);color:rgba(var(--color-text),1);outline:.5rem dashed rgba(var(--color-background),.5);outline-offset:.4rem;pointer-events:none}
