.collection-card{--fixed-card-height: var(--height-small);width:100%;position:relative}.collection-card>svg{height:100%;width:100%;aspect-ratio:var(--ratio)}.collection-card__inner{width:100%;overflow:hidden;position:relative;gap:var(--collection-card-gap);display:flex;flex-direction:column}.collection-card--image-bg .collection-card__inner{height:100%}.collection-card__inner{z-index:var(--layer-flat);pointer-events:none}.collection-card__inner a,.collection-card__inner button,.shopify-design-mode .collection-card__content *{pointer-events:auto}.collection-card__content{position:relative;display:flex;height:100%;width:100%;max-width:100%;gap:var(--collection-card-gap);flex-direction:column;align-items:var(--horizontal-alignment);justify-content:var(--vertical-alignment)}.collection-card__link{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius)}.collection-card.collection-card--image-bg{aspect-ratio:var(--ratio)}.collection-card.collection-card--image-bg .collection-card__content{padding:var(--padding-lg)}.collection-card--image-height-fixed .collection-card__image{height:var(--fixed-card-height);width:100%}.collection-card--image-height-fixed.collection-card--image-bg{height:var(--fixed-card-height);aspect-ratio:unset}.collection-card__image .image-block__image{object-fit:cover;width:100%;height:100%;max-width:100%}.collection-card--image-bg .collection-card__image{position:absolute;width:100%;height:100%}.collection-card__image svg{height:100%;width:100%}.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio.collection-card.collection-card--image-bg,.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio.collection-card .placeholder-svg{aspect-ratio:99}.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio .collection-card__image{aspect-ratio:99;height:100%}.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio .collection-card__inner{display:flex;flex-direction:column;height:100%}.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio .collection-card__content{flex-shrink:0}.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio:not(.collection-card--image-bg) .collection-card__content{height:auto}
/*# sourceMappingURL=/cdn/shop/t/24/assets/collection-card.css.map */