._root_1hd3f_2{gap:var(--component-color-field-gap);border:none;min-inline-size:0;margin:0;padding:0;display:grid}._legend_1hd3f_11{color:var(--component-color-field-legend-text);font-weight:var(--type-weight-strong);padding:0}._legend_1hd3f_11+*{margin-block-start:var(--component-color-field-gap)}._hint_1hd3f_22{color:var(--color-text-muted);font-size:var(--type-size-small);margin:0}._controls_1hd3f_28{align-items:flex-end;gap:var(--component-color-field-gap);display:flex}._picker_1hd3f_34{box-sizing:border-box;inline-size:var(--component-color-field-picker-size);block-size:var(--component-color-field-picker-size);border:var(--effect-border-width) solid var(--component-color-field-picker-border);border-radius:var(--component-color-field-picker-radius);cursor:pointer;forced-color-adjust:none;background:0 0;flex:none;padding:0}._picker_1hd3f_34::-webkit-color-swatch-wrapper{padding:0}._picker_1hd3f_34::-webkit-color-swatch{border-radius:var(--component-color-field-picker-radius);border:none}._picker_1hd3f_34::-moz-color-swatch{border-radius:var(--component-color-field-picker-radius);border:none}._picker_1hd3f_34:focus-visible,._swatch_1hd3f_63:focus-visible{outline:var(--effect-focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--effect-focus-ring-offset)}._picker_1hd3f_34:disabled,._swatch_1hd3f_63:disabled{cursor:not-allowed}._hex_1hd3f_73{flex:0 1 var(--size-column-sm)}._swatches_1hd3f_77{gap:var(--component-color-field-gap);flex-wrap:wrap;display:flex}._swatch_1hd3f_63{box-sizing:border-box;inline-size:var(--component-color-field-swatch-size);block-size:var(--component-color-field-swatch-size);border:var(--effect-border-width) solid var(--component-color-field-swatch-border);border-radius:var(--component-color-field-swatch-radius);background-color:var(--_swatch);cursor:pointer;forced-color-adjust:none;padding:0}._swatch_1hd3f_63[aria-pressed=true]{box-shadow:0 0 0 var(--effect-border-width-thick) var(--color-surface-raised), 0 0 0 calc(2 * var(--effect-border-width-thick)) var(--color-text-default)}._swatch_1hd3f_63[aria-pressed=true]:focus-visible{outline-offset:calc(2 * var(--effect-border-width-thick) + var(--effect-focus-ring-offset))}@media (forced-colors:active){._picker_1hd3f_34,._swatch_1hd3f_63{border-color:canvastext}._swatch_1hd3f_63[aria-pressed=true]{border:var(--effect-border-width-thick) solid Highlight}._picker_1hd3f_34:focus-visible,._swatch_1hd3f_63:focus-visible{outline-color:canvastext}}