#picker.svelte-1ggkzkx{display:flex;--bg: hsl(var(--hue) var(--saturation) var(--brightness));background-color:hsl(var(--hue) var(--saturation) var(--brightness));overflow:hidden;position:relative}button.svelte-1ggkzkx{position:absolute;bottom:1rem;right:1rem;display:flex;width:2rem;height:2rem;outline:none;border:none;background:lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);color:lch(from var(--bg) calc((49.44 - l) * -infinity) 0 0);fill:currentColor;stroke-width:1px;border-radius:25%;font-weight:700;cursor:pointer;transition:scale .1s ease-in-out}button.svelte-1ggkzkx:hover{scale:1.2}button.svelte-1ggkzkx:active{scale:.9}.slider.svelte-1ggkzkx{-webkit-appearance:none;writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;width:2rem;height:25rem;vertical-align:bottom;margin:0}input[type=range].svelte-1ggkzkx{-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;overflow:hidden}input[type=range].svelte-1ggkzkx::-webkit-slider-thumb,input[type=range].svelte-1ggkzkx::-moz-range-thumb{-webkit-appearance:none;appearance:none;height:15px;width:15px;background-color:#fff;border-radius:50%;border:none;box-shadow:0 1px 4px #0003}#hue.svelte-1ggkzkx{background:linear-gradient(to top,red,#ffbf00 12.5%,#ffef00,#dfff00 18.75%,#7fff00,#20ff00 31.25%,#00ff10,#00ff40 37.5%,#0ff,#0040ff 62.5%,#0010ff,#2000ff 68.75%,#7f00ff,#df00ff 81.25%,#ff00ef,#ff00bf 87.5%,red);transform:rotate(180deg)}#hue.svelte-1ggkzkx::-webkit-slider-runnable-track,#hue.svelte-1ggkzkx::-moz-range-track{padding:1rem;background:linear-gradient(to top,red,#ffbf00 12.5%,#ffef00,#dfff00 18.75%,#7fff00,#20ff00 31.25%,#00ff10,#00ff40 37.5%,#0ff,#0040ff 62.5%,#0010ff,#2000ff 68.75%,#7f00ff,#df00ff 81.25%,#ff00ef,#ff00bf 87.5%,red)}#saturation.svelte-1ggkzkx{background:linear-gradient(hsl(var(--hue) 100% 50%),hsl(var(--hue) 0% 100%))}#saturation.svelte-1ggkzkx::-webkit-slider-runnable-track,#saturation.svelte-1ggkzkx::-moz-range-track{padding:1rem;background:linear-gradient(hsl(var(--hue) 100% var(--brightness)),hsl(var(--hue) 0% var(--brightness)))}#brightness.svelte-1ggkzkx{background:linear-gradient(hsl(var(--hue) var(--saturation) 50) 0,hsl(var(--hue) var(--saturation) 0))}#brightness.svelte-1ggkzkx::-webkit-slider-runnable-track,#brightness.svelte-1ggkzkx::-moz-range-track{padding:1rem;background:linear-gradient(in hsl,hsl(var(--hue) var(--saturation) 100) 0,hsl(var(--hue) var(--saturation) 0))}div.svelte-1uha8ag{font-family:sans-serif;font-weight:700;width:var(--game-size);height:25rem}#target-color.svelte-1uha8ag{text-align:center}#round-results.svelte-1uha8ag{position:relative;display:flex;flex-direction:column}#round-results.svelte-1uha8ag .float:where(.svelte-1uha8ag){position:absolute;bottom:0;width:100%;padding:.5rem 1rem;display:flex;justify-content:space-between;background-color:#000;color:#fff}#round-results.svelte-1uha8ag .float:where(.svelte-1uha8ag) button:where(.svelte-1uha8ag){margin-right:2rem}p.svelte-1uha8ag{margin:0;padding:0;padding-left:1rem}p.with-bg.svelte-1uha8ag{height:100%;flex:1}.with-bg.svelte-1uha8ag{background-color:var(--bg);color:lch(from var(--bg) calc((49.44 - l) * infinity) 0 0)}#picker,#target-color.svelte-1uha8ag,#round-results.svelte-1uha8ag{width:var(--game-size);height:25rem;border-radius:1rem;overflow:hidden}button{cursor:pointer}body{--game-size: 25rem}@media(max-width:1250px){body{--game-size: 80vw}}