.color-picker__picker__l2apS{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column;width:192px;display:flex}.color-picker__svWrap__EuLx0{border:1px solid var(--gray-200);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;width:160px;height:160px;position:relative}.color-picker__svCanvas__0p3Y0{width:160px;height:160px;display:block}.color-picker__svMarker__CSba3{border:2px solid var(--white);outline:1px solid var(--gray-400);pointer-events:none;width:10px;height:10px;position:absolute;transform:translate(-5px,-5px)}.color-picker__hueBar__xaVHM{border:1px solid var(--gray-200);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;width:160px;height:12px;position:relative}.color-picker__hueKnob___u2PT{background:var(--white);border:1px solid var(--gray-400);pointer-events:none;width:4px;height:14px;position:absolute;top:-1px;transform:translate(-2px)}.color-picker__hexRow__G1ERC{align-items:center;gap:var(--space-xs);display:flex}.color-picker__hexPrefix__Ml_mP{font-family:var(--mono);font-size:var(--font-size-sm);color:var(--gray-400)}.color-picker__hexInput__EBrLQ{padding:var(--space-xs);font-family:var(--mono);font-size:var(--font-size-sm);color:var(--black);background:var(--white);border:1px solid var(--gray-200);flex:1}.color-picker__hexInput__EBrLQ:focus{border-color:var(--sky);outline:none}.color-picker__presets__TRan6{gap:var(--space-xs);flex-wrap:wrap;display:flex}.color-picker__swatch__6rQ4j{border:1px solid var(--gray-200);cursor:pointer;width:24px;height:24px;padding:0}.color-picker__swatch__6rQ4j:hover{border-color:var(--gray-400)}.color-picker__swatchActive___S_yk{border:2px solid var(--black)}