.color-card[data-v-c5068b49]{display:grid;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.color-card[data-v-c5068b49]:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.color-card__swatch[data-v-c5068b49]{display:flex;min-height:130px;align-items:flex-end;padding:14px}.color-card__swatch i[data-v-c5068b49]{font-size:.72rem;font-style:normal;font-weight:750;opacity:.8}.color-card__meta[data-v-c5068b49]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px}.color-card__meta strong[data-v-c5068b49]{font-size:.83rem}.color-card__meta>span[data-v-c5068b49]{color:var(--text-secondary);font-size:.68rem;font-weight:700}@media(max-width:560px){.color-card__swatch[data-v-c5068b49]{min-height:110px}}@media(prefers-reduced-motion:reduce){[data-v-c5068b49]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}