.configBox.available.svelte-1lzj282{background-color:var(--secondary-color)}.showhide.svelte-1lzj282{width:10%}.rest.svelte-1lzj282{flex:7}.rest.svelte-1lzj282 div:where(.svelte-1lzj282){width:100%}.get.svelte-1lzj282{font-size:inherit;flex:1}.configBox.svelte-1lzj282{position:absolute;top:0;left:0;width:100%;box-sizing:content-box;display:flex;align-items:center;z-index:22;gap:.25em;padding:.25em;box-sizing:border-box;background-color:transparent;height:clamp(15px,7%,30px)}@media(max-width:480px){.configBox.svelte-1lzj282{height:clamp(20px,12%,35px)}}.configBox.svelte-1lzj282 div:where(.svelte-1lzj282){z-index:26;height:100%;font-family:inherit;display:flex;justify-content:space-between;align-items:center}button.svelte-1lzj282,input.svelte-1lzj282,select.svelte-1lzj282{font-size:inherit;height:100%;width:100%;margin:0;padding:0;box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:var(--primary-color);opacity:1;transition:box-shadow .2s}button.svelte-1lzj282:hover,input.svelte-1lzj282:hover,select.svelte-1lzj282:hover{box-shadow:inset 0 0 2px #000}button.svelte-1lzj282,select.svelte-1lzj282,input.svelte-1lzj282{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}@keyframes svelte-1lzj282-fadeColorIn{0%{color:#0000}to{color:#0009}}:root{--background-color: #302020;--text-color: #e9e9e9;--primary-color: #fdd866;--secondary-color: #3c278c;--background-color: #191919;--text-color: #ebebeb;--primary-color: #004320;--secondary-color: #282828}body{color:var(--text-color)}*{color:inherit}button,input,select{border-radius:.5em}.colourPreview.svelte-1kss3uu{font-size:.6em;opacity:0;text-overflow:ellipsis;white-space:nowrap;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.colourPreview.svelte-1kss3uu:hover{overflow:visible;opacity:1}.sortMethodDisplay.svelte-1kss3uu{position:absolute;opacity:0;transition:opacity .5s}.sortMethodDisplay.true.svelte-1kss3uu{opacity:1;transition:opacity .2s;-webkit-user-select:text;user-select:text;z-index:3}.sortMethodDisplay.false.svelte-1kss3uu{opacity:0;-webkit-user-select:none;user-select:none;z-index:0}.paletteBox.svelte-1kss3uu{flex:2;display:flex;flex-direction:row}@media(max-width:480px){.paletteBox.svelte-1kss3uu{flex:3}}.paletteOptions.svelte-1kss3uu button:where(.svelte-1kss3uu){flex:1;border:none;border-radius:0;font-size:.8em}.paletteOptions.svelte-1kss3uu{flex:1;display:flex;flex-direction:column}.palettePlusGradientBox.svelte-1kss3uu{display:flex;flex-direction:column;flex:7}.gradientLine.svelte-1kss3uu{flex:1;width:100%;background:var(--background-color)}button.svelte-1kss3uu{font-size:inherit;background-color:var(--primary-color);transition:box-shadow .2s}button.svelte-1kss3uu:hover{box-shadow:inset 0 0 2px #000}.paletteDisplay.svelte-1kss3uu{flex:2;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:20;background-color:var(--secondary-color);width:100%}.colour.svelte-1kss3uu{box-sizing:border-box;flex:1;z-index:2;display:flex;align-items:center;justify-content:center;min-width:0;height:100%;border-radius:0;padding:none}.colour.svelte-1kss3uu button:where(.svelte-1kss3uu){width:100%;height:100%;padding:none;border:none;border-radius:0}.options.svelte-3p271l{font-family:inherit;flex:1;display:flex;align-items:center;justify-content:space-between;gap:.25em;padding:.25em}@media(max-width:480px){.options.svelte-3p271l{flex:2}}.apply.svelte-3p271l{font-size:inherit;flex:1}.options.svelte-3p271l div:where(.svelte-3p271l){height:100%;flex:1;background-color:none;display:flex;align-items:center;justify-content:center;font-size:1em}button.svelte-3p271l,select.svelte-3p271l{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;width:100%;text-align:center;font-size:inherit;background-color:var(--primary-color);transition:box-shadow}button.svelte-3p271l:hover,select.svelte-3p271l:hover{box-shadow:inset 0 0 2px #000}.Options.svelte-48hd15{flex:1;display:flex;flex-direction:row;justify-content:center;background-color:var(--secondary-color);gap:.25em;padding:.25em}.Options.svelte-48hd15 button:where(.svelte-48hd15),input.svelte-48hd15{flex:1;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--primary-color);transition:box-shadow .3s}.Options.svelte-48hd15 button:where(.svelte-48hd15):hover,input.svelte-48hd15:hover{box-shadow:inset 0 0 .2em #000}button.svelte-48hd15,input.svelte-48hd15{font-size:inherit}.Options.svelte-48hd15 button:where(.svelte-48hd15){display:flex;align-items:center;justify-content:center}.data.svelte-48hd15{flex:1;font-size:1rem;display:flex;flex-direction:column;height:100%;width:100%;text-overflow:clip;outline:1px solid black;background-color:var(--secondary-color);box-shadow:0 3px 10px #333}.containedImage.svelte-48hd15{position:absolute;max-width:100%;max-height:100%;object-fit:contain}.optionIconHolder.svelte-48hd15{flex:1;display:flex;flex-direction:row;gap:.25em}@media(max-width:850px){.imageHolder.svelte-48hd15{width:100%}.data.svelte-48hd15{font-size:.8rem}.data.svelte-48hd15{width:100%}}@media(max-width:480px){.data.svelte-48hd15{font-size:.6rem}.Options.svelte-48hd15{flex:2}}.imageHolder.svelte-48hd15{flex:15;background-color:var(--background-color);box-shadow:inset 0 0 10px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;overflow:hidden}button.svelte-48hd15,input.svelte-48hd15{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}@keyframes svelte-48hd15-fadeColorIn{0%{color:#0000}to{color:#0009}}canvas.svelte-48hd15{z-index:6;position:absolute}input.svelte-48hd15{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.middlebox.svelte-14z8fu7{display:flex;flex-direction:column;height:90%;width:90%;border-radius:1rem;align-items:center}.whole.svelte-14z8fu7{font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif}.IOContainer.svelte-14z8fu7{flex:9;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1rem;gap:1em;width:100%;height:100%;max-width:1600px;min-height:500px;outline:3px solid var(--secondary-color)}@media(max-width:700px){.IOContainer.svelte-14z8fu7{flex-direction:column;height:200%}.middlebox.svelte-14z8fu7{height:90%}}@media(max-width:480px){.whole.svelte-14z8fu7{font-size:15px}}