.resource-card-wrapper.card-wrapper{--border-radius: var(--resource-card-corner-radius, var(--product-card-corner-radius));--border-width: 0px;--shadow-horizontal-offset: 0px;--shadow-vertical-offset: 0px;--shadow-blur-radius: 0px;--image-padding: 0px;height:auto}.predictive-search-results__card{transition:transform var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing)}.resource-card{--resource-card-image-size: 7.5rem;--resource-card-template-columns: var(--resource-card-image-size) 1fr;--resource-card-secondary-image-opacity: 0;--resource-card-primary-image-opacity: calc(1 - var(--resource-card-secondary-image-opacity));display:grid;grid-template-columns:var(--resource-card-template-columns);gap:var(--gap-md);position:relative;text-decoration:none;height:100%;opacity:0;animation:fadeIn var(--animation-speed-medium) var(--animation-timing-fade-in) forwards}@media screen and (max-width:749px){.resource-card{--resource-card-image-size: 5rem}}.resource-card.resource-card--column{--resource-card-template-columns: 1fr;width:100%}.resource-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.resource-card__content{display:flex;flex-direction:column;color:var(--color-foreground);gap:var(--padding-3xs);text-align:var(--text-align)}.resource-card__content .price{font-weight:500;font-size:var(--font-size--sm)}.resource-card__content.justify-end,.resource-card__content.items-end{--text-align: right}.resource-card__content.justify-center,.resource-card__content.items-center{--text-align: center}.resource-card__content.justify-start,.resource-card__content.items-start{--text-align: left}.resource-card[data-resource-type=article] .resource-card__content,.resource-card[data-resource-type=page] .resource-card__content{gap:var(--padding-xs)}.resource-card__media-wrapper .card__media{aspect-ratio:var(--resource-card-aspect-ratio, auto);position:relative}.resource-card__image{object-fit:cover;border-radius:var(--resource-card-corner-radius);opacity:var(--resource-card-primary-image-opacity)}.resource-card__image--secondary{position:absolute;top:0;opacity:var(--resource-card-secondary-image-opacity);border-radius:var(--resource-card-corner-radius)}.resource-card__media:empty{display:none}.resource-card__image-placeholder{padding:var(--padding-sm);font-size:var(--font-size--lg);line-height:var(--line-height--display-loose);word-break:break-word;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5));aspect-ratio:var(--resource-card-aspect-ratio, auto);border-radius:var(--resource-card-corner-radius);color:var(--color-foreground)}.resource-card__title>*{margin-block:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3}.resource-card__title.paragraph{line-height:1.3}.resource-card__title.paragraph .link{text-transform:initial;padding-bottom:.1rem}.resource-card--overlay{height:100%}.resource-card--overlay:before{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:var(--gradient-image-overlay);border-radius:var(--resource-card-corner-radius);pointer-events:none;z-index:var(--layer-flat)}.resource-card--overlay .resource-card__image{height:100%}.resource-card--overlay .resource-card__content{position:absolute;inset:auto 0 0;padding:var(--padding-lg) var(--padding-lg) var(--padding-sm);z-index:var(--layer-raised)}.resource-card--overlay .resource-card__title{color:var(--color-white)}.resource-card__image-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-2xs)}.resource-card__collection-image{aspect-ratio:1 / 1;object-fit:cover;border-radius:calc(var(--card-corner-radius) - (var(--padding-xs) / 2))}.resource-card__subtext{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));margin-block-start:0}.resource-card__subtext.paragraph{font-size:var(--font-size--sm);line-height:var(--line-height--body-tight);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));margin-block-end:0}.resource-card:not(.resource-card--product):has(.resource-card__image--secondary):hover,.resource-card:not(.resource-card--product):has(.resource-card__image--secondary):focus{--resource-card-secondary-image-opacity: 1}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-resource-card.css.map */