.shop-the-look{overflow-x:clip}.shop-the-look__head{margin-top:0rem;margin-bottom:2.5rem}.shop-the-look__image-wrapper{position:relative}.shop-the-look__image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;min-width:100%;min-height:100%;pointer-events:none}.hotspot{position:absolute}.hotspot__dot{position:relative;padding:.7rem;border:0;border-radius:100%;box-shadow:0 0 0 .3rem rgba(var(--color-background),.5),0 0 0 .3rem rgba(var(--color-foreground),.5);background-color:rgba(var(--color-button));cursor:pointer;color:rgba(var(--color-button-text));z-index:1}.hotspot__dot:before{content:"";position:absolute;top:-.3rem;right:-.3rem;bottom:-.3rem;left:-.3rem;border-radius:100%;animation:pulse 2.4s infinite cubic-bezier(.4,0,.2,1)}.hotspot__dot:after{content:"";border-radius:100%;position:absolute;top:-2rem;right:-2rem;bottom:-2rem;left:-2rem}.hotspot__content{position:absolute;background-color:rgba(var(--color-background));max-width:36rem;width:max-content;padding:1.2rem;box-shadow:0 0 2rem rgb(var(--color-shadow),.1);border-radius:var(--product-card-corner-radius);opacity:0;visibility:hidden;transition:all .2s ease;z-index:2}.hotspot__content img,.hotspot__content video,.hotspot__content .card--standard .card__inner:after{border-radius:var(--media-radius)}.hotspot__content--text{max-width:50rem;padding:1.4rem 1.8rem 1.2rem}@media (max-width: 749px){.hotspot__dot{padding:.6rem}.hotspot__content{max-width:22rem}.hotspot__content--text{max-width:20rem;padding:1.2rem 1.5rem 1rem}}@media (hover: hover) and (pointer: fine){.hotspot:hover .hotspot__content{opacity:1;visibility:visible}}.hotspot.active .hotspot__content{opacity:1;visibility:visible}.hotspot.active .hotspot__dot:before{animation:none;content:"+";top:0rem;right:0rem;bottom:0rem;left:0rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transform:scale(.8) rotate(45deg);font-family:Times New Roman,Times,serif;font-weight:400}.hotspot.active .hotspot__dot{transform:scale(1.8);transition:all .2s ease;box-shadow:0 0 0 .3rem rgba(var(--color-background),.5),0 0 0 .3rem rgba(var(--color-foreground),1)}.hotspot.active .hotspot__dot:after{content:"";border-radius:100%;position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem}.hotspot__title{display:block;margin-top:0;margin-bottom:1rem;color:rgba(var(--color-foreground))}.hotspot__description{font-size:1.4rem;color:rgba(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hotspot.css.map */