.product-grid__promo-banner-small{grid-column:span 1;position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit;height:100%;display:flex;flex-direction:column}.product-grid__promo-banner-small--mobile{display:none}.product-grid__promo-banner-small--desktop{display:block}.product-grid__promo-banner-small-media{position:relative;width:100%;overflow:hidden;border-radius:4px;background-color:var(--color-background-placeholder, #f4f4f4);height:100%;min-height:100%;flex:1}.product-grid__promo-banner-small-media:before{content:"";display:block;width:100%;aspect-ratio:var(--product-grid-promo-banner-small-aspect-ratio, 2 / 3);content:none;display:none}.product-grid__promo-banner-small-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.product-grid__promo-banner-small-image--desktop{display:none}.product-grid__promo-banner-small-image--mobile{display:block}.product-grid__promo-banner-small-picture,.product-grid__promo-banner-small-image .image,.product-grid__promo-banner-small-image .placeholder-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0}.product-grid__promo-banner-small-picture.image>*,.product-grid__promo-banner-small-image .image>*,.product-grid__promo-banner-small-image .placeholder-image svg{width:100%;height:100%;aspect-ratio:unset!important;object-fit:var(--product-grid-promo-banner-small-object-fit, cover);object-position:center;display:block}.product-grid__promo-banner-small-image .placeholder-image{display:flex;align-items:center;justify-content:center;background-color:var(--color-background-placeholder, #f4f4f4)}.product-grid__promo-banner-small-image .placeholder-image svg{position:relative;width:42%;height:42%;max-width:120px;max-height:120px;object-fit:contain;opacity:.35}.product-grid__promo-banner-small-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:var(--promo-banner-small-content-justify, center);align-items:var(--promo-banner-small-content-align, center);gap:4px;padding:12px;pointer-events:none;background:linear-gradient(180deg,#0000 35%,#00000073)}.product-grid__promo-banner-small-content--top-left{--promo-banner-small-content-justify: flex-start;--promo-banner-small-content-align: flex-start;--promo-banner-small-content-text-align: left}.product-grid__promo-banner-small-content--top-center{--promo-banner-small-content-justify: flex-start;--promo-banner-small-content-align: center;--promo-banner-small-content-text-align: center}.product-grid__promo-banner-small-content--top-right{--promo-banner-small-content-justify: flex-start;--promo-banner-small-content-align: flex-end;--promo-banner-small-content-text-align: right}.product-grid__promo-banner-small-content--center-left{--promo-banner-small-content-justify: center;--promo-banner-small-content-align: flex-start;--promo-banner-small-content-text-align: left}.product-grid__promo-banner-small-content--center-center{--promo-banner-small-content-justify: center;--promo-banner-small-content-align: center;--promo-banner-small-content-text-align: center}.product-grid__promo-banner-small-content--center-right{--promo-banner-small-content-justify: center;--promo-banner-small-content-align: flex-end;--promo-banner-small-content-text-align: right}.product-grid__promo-banner-small-content--bottom-left{--promo-banner-small-content-justify: flex-end;--promo-banner-small-content-align: flex-start;--promo-banner-small-content-text-align: left}.product-grid__promo-banner-small-content--bottom-center{--promo-banner-small-content-justify: flex-end;--promo-banner-small-content-align: center;--promo-banner-small-content-text-align: center}.product-grid__promo-banner-small-content--bottom-right{--promo-banner-small-content-justify: flex-end;--promo-banner-small-content-align: flex-end;--promo-banner-small-content-text-align: right}.product-grid__promo-banner-small-title{margin:0;font-size:var(--promo-banner-small-heading-size, 24px);font-weight:600;line-height:1.25;color:var(--promo-banner-small-content-color, #fff);text-align:var(--promo-banner-small-content-text-align, center)}.product-grid__promo-banner-small-description{font-size:14px;font-weight:400;line-height:1.35;color:var(--promo-banner-small-content-color, #fff);text-align:var(--promo-banner-small-content-text-align, center)}.product-grid__promo-banner-small-description p{margin:0}.product-grid__promo-banner-small-cta--link.btn.btn--callout.btn--overlay{font-size:12px;font-weight:400;letter-spacing:normal;min-height:unset;text-decoration:underline;text-underline-offset:1px;color:var(--promo-banner-small-content-color, #fff);padding:0;margin-top:25px}.product-grid__promo-banner-small-cta--solid.btn.btn--callout.btn--overlay{font-size:12px;font-weight:400;letter-spacing:normal;min-height:unset;text-decoration:none;padding:8px 12px;border:1px solid var(--promo-banner-small-content-color, #fff);background:var(--promo-banner-small-content-color, #fff);color:#0f0f0f;color:color-contrast(var(--promo-banner-small-content-color, #fff) vs #fff,#0f0f0f);margin-top:25px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.product-grid__promo-banner-small-cta--outline.btn.btn--callout.btn--overlay{font-size:12px;font-weight:400;letter-spacing:normal;min-height:unset;text-decoration:none;padding:8px 12px;border:1px solid var(--promo-banner-small-content-color, #fff);background:transparent;color:var(--promo-banner-small-content-color, #fff);margin-top:25px;display:inline-flex;align-items:center;justify-content:center}.product-grid__promo-banner-small-media--no-image .product-grid__promo-banner-small-content{background:linear-gradient(180deg,#fff0 45%,#0000000f)}@media screen and (min-width:720px){.product-grid__promo-banner-small-image--desktop{display:block}.product-grid__promo-banner-small-image--mobile{display:none}.product-grid__promo-banner-small-content{padding:16px}}@media screen and (max-width:719px){.product-grid__promo-banner-small--mobile{display:block}.product-grid__promo-banner-small--desktop{display:none}.product-grid__promo-banner-small-title{font-size:var(--promo-banner-small-heading-size-mobile, 18px)}}@media screen and (max-width:1023px){.collection--single-column .product-grid__promo-banner-small{grid-column:span 1}}
/*# sourceMappingURL=/cdn/shop/t/673/assets/collection-promo-banner-small.css.map */