:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;height:100%;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--accent: lime }a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;place-items:center;min-width:320px;min-height:100%;height:100%}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;min-width:350px;width:100%;height:100%;padding:0;place-items:center;color:#ffffffde;background-color:#242424}.button{border-radius:8px;border:1px solid transparent;padding:.6em 1em;font-size:1em;font-weight:500;font-family:Arial,Helvetica,sans-serif;background-color:#d0d0d0;color:#222;cursor:pointer;transition:border-color .25s}.button:hover{border-color:var(--accent)}.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}.icon-button{border:0px solid transparent;background-color:transparent;padding:3px 0 0;cursor:pointer}.square-w:after{content:"";display:block;box-sizing:border-box;padding-bottom:100%}.flex-spacer{flex:1}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#main.svelte-1i8segi{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}#id-display.svelte-1i8segi{color:var(--accent)}#main.svelte-1vm3i6y{display:flex;justify-content:space-between;align-items:center;width:100%;height:max-content;margin-bottom:10px;padding:5px;padding-inline:10px;background-color:var(--hex-color);color:var(--contrast-color);font-family:monospace;border-radius:5px}#button-container.svelte-1vm3i6y{display:flex}#arrow-button-container.svelte-1vm3i6y{padding-inline:10px}.rail.svelte-14819gt{position:relative;height:var(--sliderHeight, 2px);background:var(--sliderSecondary);border-radius:var(--sliderRadius)}.selected.svelte-14819gt{position:absolute;left:0;right:0;top:0;bottom:0;background:var(--sliderSelected, var(--sliderPrimary))}.thumb.svelte-sr1smx{width:var(--sliderThumbSize, 16px);height:var(--sliderThumbSize, 16px);position:absolute;left:0;top:50%;border-radius:50%;background:var(--sliderThumb, var(--sliderSelected, var(--sliderPrimary)));touch-action:none;transform:translate(-50%,-50%);transition:.2s height,.2s width}.thumb.svelte-sr1smx:after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--sliderThumbSize, 16px));height:calc(var(--sliderThumbSize, 16px));transform:translate(-50%,-50%);cursor:pointer}.thumb.svelte-sr1smx:before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--sliderThumbSize, 16px));height:calc(var(--sliderThumbSize, 16px));border-radius:50%;opacity:.3;background:var(--sliderSecondary);transform:translate(-50%,-50%) scale(0);transition:.2s all}.slider.svelte-1cw3o64{padding:8px}.slider.svelte-pfaiy6{--sliderSelected:#00000000;--sliderSecondary:linear-gradient( to right, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF, #FF0000 );--sliderThumb:hsl(var(--selectedHue), 100%, 50%);--sliderHeight:10px;--sliderThumbSize:28px;--sliderRadius:5px;margin:16px}.slider.svelte-aqtu85{--sliderSelected:#00000000;--sliderSecondary:linear-gradient( to right, hsl(var(--hue), 100%, var(--minLightness)), hsl(var(--hue), 100%, var(--midLightness)), hsl(var(--hue), 100%, var(--maxLightness)) );--sliderThumb:hsl(var(--hue), 100%, var(--selectedLightness));--sliderHeight:10px;--sliderThumbSize:28px;--sliderRadius:5px;margin:16px}#main.svelte-1cwl8ow{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0 0;border-radius:10px;box-shadow:var(--shadow);width:100%;border:var(--border)}#main-color-display.svelte-1cwl8ow{display:flex;align-items:center;justify-content:center;height:100%;padding:6px;padding-inline:10px;border-radius:5px;background-color:hsl(var(--hue),100%,var(--lightness));color:var(--contrast-color);width:var(--display-width)}#main-container.svelte-1cwl8ow{display:flex;flex-direction:row;justify-content:space-between;align-items:end;padding-inline:25px;height:auto;width:100%}#main-text.svelte-1cwl8ow{font-family:monospace;padding-left:5px;padding-right:8px;font-size:14pt}#slider-container.svelte-1cwl8ow{text-align:center;width:100%}#lightness-container.svelte-1cwl8ow{display:flex;align-items:center}#lightness-slider.svelte-1cwl8ow{flex:1}#lightness-reset.svelte-1cwl8ow{height:max-content;margin-right:22px;margin-left:-5px;margin-bottom:2px;padding-top:8px;padding-bottom:8px;font-size:11pt}#saved-colors-bg.svelte-1cwl8ow{background-color:#bababa;padding-top:10px;border-radius:0 0 10px 10px;min-height:97px;padding-inline:20px;overflow-x:hidden;width:100%}#saved-colors-label.svelte-1cwl8ow{color:#555;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11pt;letter-spacing:2.5px}#saved-colors-container.svelte-1cwl8ow{overflow-x:scroll;white-space:nowrap;padding-top:10px;padding-bottom:18px;width:100%;text-align:left}.color-button.svelte-1cwl8ow{cursor:pointer;height:35px;width:35px;border-radius:5px;border:2px solid transparent;margin-right:10px}#background.svelte-1fz82pl{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9bpVIqDu0gIpihOlkQv3DUKhShQqgVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4B/kaFqWbXGKBqlpFOJoRsblUIviKEIQBTiEjM1OdEMQXP8XUPH1/v4jzL+9yfo1fJmwzwCcSzTDcs4g3i6U1L57xPHGUlSSE+Jx416ILEj1yXXX7jXHTYzzOjRiY9TxwlFoodLHcwKxkq8SRxTFE1yvdnXVY4b3FWKzXWuid/YTivrSxzneYgkljEEkQIkFFDGRVYiNOqkWIiTfsJD/+A4xfJJZOrDEaOBVShQnL84H/wu1uzMDHuJoUTQPeLbX8MA8FdoFm37e9j226eAIFn4Epr+6sNYOaT9Hpbix0BfdvAxXVbk/eAyx2g/0mXDMmRAjT9hQLwfkbflAMit0Boze2ttY/TByBDXaVugINDYKRI2ese7+7p7O3fM63+fgCJznKwTn/aOQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+YKHwA2F0TMGeUAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAOklEQVRIx+3QsQ0AMAgDQchw7IyXMxNEoomU4r+2rnB2d6yrqv34xLOgoaGhP6XT9n4tia+hoaGh7w0dvghjxfv8eQAAAABJRU5ErkJggg==);border-radius:10px}#main.svelte-1fz82pl{border-radius:10px;background:var(--bg);height:var(--height);width:var(--width);border:var(--border)}#main.svelte-qk75dk{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}#name-container.svelte-qk75dk{display:flex;flex-direction:column;font-size:10pt;flex:1}#header.svelte-qk75dk{display:flex;align-items:flex-end;justify-content:flex-end;padding-inline:10px;padding-bottom:15px;border-bottom:1px #a0a0a0 solid}#preview-container.svelte-qk75dk{width:100%;padding:15px 5px 5px;height:max-content}#preview-label.svelte-qk75dk{margin-left:5px;margin-top:2px;margin-bottom:-2px}#preview.svelte-qk75dk{flex:1;padding-right:5px}#colors-container.svelte-qk75dk{flex:1;margin-top:10px;padding:5px;overflow-y:auto;white-space:nowrap}.button.svelte-qk75dk{font-size:11pt;padding:8px;padding-inline:10px;height:max-content;margin-left:8px}input[type=text].svelte-qk75dk{background-color:#ffffff08;border:1px solid #FFFFFFD8;color:#f0f0f0;border-radius:3px;padding:2px;padding-inline:5px}#main.svelte-hk4nah{width:100%}.element.svelte-hk4nah{border-top:1px solid #a0a0a0;padding-top:12px;padding-bottom:12px}.element.selected.svelte-hk4nah{background-color:#f0f0f0;color:#222;padding-inline:15px;padding-bottom:10px;border-radius:8px}.element-content.svelte-hk4nah{display:flex;padding-bottom:10px;align-items:center}.selected-header.svelte-hk4nah{display:flex;justify-content:space-between;align-items:center}.gradient-view.svelte-hk4nah{flex:1}.button.svelte-hk4nah{margin-inline:10px}#main.svelte-lskq1k{display:flex;flex-direction:column;width:100%;height:100%;padding:2%}#title.svelte-lskq1k{font-family:Courier New,Courier,monospace;font-size:16pt;text-align:center;padding:10px;margin-inline:25px;border-bottom:1px solid var(--accent);margin-bottom:30px}#icon.svelte-lskq1k{height:24px;width:24px}#main-content.svelte-lskq1k{display:flex;flex-direction:column;flex:1;overflow-y:auto}#brightness-slider.svelte-lskq1k{width:100%;height:20px;padding-inline:15px;--sliderSecondary:#ffffff66;--sliderSelected:#ffffff}#brightness-container.svelte-lskq1k{padding-inline:5px;margin-bottom:30px}#brightness-label.svelte-lskq1k{padding-inline:8px}.effect-label.svelte-lskq1k{padding-inline:13px;margin-bottom:-8px}.effects-buttons-container.svelte-lskq1k{display:flex;justify-content:space-around;margin-top:12px}.effect-type-button.svelte-lskq1k{display:flex;align-items:center;justify-content:space-between;width:max-content;height:max-content;line-height:middle;padding:12px;padding-inline:10px;border:0px;font-family:Courier New,Courier,monospace;cursor:pointer;border:1px solid #a0a0a0;border-radius:20px;background-color:transparent;letter-spacing:1.5px;color:#dedede}.effect-type-button.selected.svelte-lskq1k{background-color:#d0d0d0;color:#000}#effects-options-container.svelte-lskq1k{margin-top:40px;flex:1}.effects-options-label.svelte-lskq1k{padding-inline:13px}.effects-options-label.color.svelte-lskq1k{margin-bottom:-15px}.color-effect-options-container.svelte-lskq1k{border:1px solid black;border-radius:10px;padding-top:10px}.gradient-effect-options-container.svelte-lskq1k{display:flex;flex-direction:column;flex:1}.gradient-selector-container.svelte-lskq1k{padding-inline:13px;padding-top:5px;padding-bottom:30px;flex:1;display:flex;align-items:center;flex-direction:column}.gradient-selector.svelte-lskq1k{width:100%;margin-bottom:10px}.speed-effect-options-container.svelte-lskq1k{margin-bottom:40px}.speed-selector.svelte-lskq1k{--sliderSecondary:#ffffff66;--sliderSelected:#eeeeff;padding-inline:15px}.speed-selector-label-container.svelte-lskq1k{display:flex;justify-content:space-between;padding-inline:18px}.speed-selector-label.svelte-lskq1k{font-size:9pt}.direction-effect-options-container.svelte-lskq1k{display:flex;margin-left:10px;margin-bottom:40px}.direction-selector.svelte-lskq1k{padding-right:20px}#footer-button.svelte-lskq1k{width:100%;box-shadow:0 -10px 25px 5px #000;font-family:Courier New,Courier,monospace;letter-spacing:2px}#main.svelte-ciq7ve{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}#title.svelte-ciq7ve{display:flex;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;font-size:16pt;text-align:center;padding:10px;margin-inline:25px;border-bottom:1px solid var(--accent);margin-bottom:30px}#icon.svelte-ciq7ve{height:40px;width:40px;margin-right:10px}#subtitle.svelte-ciq7ve{margin-top:10px}#banner.svelte-ciq7ve{text-align:center;padding:10px;font-size:32pt}.main-content.svelte-ciq7ve{flex:1;display:flex;flex-direction:column;align-items:center;padding-inline:20px}#button-container.svelte-ciq7ve{display:flex;justify-content:space-around;padding:20px}#login-container.svelte-ciq7ve{display:flex;flex-direction:column;padding:20px;width:100%}#login-input-container.svelte-ciq7ve{display:flex;align-items:center}#register-container.svelte-ciq7ve{display:flex;flex-direction:column;padding:20px;width:100%}#register-input-container.svelte-ciq7ve{display:flex;align-items:center}#options-container.svelte-ciq7ve{display:flex;flex-direction:column;align-items:center;width:100%}input[type=text].svelte-ciq7ve,input[type=number].svelte-ciq7ve{background-color:#ffffff08;border:1px solid #ffffffd8;color:#f0f0f0;border-radius:3px;padding:5px;padding-inline:5px;height:100%;flex:1;margin-right:10px}ul.svelte-ciq7ve{padding-left:18px}li.svelte-ciq7ve{margin-bottom:10px}#id-display-container.svelte-ciq7ve{margin-top:30px;margin-bottom:40px;display:flex;flex-direction:column;align-items:center}#id-display.svelte-ciq7ve{color:var(--accent);margin-left:5px}#instructions.svelte-ciq7ve{margin-bottom:20px}.button.svelte-ciq7ve{font-size:11pt;padding-inline:10px}#main.svelte-qmdzy5{width:100%;height:100%;padding:2%}