._hsvPicker_yuiuu_1{background:var(--bg-elevated);border-radius:var(--radius);border:1px solid #0000;flex-direction:column;gap:.55rem;padding:.75rem;display:flex}._svSquare_yuiuu_11{border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:160px;position:relative;overflow:hidden}._svWhiteGradient_yuiuu_22{pointer-events:none;background:linear-gradient(90deg,#fff,#fff0);position:absolute;top:0;bottom:0;left:0;right:0}._svBlackGradient_yuiuu_29{pointer-events:none;background:linear-gradient(#0000,#000);position:absolute;top:0;bottom:0;left:0;right:0}._svCursor_yuiuu_36{width:14px;height:14px;box-shadow:0 0 0 1px rgb(0, 0, 0, var(--alpha-strong)), var(--shadow-sm);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}._mixedStripes_yuiuu_47{pointer-events:none;background:repeating-linear-gradient(135deg,#00000073 0 8px,#ffffff59 8px 16px);position:absolute;top:0;bottom:0;left:0;right:0}._hueSlider_yuiuu_54{border-radius:var(--radius-sm);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);width:100%;height:14px;position:relative}._hueCursor_yuiuu_65{width:14px;height:14px;box-shadow:0 0 0 1px rgb(0, 0, 0, var(--alpha-strong)), var(--shadow-sm);pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}._hexInput_yuiuu_77{background:var(--surface);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-mono);font-size:var(--type-small);letter-spacing:.04em;text-transform:uppercase;text-align:center;transition:border-color var(--ease-fast), background var(--ease-fast);outline:none;padding:.4rem .6rem}._hexInput_yuiuu_77:hover,._hexInput_yuiuu_77:focus{border-color:var(--accent)}