.color-card[data-v-a2239ade]{align-items:center;background-color:#14141499;display:flex;height:40%}.color-card .color-desc[data-v-a2239ade]{font-size:.75rem;line-height:.75rem}.color-card .color-code[data-v-a2239ade],.color-card .color-desc[data-v-a2239ade]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-card .color-code[data-v-a2239ade]{font-size:12px;line-height:.6rem;margin-top:4px}@media only screen and (min-width:600px){.color-card[data-v-a2239ade]{height:40%;max-height:40%}.color-card .color-desc[data-v-a2239ade]{font-size:16px;line-height:1.1rem}.color-card .color-code[data-v-a2239ade]{font-size:14px;line-height:1rem}}.color-swatch[data-v-a2239ade]{aspect-ratio:1/1;max-height:100%;max-width:100%;min-height:auto;min-width:auto}@media only screen and (min-width:1280px){.color-swatch[data-v-a2239ade]{max-height:100%;max-width:100%;min-height:auto;min-width:auto}}