input.svelte-1xpxj2d{border-radius:8px;margin:2px;min-height:20px}.marker.svelte-1xpxj2d{position:absolute;top:50%;left:50%;transform-origin:left;width:1px;height:1px}.marker.svelte-1xpxj2d span:where(.svelte-1xpxj2d){position:absolute;height:100%;left:100%;top:-.65rem;transform-origin:center;transform:rotate(0);padding:2px 4px;border-radius:4px;font-size:.8rem;white-space:nowrap}.horizontal-slider.svelte-1xpxj2d{width:100%;border-radius:9999px}.horizontal-slider.svelte-1xpxj2d input[type=range]:where(.svelte-1xpxj2d){width:100%;border-radius:9999px}.horizontal-hue-buttons.svelte-1xpxj2d{display:flex;flex-direction:row}.hue-button.square.svelte-1xpxj2d{border:none;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;transition:transform .2s ease,box-shadow .2s ease}.hue-button.active-hue.svelte-1xpxj2d{transform:translateY(-4px);box-shadow:0 4px 8px #0000004d;z-index:1}.hue-label.svelte-1xpxj2d{font-size:.65rem;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.7)}.indicator-line.svelte-1xpxj2d{position:absolute;top:50%;left:50%;height:1px;width:25dvh;background-color:#000;transform-origin:left;transition:transform .2s ease;z-index:2}.dark.svelte-1xpxj2d .indicator-line:where(.svelte-1xpxj2d){background-color:#33333380;border:solid 1px hsla(0,0%,100%,.9);height:3px;box-shadow:0 0 3px #00000080;box-sizing:border-box}.center-circle.svelte-1xpxj2d{position:absolute;top:50%;left:50%;width:25dvh;height:25dvh;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.5);box-shadow:0 0 5dvh #33333380;z-index:3}.dark-text.svelte-1xpxj2d{color:#000;text-shadow:0 0 2px rgba(255,255,255,.7)}.red.svelte-1xpxj2d{transform:rotate(-90deg) translate(25dvh)}.red-yellow.svelte-1xpxj2d{transform:rotate(-60deg) translate(25dvh)}.yellow.svelte-1xpxj2d{transform:rotate(-30deg) translate(25dvh)}.yellow-green.svelte-1xpxj2d{transform:rotate(0) translate(25dvh)}.green.svelte-1xpxj2d{transform:rotate(30deg) translate(25dvh)}.green-cyan.svelte-1xpxj2d{transform:rotate(60deg) translate(25dvh)}.cyan.svelte-1xpxj2d{transform:rotate(90deg) translate(25dvh)}.cyan-blue.svelte-1xpxj2d{transform:rotate(120deg) translate(25dvh)}.blue.svelte-1xpxj2d{transform:rotate(150deg) translate(25dvh)}.blue-magenta.svelte-1xpxj2d{transform:rotate(180deg) translate(25dvh)}.magenta.svelte-1xpxj2d{transform:rotate(210deg) translate(25dvh)}.magenta-red.svelte-1xpxj2d{transform:rotate(240deg) translate(25dvh)}.dark.svelte-1xpxj2d .marker:where(.svelte-1xpxj2d) span:where(.svelte-1xpxj2d){color:#fff}body{transition:background-color .3s ease,color .3s ease}.flex.svelte-1xpxj2d{color:#000}.dark.svelte-1xpxj2d{color:#fff}.dark.svelte-1xpxj2d input:where(.svelte-1xpxj2d){background-color:#333;color:#fff;border:1px solid #555}.dark.svelte-1xpxj2d input[type=range]:where(.svelte-1xpxj2d){background:transparent}.wheel-container.svelte-1xpxj2d{position:relative;width:50dvh;height:50dvh;margin:100px}.color-wheel.svelte-1xpxj2d{width:100%;height:100%;border-radius:50%;background:conic-gradient(hsl(0,var(--s),var(--l)),hsl(60,var(--s),var(--l)),hsl(120,var(--s),var(--l)),hsl(180,var(--s),var(--l)),hsl(240,var(--s),var(--l)),hsl(300,var(--s),var(--l)),hsl(360,var(--s),var(--l)))}.color-wheel.svelte-1xpxj2d{--s: 100%;--l: 50%}.dark.svelte-1xpxj2d input[type=range]:where(.svelte-1xpxj2d)::-webkit-slider-runnable-track{background:#777}.dark.svelte-1xpxj2d input[type=range]:where(.svelte-1xpxj2d)::-webkit-slider-thumb{background:#fff;border:1px solid #aaa}.dark.svelte-1xpxj2d input[type=range]:where(.svelte-1xpxj2d)::-moz-range-track{background:#777}.dark.svelte-1xpxj2d input[type=range]:where(.svelte-1xpxj2d)::-moz-range-thumb{background:#fff;border:1px solid #aaa}.play-button.svelte-1xpxj2d,.stop-button.svelte-1xpxj2d{background-color:#333;color:#fff;border:none;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.play-button.svelte-1xpxj2d:hover,.stop-button.svelte-1xpxj2d:hover{background-color:#555}.play-button.disabled.svelte-1xpxj2d,.stop-button.disabled.svelte-1xpxj2d{opacity:.5;cursor:not-allowed}.dark.svelte-1xpxj2d .play-button:where(.svelte-1xpxj2d),.dark.svelte-1xpxj2d .stop-button:where(.svelte-1xpxj2d){background-color:#555}.dark.svelte-1xpxj2d .play-button:where(.svelte-1xpxj2d):hover,.dark.svelte-1xpxj2d .stop-button:where(.svelte-1xpxj2d):hover{background-color:#777}