@keyframes dotscale{50%{transform:translateZ(0) scale3d(.85,.85,.85)}}.shop-the-look{--banner-width: 66.737%;width:100%;max-width:max(65%,94.4rem);margin:0 auto}.shop-the-look__dialog .dialog__content{padding:2.4rem 1.6rem}@media(min-width:768px){.shop-the-look__banner{width:var(--banner-width)}.shop-the-look__content{width:calc(100% - var(--banner-width))}}.hotspot-icon{--factor-x: -1;width:4.8rem;top:var(--offset-top-mobile);inset-inline-start:var(--offset-left-mobile);transform:translate(calc(var(--offset-left-mobile) * var(--factor-x)),calc(var(--offset-top-mobile) * -1));transform-origin:center;cursor:pointer;aspect-ratio:1;border-radius:50%;background-color:transparent}@media(min-width:768px){.hotspot-icon{top:var(--offset-top);inset-inline-start:var(--offset-left);transform:translate(calc(var(--offset-left) * var(--factor-x)),calc(var(--offset-top) * -1))}}.hotspot-icon:before,.hotspot-icon:after{content:"";border-radius:50%;position:absolute;width:100%;aspect-ratio:1;pointer-events:none;transform:translateZ(0) scale(1)}.hotspot-icon:before{background-color:rgb(var(--color-black)/20%);width:66.66%;z-index:2;transition:all .4s}.hotspot-icon:after{background-color:rgb(var(--color-black)/10%);animation:1.5s dotscale ease infinite;z-index:1;transition:all .4s}.hotspot-icon__dot{background-color:rgb(var(--color-white));width:33.33%;z-index:3;border-radius:50%;aspect-ratio:1;cursor:pointer;transition:all .4s}.hotspot-icon__tooltip{z-index:11;cursor:auto;transition:.3s ease-out;inset:auto auto calc(100% + .3rem);overflow:visible;height:3.6rem;border-radius:3.6rem;padding:0 1.2rem;gap:.6rem;white-space:nowrap;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.hotspot-icon__tooltip:before,.hotspot-icon__tooltip:after{content:"";width:100%;height:1.4rem;position:absolute;left:0}.hotspot-icon__tooltip:before{top:100%}.hotspot-icon__tooltip:after{bottom:100%}.hotspot-icon.is-selected{z-index:1}.hotspot-icon.is-selected .hotspot-icon__tooltip{background:rgb(var(--color-primary-button-background));color:rgb(var(--color-primary-button-text))}.hotspot-icon__product{--card-margin-x: 1.2rem;inset-block:var(--card-offset-y, 50% auto);inset-inline:var(--card-offset-x, 100% auto);transform:translate(var(--card-margin-x),var(--card-margin-y, -50%));transition:all var(--animation-duration--medium) var(--animation-easing);transition-property:opacity,visibility}.hotspot-icon__product:before{content:"";position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:var(--card-margin-x, 100%);border:0 solid transparent;border-block-width:12rem;border-inline-width:0 3.6rem}.hotspot-icon__product-wrapper{padding:var(--product-padding, .8rem .8rem 1.2rem);width:var(--product-width, 13.6rem);border-radius:min(1rem,var(--product-card-media-radius, 0));box-shadow:0 0 2rem rgb(var(--color-foreground)/10%)}.hotspot-icon__product-media{border-radius:calc(min(1rem,var(--product-card-media-radius, 0rem)) - .2rem)}.hotspot-icon.is-selected .hotspot-icon__product{opacity:1;visibility:visible}@media(min-width:768px){.hotspot-icon__product{--product-width: 17.4rem;--product-padding: 1.2rem 1.2rem 1.6rem}}.hotspot-card__info .button-block{margin-top:2.4rem}@media(max-width:767.98px){.hotspot-card__image{width:14rem}.hotspot-card__content{display:contents}.hotspot-card__heading{order:-1;margin-bottom:1.6rem;padding-inline-end:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-hotspots.css.map */