header.svelte-1f900da.svelte-1f900da{position:sticky;top:0;display:grid;grid-template-columns:max-content 1fr max-content;background:var(--c100);padding:0.5rem 0rem;margin:1rem 0rem 2rem 0rem;z-index:100}.error.svelte-1f900da.svelte-1f900da{color:white;background-color:#ff200088;border:1px solid #ff2000;border-radius:4px;align-self:center;justify-self:center;padding:0.25em 0.5em}.error.svelte-1f900da .exception.svelte-1f900da{font-size:0.75em}.options.svelte-1f900da.svelte-1f900da{display:flex;grid-column:3;gap:8px;align-items:center}h1.svelte-1f900da.svelte-1f900da{height:2rem;color:var(--theme);text-transform:uppercase;margin:0em;--font-size:max(calc(max(calc(4 - var(--scroll) / 50), 2) * min(max(1.5vw, 0.5em), 1em)), 2em);margin-top:calc(var(--font-size) / -4);font-size:var(--font-size);font-weight:100;align-self:center;text-align:center}button.svelte-1f900da.svelte-1f900da{align-self:center;justify-self:right;margin:0}.size-selector.svelte-1f900da.svelte-1f900da{display:grid;grid-template-columns:max-content max-content max-content;gap:8px;align-self:center;justify-self:right;align-items:center}.size-selector.svelte-1f900da input.svelte-1f900da{width:4em;margin:0}.splitter.svelte-1f900da.svelte-1f900da{width:4px;height:1.2em;padding:0.4em 0em}main.svelte-1f900da.svelte-1f900da{text-align:center;padding:0rem 2rem;max-width:240px;margin:0 auto}main.svelte-1f900da.svelte-1f900da{max-width:none}footer.svelte-4z2s5r{display:flex;flex-direction:column;background:#333;margin:0rem -2rem;margin-top:3em;padding:2em;border-bottom:1.5em solid #222}.designby.svelte-4z2s5r{font-size:0.75rem;color:#999;margin-bottom:0.5rem}.author.svelte-4z2s5r{font-size:1.0rem;color:#eee}.copyright.svelte-4z2s5r{font-size:0.75rem;color:#999}.sprite-atlas-container.svelte-m4jca6{min-height:80vh}.loading.svelte-m4jca6{height:100%;background:blue}.sprite-atlas.svelte-m4jca6{display:grid;gap:2px}.sprite.svelte-m4jca6{aspect-ratio:var(--ratio)}.sprite-container.svelte-1393a99.svelte-1393a99{width:100%;height:100%;background-color:#0002;position:relative;display:grid;user-select:none;overflow:hidden}.sprite-container.svelte-1393a99.svelte-1393a99:hover{background-color:#0003}.drop.svelte-1393a99.svelte-1393a99{background-color:#0004}div.svelte-1393a99:hover .delete.svelte-1393a99{opacity:0.5}.align.svelte-1393a99.svelte-1393a99{position:absolute;top:0.1em;left:0.1em;opacity:0;padding:0.1em;border-radius:2px}.used.svelte-1393a99:hover .align.svelte-1393a99{opacity:1}.used.svelte-1393a99:hover .align.svelte-1393a99:hover{opacity:1}.delete.svelte-1393a99.svelte-1393a99{position:absolute;top:0.1em;right:0.1em;width:1em;height:1em;padding:0;margin:0;opacity:0;transition:opacity 0.1s 0s ease}div.svelte-1393a99 .delete.svelte-1393a99:hover{opacity:1}.delete.svelte-1393a99.svelte-1393a99:before,.delete.svelte-1393a99.svelte-1393a99:after{position:absolute;content:" ";height:1em;width:1px;background-color:var(--t100)}.delete.svelte-1393a99.svelte-1393a99:before{transform:rotate(45deg)}.delete.svelte-1393a99.svelte-1393a99:after{transform:rotate(-45deg)}.sprite.svelte-1393a99.svelte-1393a99{user-select:none}.sprite-container.svelte-1393a99:hover .sprite.svelte-1393a99{box-shadow:inset 0px 0px 0px 1px hsl(var(--theme-hsl), 25%)}.pixelated.svelte-1393a99.svelte-1393a99{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.coordinates.svelte-1393a99.svelte-1393a99{align-self:center;justify-self:center;opacity:0.25}.align.svelte-1z0y2i.svelte-1z0y2i{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:0.1em;width:2.1em;height:2.1em}.align.svelte-1z0y2i>div.svelte-1z0y2i{box-sizing:border-box;background-color:var(--c150);border:1px solid var(--c300)}.align.svelte-1z0y2i>div.svelte-1z0y2i:nth-child(1){border-top-left-radius:2px}.align.svelte-1z0y2i>div.svelte-1z0y2i:nth-child(3){border-top-right-radius:2px}.align.svelte-1z0y2i>div.svelte-1z0y2i:nth-child(7){border-bottom-left-radius:2px}.align.svelte-1z0y2i>div.svelte-1z0y2i:nth-child(9){border-bottom-right-radius:2px}.align.svelte-1z0y2i>div.svelte-1z0y2i:hover{background:var(--c200)}.align.svelte-1z0y2i .active.svelte-1z0y2i{border-color:var(--c700);background-color:var(--c200)}