.ColorSwatch_colorCard__fA0r2{display:flex;flex-direction:column;align-items:stretch;gap:.85rem;padding:0;border:var(--border-panel);background:var(--bg-primary);text-align:left;cursor:pointer;color:inherit;font:inherit;transition:border-color var(--transition-fast),background var(--transition-fast)}.ColorSwatch_colorCard__fA0r2:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.ColorSwatch_colorSwatch__0GL5L{display:block;width:100%;height:4.5rem}.ColorSwatch_colorSwatchBordered__sOcqZ{border-bottom:var(--border-panel)}.ColorSwatch_colorMeta__baOdy{display:flex;flex-direction:column;gap:.2rem;padding:0 1rem 1rem;min-width:0}.ColorSwatch_colorName__ewxer{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body-medium);color:var(--text-primary)}.ColorSwatch_colorHex__xfgjL{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-body-xs);letter-spacing:.02em;color:var(--text-secondary)}.ColorSwatch_colorRole__WKzYE{font-size:var(--font-size-body-xs);color:var(--text-tertiary);line-height:1.45}.ColorSwatch_colorCopy__zo2_h{margin-top:.35rem;font-size:var(--font-size-body-xs);font-weight:var(--font-weight-body-medium);color:var(--accent)}