._root_4wxo3_4{--swatch-size-cap:38px;--swatch-gap:.3rem}._root_4wxo3_4[data-disabled]{opacity:var(--alpha-medium);pointer-events:none}._root_4wxo3_4{flex-direction:column;gap:.75rem;width:100%;margin-inline-start:auto;display:flex}._swatchGrid_4wxo3_20{gap:var(--swatch-gap);display:grid}._swatch_4wxo3_20{aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;width:100%;transition:transform var(--ease-fast) ease, border-color var(--ease) ease, box-shadow var(--ease) ease;padding:0}._swatch_4wxo3_20:hover:not([disabled]){transform:scale(1.08)}._swatch_4wxo3_20:active:not([disabled]){transform:scale(.94)}._swatchSelected_4wxo3_44{border-color:var(--text);box-shadow:0 0 0 2px var(--text)}._swatchSelected_4wxo3_44:hover:not([disabled]){border-color:var(--text)}._customSlot_4wxo3_52{display:flex;position:relative}._customSwatch_4wxo3_57{aspect-ratio:auto;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);justify-content:center;align-items:center;height:100%;display:flex}._customIcon_4wxo3_67{color:#fff;filter:drop-shadow(0 1px 2px #000c);pointer-events:none;width:14px;height:14px}._customIconOnFill_4wxo3_77{color:inherit;filter:none}._customPopover_4wxo3_82{width:220px;padding:.6rem}._extraLabel_4wxo3_90,._extraSwatch_4wxo3_91{margin-top:.45rem}._extraLabel_4wxo3_90{color:var(--text-dim);font-size:var(--type-small);text-align:right;white-space:nowrap;text-overflow:ellipsis;align-self:center;padding-right:.35rem;overflow:hidden}