.ColorInput_field__EZPA6{border:0;color:var(--ui-color-input-text,var(--ds-text));display:grid;font-family:inherit;gap:var(--ui-color-input-field-gap,8px);margin:0;min-inline-size:0;padding:0;width:100%}.ColorInput_legend__JvGK_{color:inherit;padding:0}.ColorInput_controls__EfWG_{display:grid;gap:var(--ui-color-input-control-gap,8px);grid-template-columns:minmax(0,var(--ui-color-input-picker-width,3rem)) minmax(0,1fr);width:100%}.ColorInput_hexInput__bD_01,.ColorInput_picker__sxs_m{background:var(--ui-color-input-background,var(--ds-surface));border:1px solid var(--ui-color-input-border,var(--ds-border-strong));border-radius:var(--ui-color-input-radius,var(--radius-medium));box-sizing:border-box;color:inherit;font:inherit;min-height:var(--ui-color-input-min-height,var(--form-control-min-height));min-width:0;transition:background-color var(--ui-color-input-transition,var(--transition-fast)),border-color var(--ui-color-input-transition,var(--transition-fast)),box-shadow var(--ui-color-input-transition,var(--transition-fast))}.ColorInput_hexInput__bD_01:hover:not(:disabled,[readonly]),.ColorInput_picker__sxs_m:hover:not(:disabled,[readonly]){border-color:var(--ui-color-input-hover-border,var(--ds-text-subtle))}.ColorInput_hexInput__bD_01[aria-invalid=true],.ColorInput_picker__sxs_m[aria-invalid=true]{border-color:var(--ui-color-input-invalid-border,var(--ds-error));outline:var(--ui-color-input-invalid-outline,1px solid var(--ds-border-strong));outline-offset:var(--ui-color-input-invalid-outline-offset,1px)}.ColorInput_hexInput__bD_01:focus-visible,.ColorInput_picker__sxs_m:focus-visible{border-color:var(--ui-color-input-focus-border,var(--ds-border-strong));box-shadow:var(--ui-color-input-focus-shadow,0 0 0 6px var(--ds-surface));outline:var(--ui-color-input-focus-outline,3px solid var(--ds-focus));outline-offset:var(--ui-color-input-focus-outline-offset,0)}.ColorInput_hexInput__bD_01:disabled,.ColorInput_picker__sxs_m:disabled{background:var(--ui-color-input-disabled-background,var(--ds-disabled));border-color:var(--ui-color-input-disabled-border,var(--ds-border));color:var(--ui-color-input-disabled-text,var(--ds-disabled-text));cursor:not-allowed}.ColorInput_picker__sxs_m{cursor:pointer;padding:var(--ui-color-input-picker-padding,4px);width:100%}.ColorInput_picker__sxs_m::-webkit-color-swatch-wrapper{padding:0}.ColorInput_picker__sxs_m::-moz-color-swatch,.ColorInput_picker__sxs_m::-webkit-color-swatch{border:0;border-radius:calc(var(--ui-color-input-radius, var(--radius-medium)) - 2px)}.ColorInput_hexInput__bD_01{padding-block:var(--ui-color-input-padding-block,12px);padding-inline:var(--ui-color-input-padding-inline,16px);width:100%}.ColorInput_hexInput__bD_01::placeholder{color:var(--ui-color-input-placeholder,var(--ds-text-muted));opacity:1}.ColorInput_hexInput__bD_01[readonly]{background:var(--ui-color-input-readonly-background,var(--ds-surface-subtle))}.ColorInput_visuallyHidden__rmuAd{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(prefers-reduced-motion:reduce){.ColorInput_hexInput__bD_01,.ColorInput_picker__sxs_m{transition:none}}