.stl-banner{position:relative;overflow:hidden}.stl-banner__head{margin-bottom:3.2rem;text-align:center}@media screen and (min-width:750px){.stl-banner__head{margin-bottom:4rem}}.stl-banner__heading{margin:0 0 1.2rem}.stl-banner__rte,.stl-banner__rte p{margin:0}.stl-banner__grid{display:grid;grid-template-columns:1fr;gap:0}@media screen and (min-width:750px){.stl-banner__grid{grid-template-columns:1fr 1fr;gap:0}}.stl-banner__column{position:relative;min-height:50rem}@media screen and (min-width:990px){.stl-banner__column{min-height:100vh}}.stl-banner__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;border-radius:var(--media-radius)}.stl-banner__image{display:block;width:100%;height:100%;object-fit:cover}.stl-banner__image-wrapper .placeholder-svg{width:100%;height:100%}.stl-banner__hotspots{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.stl-hotspot{position:absolute;z-index:1;transform:translate(-50%,-50%)}.stl-hotspot__trigger{position:relative;display:flex;align-items:center;gap:.8rem;background:none;border:none;padding:0;cursor:pointer;z-index:1}.stl-hotspot__dot{position:relative;width:3.2rem;height:3.2rem;background:rgb(var(--color-background));border:2px solid var(--hotspot-color, rgb(var(--color-foreground)));border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;z-index:2}.stl-hotspot__dot:after{content:"";width:.8rem;height:.8rem;background:var(--hotspot-color, rgb(var(--color-foreground)));border-radius:50%}.stl-hotspot__trigger:hover .stl-hotspot__dot{transform:scale(1.1)}.stl-hotspot__pulse{position:absolute;width:3.2rem;height:3.2rem;border:2px solid var(--hotspot-color, rgb(var(--color-foreground)));border-radius:50%;animation:pulse 2s ease-out infinite;z-index:1}.stl-banner--hotspot-small .stl-hotspot__dot{width:2.4rem;height:2.4rem}.stl-banner--hotspot-small .stl-hotspot__dot:after{width:.6rem;height:.6rem}.stl-banner--hotspot-small .stl-hotspot__pulse{width:2.4rem;height:2.4rem}.stl-banner--hotspot-large .stl-hotspot__dot{width:4rem;height:4rem}.stl-banner--hotspot-large .stl-hotspot__dot:after{width:1rem;height:1rem}.stl-banner--hotspot-large .stl-hotspot__pulse{width:4rem;height:4rem}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.stl-hotspot__label{background:var(--hotspot-label-bg, rgb(var(--color-foreground)));color:var(--hotspot-label-text, rgb(var(--color-background)));padding:.6rem 1.2rem;border-radius:2rem;font-size:1.3rem;font-weight:var(--font-body-weight-bold, 700);white-space:nowrap;line-height:1.2}.stl-banner--hotspot-small .stl-hotspot__label{font-size:1.2rem;padding:.5rem 1rem}.stl-banner--hotspot-large .stl-hotspot__label{font-size:1.4rem;padding:.7rem 1.4rem}.stl-hotspot.is-active{z-index:2}.stl-hotspot__card{position:absolute;left:50%;top:100%;margin-top:1.2rem;transform:translate(-50%);width:26rem;max-width:calc(100vw - 3.2rem);background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--media-radius, .8rem);box-shadow:0 4px 20px #00000026;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:100}@media screen and (max-width:749px){.stl-hotspot__card{position:fixed;left:0;top:0;transform:translate(-50%,-50%);margin-top:0;width:18rem;max-width:45vw;max-height:50vh;overflow-y:auto}.stl-hotspot.is-active:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:50;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.stl-hotspot.is-active .stl-hotspot__card{opacity:1;visibility:visible}@media screen and (min-width:750px){.stl-hotspot__card--above{top:auto;bottom:100%;margin-top:0;margin-bottom:1.2rem}.stl-hotspot__card--left{left:auto;right:50%;transform:translate(0);margin-right:1.2rem}.stl-hotspot__card--right{left:50%;transform:translate(0);margin-left:1.2rem}}.stl-hotspot__close{position:absolute;top:1rem;right:1rem;background:none;border:none;padding:.4rem;cursor:pointer;color:rgb(var(--color-foreground));z-index:1;opacity:.6;transition:opacity .2s ease}.stl-hotspot__close:hover{opacity:1}.stl-hotspot__card-media{position:relative;overflow:hidden;aspect-ratio:var(--card-aspect-ratio, 1);border-radius:var(--media-radius, .8rem) var(--media-radius, .8rem) 0 0}.stl-hotspot__card-media img{display:block;width:100%;height:100%;object-fit:cover}.stl-hotspot__card-media a{display:block;height:100%}.stl-hotspot__card-media .placeholder-svg{width:100%;height:100%}.stl-hotspot__card-info{padding:1.4rem}.stl-hotspot__card-title{margin:0 0 .6rem;font-size:1.4rem;font-weight:var(--font-body-weight-bold, 700);line-height:1.3}.stl-hotspot__card-title a{text-decoration:none;color:rgb(var(--color-foreground))}.stl-hotspot__card-title a:hover{text-decoration:underline}.stl-hotspot__card-price{font-size:1.3rem;color:rgb(var(--color-foreground));display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.stl-hotspot__card-price .price-item--regular{text-decoration:line-through;opacity:.65}.stl-hotspot__card-price .price-item--sale{font-weight:var(--font-body-weight-bold, 700)}.stl-hotspot__card-actions .button{font-size:1.2rem;padding:1rem 1.6rem;width:100%}.stl-hotspot__card-actions .form{width:100%}.stl-banner__section-padding{padding-top:var(--stl-padding-top);padding-bottom:var(--stl-padding-bottom)}.stl-banner--text-light,.stl-banner--text-light .stl-banner__heading,.stl-banner--text-light .stl-banner__rte{color:#fff}.stl-banner--text-dark{color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/63/assets/section-shop-the-look-banner.css.map */