.collection-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:204px;padding:16px 8px;background:#faf8f6;border-radius:2px;overflow:hidden;text-decoration:none;color:inherit}.collection-card__title{position:relative;z-index:2;font-family:var(--font-primary);font-weight:var(--weight-bold, 700);font-size:2.2rem;line-height:1;letter-spacing:var(--tracking-h4);color:#0000004d;text-align:center}.collection-card__media{position:absolute;left:0;top:0;height:100%;width:100%;z-index:1}.collection-card__img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s ease}.collection-card.is-loaded .collection-card__img{opacity:1}.collection-card__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(100deg,#f1f1f1 30%,#f4f4f4,#e9e9e9 70%);background-size:200% 100%;animation:collection-card-shimmer 1.2s ease-in-out infinite;transition:opacity .35s ease}.collection-card.is-loaded .collection-card__skeleton{opacity:0;animation:none}@keyframes collection-card-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.collection-card__skeleton{animation:none}.collection-card__img{transition:none}}.collection-card__label{position:absolute;top:8px;left:8px;z-index:3;padding:3px 8px;background:#fff;border-radius:2px;font-family:var(--font-primary);font-weight:var(--weight-bold, 700);font-size:1.1rem;letter-spacing:var(--tracking-caption);text-transform:uppercase;color:#000}.collection-card--skeleton{pointer-events:none}.collection-card__skeleton-title{position:relative;z-index:2;display:block;width:55%;max-width:14rem;height:2.4rem;border-radius:2px;background:linear-gradient(100deg,#0000000f 30%,#0000000a,#0000000f 70%);background-size:200% 100%;animation:collection-card-shimmer 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.collection-card__skeleton-title{animation:none}}.collection-card__title-short{display:none}@media screen and (max-width:749px){.collection-card__title-full{display:none}.collection-card__title-short{display:inline}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-collection-card.css.map */
