:root{font-family:system-ui;color:#fff;background-color:#242424}body{margin:0;display:flex;min-height:100vh;padding:1em}#app{width:100%;text-align:center}h3,p{margin:0;background-color:#000}#color-format-selector-wrapper[data-v-1eb06831]{height:min-content;text-align:left}.selector-wrapper[data-v-4400d78a]{display:flex;flex-direction:column;align-items:center;gap:.125em}input[data-v-4400d78a]{width:8em;text-align:center}input[data-v-4400d78a]:disabled{cursor:no-drop}#hex-input-text[data-v-4400d78a]{border:solid white .25px;color:#fff;background-color:#000}.interval[data-v-9f163cf2]{display:flex;align-items:center;justify-content:end;gap:.5em;font-weight:700}#interval-converter-wrapper[data-v-2ffb28a9]{background:var(--5d392e62)}h3[data-v-2ffb28a9]{margin:0}#split[data-v-2ffb28a9]{display:flex;flex-direction:column}#split[data-v-2ffb28a9]{background-color:#000}#gradient-step-selector[data-v-2ffb28a9]{display:flex}input[data-v-6f2345ba]{width:3em}#shade-computer-wrapper[data-v-6f2345ba]{background:var(--f297f836)}#brightness-selector[data-v-6f2345ba]{background-color:#000;padding:.25em}.color-tile[data-v-b6ce751d]{border-radius:1em;padding:.25em;width:100%;cursor:copy}h1[data-v-24d9a778]{margin:0;font-size:5em;cursor:pointer;text-shadow:0 0 5px;-webkit-user-select:none;user-select:none}#app-title-wrapper[data-v-24d9a778]{display:flex;flex-direction:column;align-items:center;flex:1}#version[data-v-24d9a778]{width:min-content}a[data-v-24d9a778]{background-color:#fff;border-radius:.5em;display:flex;padding:3px}#subtitle[data-v-24d9a778]{display:flex;align-items:center;gap:1em}#top[data-v-f406bf74]{display:flex;justify-content:space-between;align-items:center}.row[data-v-f406bf74]{display:flex;gap:.5em}.tool[data-v-f406bf74]{display:flex;flex-direction:column;gap:1em;background-color:#fff1;padding:1em;border-radius:1em;border:solid 1px white;opacity:.8;transition:opacity .25s ease-in-out}.tool[data-v-f406bf74]:hover{opacity:1}#buttons-container[data-v-f406bf74]{display:flex;justify-content:center;gap:1em}#tools[data-v-f406bf74]{display:flex;justify-content:end;gap:1em}#tiles-container[data-v-f406bf74]{width:100%;display:flex;flex-direction:column-reverse;gap:.5em;margin-top:1em}hr[data-v-f406bf74]{margin:1em}button[data-v-f406bf74]{height:min-content}#placeholder-tile[data-v-f406bf74]{border:dashed 1px white;border-radius:1em;height:4em;display:flex;align-items:center;justify-content:center}