.nn-creator-hue{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;height:28px}.nn-creator-hue:focus-visible{outline:none}.nn-creator-hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ea7ca1,#e38d3d,#9ab140,#00bfa8,#3faff3,#b28fef,#ea7ca3);background:linear-gradient(90deg,lab(65.7594% 46.0191 .57534),lab(66.9634% 29.0323 55.0545),lab(68.72% -20.1548 52.5929),lab(69.2764% -49.3078 -.351405),lab(67.3837% -15.3887 -43.8205),lab(65.6055% 28.424 -43.8063),lab(65.7463% 45.9787 -.369465));border-radius:9999px;height:12px;box-shadow:inset 0 1px 2px #00000073,inset 0 0 0 1px #f2f0eb14}.nn-creator-hue::-moz-range-track{background:linear-gradient(90deg,#ea7ca1,#e38d3d,#9ab140,#00bfa8,#3faff3,#b28fef,#ea7ca3);background:linear-gradient(90deg,lab(65.7594% 46.0191 .57534),lab(66.9634% 29.0323 55.0545),lab(68.72% -20.1548 52.5929),lab(69.2764% -49.3078 -.351405),lab(67.3837% -15.3887 -43.8205),lab(65.6055% 28.424 -43.8063),lab(65.7463% 45.9787 -.369465));border-radius:9999px;height:12px;box-shadow:inset 0 1px 2px #00000073,inset 0 0 0 1px #f2f0eb14}.nn-creator-hue::-webkit-slider-thumb{appearance:none;background:linear-gradient(180deg, var(--color-ink-3), var(--color-ink));border-radius:9999px;width:24px;height:24px;margin-top:-6px;box-shadow:inset 0 1px #f2f0eb24,0 0 0 1px #f2f0eb29,0 1px 3px #0009}.nn-creator-hue::-moz-range-thumb{background:linear-gradient(180deg, var(--color-ink-3), var(--color-ink));border:0;border-radius:9999px;width:24px;height:24px;box-shadow:inset 0 1px #f2f0eb24,0 0 0 1px #f2f0eb29,0 1px 3px #0009}.nn-creator-hue:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--color-ink), 0 0 0 4px var(--color-paper)}.nn-creator-hue:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--color-ink), 0 0 0 4px var(--color-paper)}.nn-eyes-ring{--ring-r:120px;--ring-offset:0deg}@media (pointer:coarse){.nn-eyes-ring{--ring-r:138px}}.nn-eyes-ring-turn{rotate:var(--ring-offset)}.nn-eyes-ring-spin{will-change:transform;animation:150s linear infinite nn-eyes-ring-spin}.nn-eyes-ring-upright{transform:rotate(calc(-1 * var(--ring-offset)));animation:150s linear infinite reverse nn-eyes-ring-spin}.nn-eyes-ring:is(:focus-within,[data-dragging],[data-paused]) :is(.nn-eyes-ring-spin,.nn-eyes-ring-upright){animation-play-state:paused}@media (hover:hover){.nn-eyes-ring:hover :is(.nn-eyes-ring-spin,.nn-eyes-ring-upright){animation-play-state:paused}.nn-eyes-ring-face:hover{background:color-mix(in oklab, var(--color-paper) 7%, transparent)}}.nn-eyes-ring[data-dragging]{cursor:grabbing}@media (prefers-reduced-motion:reduce){.nn-eyes-ring-spin,.nn-eyes-ring-upright{animation:none}}@keyframes nn-eyes-ring-spin{to{rotate:360deg}}.nn-creator-more{animation:nn-creator-fade var(--dur-micro) var(--ease-out)}@media (prefers-reduced-motion:reduce){.nn-creator-more{animation-duration:var(--dur-instant)}}@keyframes nn-creator-fade{0%{opacity:0}}