.input.svelte-1awinbl{display:flex;align-items:center;justify-content:space-between;width:100%}.input.svelte-1awinbl>div:where(.svelte-1awinbl){display:flex;align-items:center;justify-content:space-between;gap:1em}input[type=range].slider.svelte-1awinbl{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10em;height:.5em;border:var(--border);border-radius:1000rem;background:linear-gradient(0deg,var(--col-rainbow-1),var(--col-rainbow-2),var(--col-rainbow-3),var(--col-rainbow-4),var(--col-rainbow-5),var(--col-rainbow-6))}input[type=range].slider.svelte-1awinbl::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.25em;height:1.25em;border-radius:100%;border:var(--border);cursor:pointer;background-color:var(--col-text)}input[type=number].number.svelte-1awinbl{width:10em;background-color:var(--col-fg);border:var(--border);border-radius:1000rem;padding:.25em .5em}.input.svelte-1src628{display:flex;align-items:center;justify-content:space-between;width:100%}.toggle.svelte-1src628{width:40px;height:23px;border-radius:1000rem;border:var(--border);transition-property:background-color;background-color:var(--col-fg);background:linear-gradient(90deg,var(--col-rainbow-1),var(--col-rainbow-2),var(--col-rainbow-3),var(--col-rainbow-4),var(--col-rainbow-5))}.toggle.svelte-1src628 div:where(.svelte-1src628){width:15px;height:15px;border-radius:100%;background-color:var(--col-text);margin-left:2.5px;margin-top:2.5px;transition-property:margin-left}.toggle.svelte-1src628.active{background-color:transparent}.toggle.svelte-1src628.active div:where(.svelte-1src628){margin-left:19.5px}.input.svelte-ijng9w{display:flex;align-items:center;justify-content:space-between;width:100%}.input.svelte-ijng9w>div:where(.svelte-ijng9w){display:flex;align-items:center;justify-content:space-between;gap:1em}select.svelte-ijng9w{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10em;background-color:var(--col-fg);border:var(--border);border-radius:1000rem;padding:.25em .5em}select.svelte-ijng9w option:where(.svelte-ijng9w){background-color:var(--col-fg);border:var(--border);border-radius:1000rem;padding:.25em .5em}main{align-items:center}#window.svelte-jcmwrv{background-color:var(--col-bg);overflow:hidden;display:inline-block;width:fit-content}#window.svelte-jcmwrv:not(.fullscreen:where(.svelte-jcmwrv)){border-radius:2em;border:var(--border)}#window.svelte-jcmwrv.fullscreen{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:999}nav.svelte-jcmwrv{padding:1em;background-color:var(--col-mg);border-bottom:var(--border)}nav.svelte-jcmwrv,nav.svelte-jcmwrv .left:where(.svelte-jcmwrv),nav.svelte-jcmwrv .right:where(.svelte-jcmwrv),nav.svelte-jcmwrv .centre:where(.svelte-jcmwrv){display:flex;align-items:center;justify-content:space-between;gap:1em}nav.svelte-jcmwrv .centre:where(.svelte-jcmwrv){flex-direction:column;gap:0}nav.svelte-jcmwrv button.settings-toggle:where(.svelte-jcmwrv),nav.svelte-jcmwrv button.fullscreen-toggle:where(.svelte-jcmwrv){padding:.5em;display:flex;align-items:center;justify-content:center}nav.svelte-jcmwrv button.settings-toggle:where(.svelte-jcmwrv) img:where(.svelte-jcmwrv){transition-property:transform;transform:rotate(.00001deg)}nav.svelte-jcmwrv button.settings-toggle:where(.svelte-jcmwrv) img:where(.svelte-jcmwrv).open{transform:rotate(60deg)}.content.svelte-jcmwrv{position:relative;overflow:hidden}.content.svelte-jcmwrv canvas:where(.svelte-jcmwrv),.content.svelte-jcmwrv .overlay:where(.svelte-jcmwrv){width:100%;height:100%}.content.svelte-jcmwrv canvas:where(.svelte-jcmwrv){transition-property:opacity}.content.svelte-jcmwrv canvas:where(.svelte-jcmwrv).settings-open{opacity:.5}.content.svelte-jcmwrv .overlay:where(.svelte-jcmwrv){position:absolute;top:0}.content.svelte-jcmwrv .settings-window:where(.svelte-jcmwrv){display:flex;flex-direction:column;align-items:center;height:calc(100% - 2em);width:fit-content;background-color:color-mix(in srgb,var(--col-mg) 75%,transparent);border:var(--border);margin:1em;padding:1em;border-radius:1em}.content.svelte-jcmwrv .settings-window:where(.svelte-jcmwrv) .settings-container:where(.svelte-jcmwrv){overflow-y:scroll;padding-right:1em;display:flex;flex-direction:column;align-items:center;gap:.5em}.content.svelte-jcmwrv .settings-window:where(.svelte-jcmwrv) .settings-container:where(.svelte-jcmwrv) p:where(.svelte-jcmwrv){text-align:center}
