.promo-banner-container{width:100%;height:100%;max-height:var(--banner-height);position:relative}.promo-banner-container img,.promo-banner-container video{width:100%;height:100%;object-fit:cover}.promo-banner-container img+img,.promo-banner-container img+video,.promo-banner-container video+video,.promo-banner-container video+img{display:none}.grid__item--banner{grid-row:var(--grid-desk-row, auto) / span 1;grid-column:var(--grid-desk-col, auto) / span 1}.grid__item--banner.block-size--two-column{grid-column:var(--grid-desk-col, auto) / span 2}.grid__item.grid__item--banner.layout--auto{grid-row:auto;grid-column:auto}.grid__item.grid__item--banner.block-size--two-column.layout--auto{grid-column:span 2}.grid__item--banner.block-size--two-column .promo-banner-container{aspect-ratio:2/1}.promo-banner-content{position:absolute;left:0;top:0;padding:2rem;display:flex;width:100%;height:100%;background:rgb(var(--color-black),var(--desktop-overlay))}.promo-banner-content-inner{max-width:30rem;display:flex;flex-direction:column;gap:.8rem}.promo-banner-content-inner.color-white,.promo-banner-content-inner.color-white .button{color:rgb(var(--color-white))}.banner_link{display:block;width:100%;height:100%;position:absolute;left:0;right:0;color:transparent;opacity:0;z-index:1}@media screen and (min-width:769px){.grid__item.grid__item--banner.visibility--mobile-only{display:none}.promo-banner-content.desktop-position-top-center{justify-content:center;align-items:flex-start}.promo-banner-content.desktop-position-top-right{justify-content:flex-end;align-items:flex-start}.promo-banner-content.desktop-position-middle-left{justify-content:flex-start;align-items:center}.promo-banner-content.desktop-position-middle-center{justify-content:center;align-items:center}.promo-banner-content.desktop-position-middle-right{justify-content:flex-end;align-items:center}.promo-banner-content.desktop-position-bottom-left{justify-content:flex-start;align-items:flex-end}.promo-banner-content.desktop-position-bottom-center{justify-content:center;align-items:flex-end}.promo-banner-content.desktop-position-bottom-right{justify-content:flex-end;align-items:flex-end}.promo-banner-content-inner.desktop-alignment-left{text-align:left;align-items:flex-start}.promo-banner-content-inner.desktop-alignment-center{text-align:center;align-items:center}.promo-banner-content-inner.desktop-alignment-right{text-align:right;align-items:flex-end}}@media screen and (max-width:768px){.grid__item--banner{grid-row:var(--grid-mob-row, auto) / span 1;grid-column:var(--grid-mob-col, auto) / span 1}.grid__item--banner.block-size--two-column{grid-column:1 / span 2}.grid__item--banner.block-size--two-column .promo-banner-container{max-height:100%}.grid__item.grid__item--banner.visibility--desktop-only{display:none}.promo-banner-container img:has(+img),.promo-banner-container img:has(+video),.promo-banner-container video:has(+video),.promo-banner-container video:has(+img){display:none}.promo-banner-container img+img,.promo-banner-container img+video,.promo-banner-container video+video,.promo-banner-container video+img{display:block}.grid__item--banner.block-size--two-column .promo-banner-container{aspect-ratio:25/36}.promo-banner-content{background:rgb(var(--color-black),var(--mobile-overlay))}.promo-banner-content-inner{max-width:22rem}.promo-banner-content.mobile-position-top-center{justify-content:center;align-items:flex-start}.promo-banner-content.mobile-position-top-right{justify-content:flex-end;align-items:flex-start}.promo-banner-content.mobile-position-middle-left{justify-content:flex-start;align-items:center}.promo-banner-content.mobile-position-middle-center{justify-content:center;align-items:center}.promo-banner-content.mobile-position-middle-right{justify-content:flex-end;align-items:center}.promo-banner-content.mobile-position-bottom-left{justify-content:flex-start;align-items:flex-end}.promo-banner-content.mobile-position-bottom-center{justify-content:center;align-items:flex-end}.promo-banner-content.mobile-position-bottom-right{justify-content:flex-end;align-items:flex-end}.promo-banner-content-inner.mobile-alignment-left{text-align:left;align-items:flex-start}.promo-banner-content-inner.mobile-alignment-center{text-align:center;align-items:center}.promo-banner-content-inner.mobile-alignment-right{text-align:right;align-items:flex-end}}.clp-banner-hotspot{position:absolute;z-index:2;color:var(--hotspot-color);cursor:pointer;top:var(--hotspot-position-y, 0);left:var(--hotspot-position-x, 0)}.clp-banner-hotspot-link{text-decoration:none;display:flex;flex-direction:column;gap:1rem;justify-content:center;text-align:center;align-items:center;background:none;border:none;padding:0;cursor:pointer}.clp-banner-hotspot-icon{display:flex;align-items:center;justify-content:center;width:var(--hotspot-size);height:var(--hotspot-size);border-radius:80%;background-color:var(--hotspot-color);outline:solid 1px var(--hotspot-color);outline-offset:.2rem}.clp-banner-hotspot-title{opacity:0;visibility:hidden;transition:all .3s ease}.clp-banner-hotspot .clp-banner-hotspot-link:hover .clp-banner-hotspot-title,.clp-banner-hotspot .clp-banner-hotspot-link:focus .clp-banner-hotspot-title{opacity:1;visibility:visible}@media screen and (max-width:768px){.clp-banner-hotspot{top:var(--hotspot-mobile-position-y, 0);left:var(--hotspot-mobile-position-x, 0)}.clp-banner-hotspot-icon{width:var(--hotspot-size-mbl, 0);height:var(--hotspot-size-mbl, 0)}}
/*# sourceMappingURL=/cdn/shop/t/425/assets/promo-banner.css.map */