input.svelte-18u4xef{width:var(--width);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;margin:0}input.svelte-18u4xef::-moz-range-track{background:var(--trackBackground);height:22.3px;border-radius:8px}input.svelte-18u4xef::-webkit-slider-runnable-track{background:var(--trackBackground);height:22.3px;border-radius:8px}input.svelte-18u4xef::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:6px;background:var(--thumbColor);height:10px;width:2px;box-sizing:content-box;border-radius:4px}input.svelte-18u4xef::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-top:6px;background:var(--thumbColor);height:10px;width:2px;box-sizing:content-box;border-radius:4px}input.svelte-18u4xef:focus{outline:none}section[aria-label="color sliders"].svelte-n8q521{color:var(--textColor);display:flex;flex-direction:column;align-items:center;margin:0 auto}section[aria-label="color sliders"].svelte-n8q521 p:where(.svelte-n8q521){font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:12px;margin:16.4px 0 3px;padding:0;color:gray;transition:color .2s linear}section[aria-label="color sliders"].svelte-n8q521 p:where(.svelte-n8q521):first-child{margin-top:0}menu[aria-label="color controls"].svelte-oyje5r{display:grid;grid-auto-flow:column;grid-template-columns:10rem 2rem 2rem;padding:0rem 1rem;height:2rem;width:14rem;margin:auto;border-radius:10px;background-color:var(--color)}menu[aria-label="color controls"].svelte-oyje5r button:where(.svelte-oyje5r){border:none;margin:0;padding:0;cursor:pointer;background:transparent}menu[aria-label="color controls"].svelte-oyje5r button.icon:where(.svelte-oyje5r){display:flex;justify-content:center;align-items:center}menu[aria-label="color controls"].svelte-oyje5r input[type=text]:where(.svelte-oyje5r){background:transparent;border:none;padding:0;margin:0;max-width:153px}menu[aria-label="color controls"].svelte-oyje5r input[type=text]:where(.svelte-oyje5r):focus{box-shadow:none;border:none;outline:none}menu[aria-label="color controls"].svelte-oyje5r input[type=text]:where(.svelte-oyje5r),menu[aria-label="color controls"].svelte-oyje5r p:where(.svelte-oyje5r){line-height:2rem;font-size:1rem;text-transform:uppercase;margin:0;padding:0 4px;text-align:start;color:var(--textColor)}p.svelte-mqmlpo{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:12px;margin:0;padding:0;margin-bottom:-.8rem;color:gray;transition:color .2s linear}p.svelte-mqmlpo:has(+ol:hover){color:#fff}p.svelte-mqmlpo:has(+ol.down:hover){color:gray}ol.svelte-mqmlpo{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:1.4rem;width:var(--palettewidth);list-style-type:none;padding:0;box-sizing:border-box;border-radius:8px;overflow:hidden}ol.svelte-mqmlpo li:where(.svelte-mqmlpo) button:where(.svelte-mqmlpo){display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:none;padding:0;cursor:pointer;font-size:24px;color:var(--color)}ol.svelte-mqmlpo li:where(.svelte-mqmlpo) button:where(.svelte-mqmlpo) svg:where(.svelte-mqmlpo){position:absolute;width:7px;height:7px;transform:translateY(0);transition:transform .1s linear,color .1s linear}ol.svelte-mqmlpo li:where(.svelte-mqmlpo) button:where(.svelte-mqmlpo):hover svg:where(.svelte-mqmlpo){transform:translateY(-20px)}ol.svelte-mqmlpo li.selected:where(.svelte-mqmlpo) button:where(.svelte-mqmlpo) svg:where(.svelte-mqmlpo){transform:translateY(-15px)}ol.down.svelte-mqmlpo li:where(.svelte-mqmlpo) button:where(.svelte-mqmlpo):hover svg:where(.svelte-mqmlpo){transform:translateY(20px)}ol.down.svelte-mqmlpo li.selected:where(.svelte-mqmlpo) button:where(.svelte-mqmlpo) svg:where(.svelte-mqmlpo){transform:translateY(15px)}section[aria-label="color picker"].svelte-1j1v3ha{touch-action:none;width:330px;height:600px;background-color:#fff;display:grid;grid-template-rows:330px 64px 1fr}section[aria-label="color picker"].svelte-1j1v3ha section[aria-label="color palettes"]:where(.svelte-1j1v3ha){display:flex;flex-direction:column;align-items:center;margin:0 auto}main.svelte-qrjfrq{height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0;padding:0;background:radial-gradient(circle,#d7d7d7 10%,transparent 11%),radial-gradient(circle at bottom left,#d7d7d7 5%,transparent 6%),radial-gradient(circle at bottom right,#d7d7d7 5%,transparent 6%),radial-gradient(circle at top left,#d7d7d7 5%,transparent 6%),radial-gradient(circle at top right,#d7d7d7 5%,transparent 6%);background-size:3em 3em;background-color:#fff}div.svelte-qrjfrq:first-child{border:2px solid orange}