.color-card{position:relative;display:flex;flex-direction:column;width:100%;border-radius:var(--border-radius-sm);overflow:hidden;container-type:inline-size}.color-card--interactive{border:2px solid transparent;background:transparent;padding:0;text-align:left;transition:border-color var(--animation-speed) var(--animation-easing)}.color-card--interactive:hover{border-color:rgb(var(--color-foreground-rgb) / .2)}.color-card--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.color-card--selected{border-color:var(--color-foreground)}.color-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-raised)}.color-card__link~.color-card__inner{pointer-events:none}.color-card__link~.color-card__inner :is(a,button,input,textarea,select){pointer-events:auto}.shopify-design-mode .color-card__inner *{pointer-events:auto}.color-card__inner{display:flex;flex-direction:column;gap:var(--color-card-gap, 8px);height:100%}.color-card__swatch{position:relative;width:100%;aspect-ratio:var(--color-card-ratio, 1 / 1.2);overflow:hidden;border-radius:var(--border-radius-sm);background-color:var(--color-background-secondary, #f5f5f5)}.color-card__color-solid{width:100%;height:100%}.color-card__image,.color-card__placeholder{width:100%;height:100%;object-fit:cover}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.color-card__image{transition:transform var(--animation-speed-medium) var(--animation-timing-hover)}.color-card:hover .color-card__image{transform:scale(1.05)}.color-card--interactive .color-card__swatch{transition:transform var(--animation-speed-medium) var(--animation-timing-hover)}.color-card--interactive:hover .color-card__swatch{transform:scale(1.03)}}.color-card__content{display:flex;flex-direction:column;gap:var(--color-card-gap, 8px);max-width:100%}.color-card__title{margin:0;font-weight:700}@media screen and (max-width:749px){.color-card__inner,.color-card__content{height:auto;justify-content:flex-start}}.color-card__info{display:flex;flex-direction:column;gap:2px;padding:8px 0 4px}.color-card__name{font-family:var(--font-body--family);font-size:var(--font-size--sm);font-weight:700;color:var(--color-foreground);line-height:1.3}.color-card__swatch-link{display:block;text-decoration:none}.color-card__name--link{text-decoration:none;transition:color var(--animation-speed) var(--animation-easing)}.color-card__name--link:hover{text-decoration:underline}.color-card__collection{font-family:var(--font-body--family);font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / .55);line-height:1.3}.color-card__basis{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body--family);font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / .45);line-height:1.3;margin-top:2px}.color-card__basis svg{flex-shrink:0}.color-card__basis--link{text-decoration:none;transition:color var(--animation-speed) var(--animation-easing)}.color-card__basis--link:hover{color:var(--color-foreground);text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/4/assets/theme-c-color-card.css.map */