.container.svelte-3zmupf{position:relative}canvas.svelte-3zmupf{width:100%;height:100%}canvas.pointer.svelte-3zmupf{cursor:pointer}.logo.svelte-3zmupf{position:absolute;top:0;left:.5em}.settings-wrapper.svelte-3zmupf{position:fixed;inset:0;background:#0000004d;opacity:0;transition:opacity ease-in-out .25s;pointer-events:none}.settings.svelte-3zmupf{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;width:400px;max-width:95%;padding:1rem;background:#0006;border-radius:5px;box-shadow:0 4px 8px 2px #0009;color:#efefef;font-size:.75rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-50%,-50%);opacity:0;transition:opacity ease-in-out .25s;pointer-events:none}.settings-wrapper.active.svelte-3zmupf,.settings.active.svelte-3zmupf{opacity:1;pointer-events:all}.settings.svelte-3zmupf h1:where(.svelte-3zmupf){font-size:1rem}.settings.svelte-3zmupf h2:where(.svelte-3zmupf){font-size:.85rem;margin:0;margin-top:2rem;margin-bottom:.5rem}.settings.svelte-3zmupf label:where(.svelte-3zmupf){display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.settings.svelte-3zmupf label:where(.svelte-3zmupf) :where(.svelte-3zmupf){width:4rem;margin-left:1rem}.settings.svelte-3zmupf label:where(.svelte-3zmupf) input[type=checkbox]:where(.svelte-3zmupf){width:unset;margin-left:2.5rem;margin-right:1.6rem}.settings.svelte-3zmupf button:where(.svelte-3zmupf){margin-top:.5rem}