.shoppable-image-banner{display:block;color:rgb(var(--color-foreground))}.shoppable-image-banner__frame{position:relative;overflow:hidden;min-height:0;background:rgba(var(--color-foreground),.04);isolation:isolate}.shoppable-image-banner__media,.shoppable-image-banner__media picture,.shoppable-image-banner__image,.shoppable-image-banner__overlay,.shoppable-image-banner__content,.shoppable-image-banner__hotspots{position:absolute;top:0;right:0;bottom:0;left:0}.shoppable-image-banner__media picture{display:block}.shoppable-image-banner__media{z-index:0}.shoppable-image-banner__image{width:100%;height:100%;object-fit:cover}.shoppable-image-banner__overlay{display:block!important;z-index:1;background:#000!important;opacity:var(--shoppable-banner-overlay-opacity-desktop, 0);pointer-events:none}.shoppable-image-banner--adapt .shoppable-image-banner__frame{aspect-ratio:var(--shoppable-banner-aspect-ratio, 16 / 9)}.shoppable-image-banner--small .shoppable-image-banner__frame{min-height:42rem}.shoppable-image-banner--medium .shoppable-image-banner__frame{min-height:56rem}.shoppable-image-banner--large .shoppable-image-banner__frame{min-height:72rem}.shoppable-image-banner--full .shoppable-image-banner__frame{min-height:100vh}.shoppable-image-banner__content{z-index:2;display:flex;padding:clamp(2.4rem,5vw,6.4rem);pointer-events:none}.shoppable-image-banner__content--top-left{align-items:flex-start;justify-content:flex-start}.shoppable-image-banner__content--top-center{align-items:flex-start;justify-content:center}.shoppable-image-banner__content--top-right{align-items:flex-start;justify-content:flex-end}.shoppable-image-banner__content--middle-left{align-items:center;justify-content:flex-start}.shoppable-image-banner__content--middle-center{align-items:center;justify-content:center}.shoppable-image-banner__content--middle-right{align-items:center;justify-content:flex-end}.shoppable-image-banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.shoppable-image-banner__content--bottom-center{align-items:flex-end;justify-content:center}.shoppable-image-banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}.shoppable-image-banner__content--left{text-align:left}.shoppable-image-banner__content--center{text-align:center}.shoppable-image-banner__content--right{text-align:right}.shoppable-image-banner__text{max-width:min(54rem,100%);pointer-events:auto}.shoppable-image-banner__heading,.shoppable-image-banner__subtext{margin:0;color:rgb(var(--color-foreground));letter-spacing:0}.shoppable-image-banner__heading{line-height:1.02}.shoppable-image-banner__subtext{margin-top:.6rem;line-height:1.2}.shoppable-image-banner__actions{margin-top:1.8rem}.shoppable-image-banner__actions .button,.shoppable-image-banner__actions .underlined-link{text-transform:uppercase}.shoppable-image-banner__hotspots{z-index:3;pointer-events:none}.shoppable-image-banner__hotspot{--hotspot-x: var(--hotspot-x-desktop);--hotspot-y: var(--hotspot-y-desktop);position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);pointer-events:auto}.shoppable-image-banner__hotspot-button{position:relative;display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;padding:0;border:.1rem solid currentColor;border-radius:50%;background:rgba(var(--color-background),.08);color:var(--hotspot-color, rgb(var(--color-foreground)));cursor:pointer;transform:translate(-50%,-50%);transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.shoppable-image-banner__hotspot-button:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;border:.1rem solid currentColor;border-radius:50%;opacity:0;pointer-events:none;transform:scale(.72);animation:shoppable-hotspot-pulse 2.8s ease-out infinite;animation-delay:var(--hotspot-pulse-delay, 0s)}.shoppable-image-banner__hotspot-button:hover,.shoppable-image-banner__hotspot-button[aria-expanded=true]{background:rgba(var(--color-background),.2);box-shadow:0 .4rem 1.2rem #00000038;transform:translate(-50%,-50%) scale(1.08)}.shoppable-image-banner__hotspot-button:hover:before,.shoppable-image-banner__hotspot-button[aria-expanded=true]:before{animation-play-state:paused;opacity:0}.shoppable-image-banner__hotspot-button span,.shoppable-image-banner__hotspot-button span:after{display:block;width:.8rem;height:.1rem;border-radius:999px;background:currentColor}.shoppable-image-banner__hotspot-button span:after{content:"";transform:rotate(90deg)}@keyframes shoppable-hotspot-pulse{0%{opacity:.38;transform:scale(.72)}70%,to{opacity:0;transform:scale(1.55)}}.shoppable-image-banner__hotspot-card{position:absolute;left:calc(100% + 1.2rem);top:50%;display:none;width:min(26rem,calc(100vw - 3.2rem));grid-template-columns:7.2rem 1fr;gap:1.2rem;align-items:center;padding:1rem;border:.1rem solid rgba(var(--color-foreground),.1);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1rem 3rem #0000002e;transform:translateY(-50%);text-decoration:none;z-index:4}a.shoppable-image-banner__hotspot-card{cursor:pointer}.shoppable-image-banner__hotspot.is-active .shoppable-image-banner__hotspot-card{display:grid}.shoppable-image-banner__hotspot-card.is-positioned{position:fixed;left:var(--card-left);top:var(--card-top);transform:none}.shoppable-image-banner__hotspot-image{display:block;width:7.2rem;height:7.2rem;object-fit:cover}.shoppable-image-banner__hotspot-title{margin:0 0 .4rem;color:rgb(var(--color-foreground));font-size:1.3rem;line-height:1.25}.shoppable-image-banner__hotspot-content .price{margin-bottom:.7rem;font-size:1.2rem}.shoppable-image-banner__hotspot-link{color:rgb(var(--color-link));font-size:1.1rem;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;text-decoration:none}.shoppable-image-banner__hotspot-link:hover,a.shoppable-image-banner__hotspot-card:hover .shoppable-image-banner__hotspot-link{text-decoration:underline;text-underline-offset:.3rem}@media(prefers-reduced-motion:reduce){.shoppable-image-banner__hotspot-button:before{animation:none}}@media screen and (min-width:750px)and (max-width:989px){.shoppable-image-banner--small .shoppable-image-banner__frame{min-height:38rem}.shoppable-image-banner--medium .shoppable-image-banner__frame{min-height:48rem}.shoppable-image-banner--large .shoppable-image-banner__frame,.shoppable-image-banner--full .shoppable-image-banner__frame{min-height:58rem}.shoppable-image-banner__hotspot{--hotspot-x: var(--hotspot-x-tablet);--hotspot-y: var(--hotspot-y-tablet)}.shoppable-image-banner__content{padding:4rem}}@media screen and (max-width:749px){.shoppable-image-banner__overlay{opacity:var(--shoppable-banner-overlay-opacity-mobile, var(--shoppable-banner-overlay-opacity-desktop, 0))}.shoppable-image-banner--mobile-adapt .shoppable-image-banner__frame{aspect-ratio:var(--shoppable-banner-mobile-aspect-ratio, 4 / 5);min-height:0}.shoppable-image-banner--mobile-small .shoppable-image-banner__frame{min-height:38rem}.shoppable-image-banner--mobile-medium .shoppable-image-banner__frame{min-height:50rem}.shoppable-image-banner--mobile-large .shoppable-image-banner__frame{min-height:62rem}.shoppable-image-banner__hotspot{--hotspot-x: var(--hotspot-x-mobile);--hotspot-y: var(--hotspot-y-mobile)}.shoppable-image-banner__content{padding:3rem 2.4rem}.shoppable-image-banner__content--mobile-top{align-items:flex-start;justify-content:center}.shoppable-image-banner__content--mobile-middle{align-items:center;justify-content:center}.shoppable-image-banner__content--mobile-bottom{align-items:flex-end;justify-content:center}.shoppable-image-banner__content{text-align:center}.shoppable-image-banner__text{max-width:34rem}.shoppable-image-banner__actions{margin-top:2rem}.shoppable-image-banner__actions .button{width:auto;min-width:19rem}.shoppable-image-banner__hotspot-button{width:2.2rem;height:2.2rem}.shoppable-image-banner__hotspot-card{grid-template-columns:6.4rem 1fr;width:min(28rem,calc(100vw - 3.2rem))}.shoppable-image-banner__hotspot-image{width:6.4rem;height:6.4rem}}
/*# sourceMappingURL=/cdn/shop/t/584/assets/section-shoppable-image-banner.css.map */