.collection-grid-banner{--collection-grid-banner-overlay: .25;--collection-grid-banner-radius: 0;--collection-grid-banner-padding: 0rem;--collection-grid-banner-fit: cover;position:relative;display:grid;align-self:stretch;min-height:100%;overflow:hidden;border-radius:var(--collection-grid-banner-radius);isolation:isolate}.collection-grid-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--collection-grid-banner-background, transparent)}.collection-grid-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--collection-grid-banner-overlay))}.collection-grid-banner__image,.collection-grid-banner__placeholder svg{width:100%;height:100%;object-fit:var(--collection-grid-banner-fit, cover);object-position:center;display:block}.collection-grid-banner__placeholder{width:100%;height:100%;background:rgb(var(--text-color) / .06)}.collection-grid-banner__image--mobile{display:none}.collection-grid-banner__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.collection-grid-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem;padding:var(--collection-grid-banner-padding, 0rem);color:rgb(var(--text-color));pointer-events:none;max-width:34rem}.collection-grid-banner__eyebrow{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;opacity:.85}.collection-grid-banner__heading{margin:0;text-wrap:balance}.collection-grid-banner__description{font-size:var(--text-sm);opacity:.9}.collection-grid-banner__description>:first-child{margin-block-start:0}.collection-grid-banner__description>:last-child{margin-block-end:0}.collection-grid-banner__cta{margin-block-start:.5rem;align-self:start;width:fit-content}.collection-grid-banner__cta--link{margin-block-start:.25rem;font-size:var(--text-sm);font-weight:inherit;opacity:.9}.collection-grid-banner:hover .collection-grid-banner__cta{opacity:.85}.collection-grid-banner:hover .collection-grid-banner__cta--link{opacity:1;background-size:0 1px}.collection-grid-banner--top-left .collection-grid-banner__content{align-content:start;justify-items:start;text-align:start}.collection-grid-banner--top-center .collection-grid-banner__content,.collection-grid-banner--middle-center .collection-grid-banner__content,.collection-grid-banner--bottom-center .collection-grid-banner__content{align-items:center;text-align:center;margin-inline:auto}.collection-grid-banner--top-center .collection-grid-banner__cta,.collection-grid-banner--middle-center .collection-grid-banner__cta,.collection-grid-banner--bottom-center .collection-grid-banner__cta{align-self:center}.collection-grid-banner--top-right .collection-grid-banner__content,.collection-grid-banner--middle-right .collection-grid-banner__content,.collection-grid-banner--bottom-right .collection-grid-banner__content{align-items:flex-end;text-align:end;margin-inline-start:auto}.collection-grid-banner--top-right .collection-grid-banner__cta,.collection-grid-banner--middle-right .collection-grid-banner__cta,.collection-grid-banner--bottom-right .collection-grid-banner__cta{align-self:flex-end}.collection-grid-banner--top-left .collection-grid-banner__content,.collection-grid-banner--top-center .collection-grid-banner__content,.collection-grid-banner--top-right .collection-grid-banner__content{justify-content:flex-start}.collection-grid-banner--middle-left .collection-grid-banner__content,.collection-grid-banner--middle-center .collection-grid-banner__content,.collection-grid-banner--middle-right .collection-grid-banner__content{justify-content:center}.collection-grid-banner--bottom-left .collection-grid-banner__content,.collection-grid-banner--bottom-center .collection-grid-banner__content,.collection-grid-banner--bottom-right .collection-grid-banner__content{justify-content:flex-end}.collection-grid-banner--span-2{grid-column:span 2}.collection-grid-banner--span-3{grid-column:span 3}@media screen and (max-width:699px){.collection-grid-banner--span-2,.collection-grid-banner--span-3{grid-column:1 / -1}.collection-grid-banner__image--mobile{display:block}.collection-grid-banner:has(.collection-grid-banner__image--mobile) .collection-grid-banner__image--desktop{display:none}}.collection-grid-banner--span-1{aspect-ratio:1 / 1}.collection-grid-banner--span-2{aspect-ratio:auto;min-height:0}@media screen and (max-width:699px){.collection-grid-banner--span-2,.collection-grid-banner--span-3{aspect-ratio:16 / 9}}
/*# sourceMappingURL=/cdn/shop/t/171/assets/collection-grid-banner.css.map */