.color-card[data-v-c952a674]{align-items:center;display:flex;height:40%}.color-card .color-desc[data-v-c952a674]{font-size:.45rem;line-height:.3rem;padding-inline:4px}.color-card .color-desc[data-v-c952a674],.color-card .color-desc-rm[data-v-c952a674]{overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.color-card .color-desc-rm[data-v-c952a674]{font-size:.65rem;line-height:.55rem;padding-inline:3px}.color-card .color-code[data-v-c952a674]{font-size:7px;line-height:.45rem;margin-top:4px;overflow:hidden;padding-inline:4px;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.color-card .color-code--rm[data-v-c952a674]{padding-inline:3px;padding-bottom:2px}@media only screen and (min-width:360px){.color-card .color-desc[data-v-c952a674]{font-size:.7rem;line-height:.85rem;padding-inline:8px;padding-bottom:3px}.color-card .color-desc-rm[data-v-c952a674]{font-size:.8rem;line-height:.7rem;padding-inline:6px;padding-bottom:3px}.color-card .color-code[data-v-c952a674]{font-size:11px;line-height:.75rem;padding-inline:8px;padding-bottom:3px}.color-card .color-code--rm[data-v-c952a674]{padding-inline:6px;padding-bottom:3px}}@media only screen and (min-width:768px){.color-card[data-v-c952a674]{height:40%;max-height:40%}.color-card .color-desc[data-v-c952a674]{font-size:13px;line-height:.9rem;padding-inline:12px;padding-bottom:4px}.color-card .color-desc-rm[data-v-c952a674]{font-size:12px;line-height:.7rem;padding-inline:10px;padding-bottom:4px}.color-card .color-code[data-v-c952a674]{font-size:11px;line-height:.8rem;padding-inline:12px;padding-bottom:4px}.color-card .color-code--rm[data-v-c952a674]{padding-inline:10px;padding-bottom:4px}}@media only screen and (min-width:1280px){.color-card .color-desc[data-v-c952a674]{font-size:16px;line-height:1rem;padding-inline:16px;padding-bottom:6px}.color-card .color-desc-rm[data-v-c952a674]{font-size:14px;line-height:.8rem;padding-inline:12px;padding-bottom:5px}.color-card .color-code[data-v-c952a674]{font-size:14px;line-height:.9rem;padding-inline:16px;padding-bottom:6px}.color-card .color-code--rm[data-v-c952a674]{padding-inline:12px;padding-bottom:5px}}.color-swatch[data-v-c952a674]{aspect-ratio:1/1;max-height:100%;max-width:100%;min-height:auto;min-width:auto;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;will-change:transform}.color-swatch--hovered[data-v-c952a674]{box-shadow:0 8px 24px #0003!important;transform:scale(1.07);z-index:1}@media only screen and (min-width:1280px){.color-swatch[data-v-c952a674]{max-height:100%;max-width:100%;min-height:auto;min-width:auto}}