.color-preview[data-v-e55f96ac]{position:relative;display:flex;min-height:360px;flex-direction:column;justify-content:space-between;padding:28px;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.color-preview[data-v-e55f96ac]:after{position:absolute;inset:0;border:1px solid hsla(0,0%,100%,.22);border-radius:inherit;content:"";pointer-events:none}.color-preview__label[data-v-e55f96ac]{position:relative;z-index:1;font-size:.8rem;font-weight:750;opacity:.78}.color-preview strong[data-v-e55f96ac]{position:relative;z-index:1;font-size:clamp(2rem,6vw,5.4rem);letter-spacing:-.06em}.color-preview--compact[data-v-e55f96ac]{min-height:220px}.color-preview--compact strong[data-v-e55f96ac]{font-size:clamp(1.8rem,4vw,3.4rem)}@media(max-width:1024px){.color-preview[data-v-e55f96ac]{min-height:310px}}@media(max-width:768px){.color-preview[data-v-e55f96ac]{min-height:280px;padding:22px;border-radius:var(--radius-lg)}}@media(max-width:560px){.color-preview[data-v-e55f96ac]{min-height:230px}}@media(prefers-reduced-motion:reduce){[data-v-e55f96ac]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}