.cards{--card-width-show-4: 22.5%;--card-width-show-3: 30%;--card-width-show-2: 43%;--card-width-show-1: 78%;display:grid;gap:var(--space-grid-gap);grid-template-columns:minmax(0,1fr);list-style:none;margin:0 auto;max-width:var(--page-width);padding:var(--space-xsmall) var(--space-viewport-sides)}.cards--no-spacing{gap:0;padding:0}.cards.cards--with-products.cards--1-across{grid-template-columns:minmax(0,1fr)}@media screen and (max-width: 549px){.cards.cards--with-products.cards--1-across-mobile{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width: 767px){.cards.cards--with-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width: 550px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width: 768px){.cards--3-across{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width: 900px){.cards--4-across{grid-template-columns:repeat(4,minmax(0,1fr))}}.cards__card-container{width:100%}.cards--with-products .cards__card-container{padding-bottom:var(--space-small);padding-top:var(--space-small)}.cards__card-container--view-more{grid-column:1 / -1;width:100%}.cards__view-more{align-items:center;display:flex;margin-top:var(--space-medium)}.collection-list .cards__card-container{padding-top:4px;padding-bottom:4px}.collection-card{container:collection-card / inline-size;height:100%}.collection-card--overlay .collection-card__container{display:grid;gap:var(--space-medium);height:100%;position:relative;text-decoration:none;width:100%}@container collection-card (width < 260px){.collection-card--overlay .collection-card__title{font-size:calc(24rem / var(--font-body-size-unitless-px))}}.collection-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-base)}.collection-card__container--link:hover{text-decoration:none}.collection-card__container--link:focus-visible{text-decoration:underline}.collection-card__container--link .collection-card__image,.collection-card__container--link .collection-card__overlay{transform:scale(1);transition-duration:.4s;transition-property:opacity,transform!important;transition-timing-function:ease-in}.collection-card__container--link:hover .collection-card__image,.collection-card__container--link:hover .collection-card__overlay{transform:scale(1.1)}.collection-card__container--link:focus-visible{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px hsla(var(--color-foreground-raw),.4);outline:0}.collection-card__image-container{background-color:var(--color-background--subdued);border-radius:var(--border-radius);grid-column:1 / 3;grid-row:1 / 2;position:relative;width:100%;z-index:var(--z-index-base)}.collection-card__image-container{height:0;overflow:hidden;position:relative;padding-top:66.66%}@supports (aspect-ratio: 1){.collection-card__image-container{aspect-ratio:.83;height:unset;padding-top:0}}.collection-card .placeholder-svg{border-radius:var(--border-radius)}.collection-card--overlay .collection-card__content{align-items:center;border-radius:var(--border-radius);display:flex;flex-direction:column;grid-column:1 / 3;grid-row:1 / 2;justify-content:center;justify-content:flex-end;padding:0 var(--space-medium) var(--space-medium);position:relative;z-index:var(--z-index-overlay)}.article-card{position:relative}.article-card__image-container{border-radius:var(--border-radius);display:block}.article-card__image-container img{border-radius:var(--border-radius)}.article-card__tags{display:flex;flex-wrap:wrap}.article-card__tag{align-items:baseline;display:flex;margin-right:var(--space-xsmall)}.article-card__tag:after{content:","}.article-card__tag:last-child:after{opacity:0}.article-card__button{max-width:17rem}@media screen and (min-width: 900px){.article-card--featured{display:grid;gap:var(--space-grid-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.article-card__content{display:flex;flex-direction:column;justify-content:center}}@media screen and (min-width: 80rem){.article-card--featured{grid-template-columns:repeat(3,minmax(0,1fr))}.article-card__image-container{grid-column:span 2}}.page-card{align-items:center;border-radius:var(--border-radius);border:var(--border--dark);display:flex;justify-content:center;padding:var(--space-medium);position:relative;text-align:center}.page-card{padding:var(--space-xlarge) var(--space-medium)}@supports (aspect-ratio: 1){.page-card{aspect-ratio:3 / 2;padding:var(--space-medium)}}.page-card .badge{left:calc(var(--space-small) * -1);position:absolute;top:var(--space-small)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/styles-component-cards.css.map */