.shop-the-look{position:relative}.shop-the-look__inner{display:grid;gap:2rem}.shop-the-look__header{max-width:72rem;display:grid;gap:.9rem}.shop-the-look__title{margin:0;letter-spacing:-.02em}.shop-the-look__subtitle{margin:0;font-size:1.5rem;line-height:1.6;max-width:64ch;color:rgba(var(--color-foreground),.72)}.shop-the-look__media{position:relative;min-height:var(--stl-media-height-mobile, 62vh)}.shop-the-look__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid rgba(var(--color-foreground),.14);border-radius:var(--stl-card-radius, 0);background-color:rgba(var(--color-background),.3)}.shop-the-look__image,.shop-the-look__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}.shop-the-look__image--desktop,.shop-the-look__image--mobile{display:block}.shop-the-look__image--mobile{display:none}.shop-the-look__placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.03))}.shop-the-look__image-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(var(--color-background),calc(var(--stl-image-overlay-strength, .2) + .25)),rgba(var(--color-background),calc(var(--stl-image-overlay-strength, .2) * .75)) 45%,rgba(var(--color-background),calc(var(--stl-image-overlay-strength, .2) * .35)))}.shop-the-look__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.shop-the-look__hotspot{position:absolute;left:var(--stl-hotspot-x-desktop, 50%);top:var(--stl-hotspot-y-desktop, 50%);margin-left:calc(var(--stl-pulse-size, 18px) / -2);margin-top:calc(var(--stl-pulse-size, 18px) / -2);pointer-events:none;z-index:2}.shop-the-look__trigger{pointer-events:auto;position:relative;width:var(--stl-pulse-size, 18px);height:var(--stl-pulse-size, 18px);border:1px solid rgba(var(--color-foreground),.5);border-radius:50%;background-color:rgba(var(--color-background),.95);color:rgb(var(--color-foreground));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 1px rgba(var(--color-background),.45);transition:transform .18s ease,border-color .18s ease}.shop-the-look__trigger:hover{transform:scale(1.06);border-color:rgba(var(--color-foreground),.8)}.shop-the-look__trigger:before{content:"";position:absolute;top:-.9rem;right:-.9rem;bottom:-.9rem;left:-.9rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.45);animation:stl-pulse-ring 2.2s ease-out infinite}.shop-the-look__trigger-dot{width:.45rem;height:.45rem;border-radius:50%;background-color:currentcolor}.shop-the-look__hotspot.is-active .shop-the-look__trigger:before{animation-play-state:paused;opacity:.35}.shop-the-look__popover{position:absolute;left:50%;top:calc(100% + 1.2rem);width:min(var(--stl-popover-width, 280px),calc(100vw - 3.2rem));pointer-events:none;opacity:0;visibility:hidden;z-index:5;transform:translate(calc(-50% + var(--stl-popover-shift-x, 0px)),.9rem);transition:opacity .2s ease,visibility .2s ease,transform .24s ease}.shop-the-look__hotspot[data-card-position=above] .shop-the-look__popover{top:auto;bottom:calc(100% + 1.2rem)}.shop-the-look__hotspot.is-active .shop-the-look__popover{pointer-events:auto;opacity:1;visibility:visible;transform:translate(calc(-50% + var(--stl-popover-shift-x, 0px)))}.shop-the-look__popover-body{border:1px solid rgba(var(--color-foreground),.16);border-radius:var(--stl-card-radius, 0);background-color:rgba(var(--color-background),.95);box-shadow:0 2rem 4rem #00000040;padding:1.2rem;display:grid;gap:1rem}.shop-the-look__product{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:1rem;align-items:center}.shop-the-look__thumb{border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--stl-card-radius, 0);overflow:hidden;background-color:rgba(var(--color-background),.8);aspect-ratio:1}.shop-the-look__thumb-image,.shop-the-look__thumb .placeholder-svg{width:100%;height:100%;object-fit:cover}.shop-the-look__meta{min-width:0;display:grid;gap:.35rem}.shop-the-look__label{margin:0;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.shop-the-look__product-title{margin:0;font-size:1.5rem;line-height:1.2;color:rgb(var(--color-foreground))}.shop-the-look__price{margin:0;font-size:1.3rem;color:rgba(var(--color-foreground),.78)}.shop-the-look__note{margin:0;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.64)}.shop-the-look__actions{display:block}.shop-the-look__cta.button{width:100%;min-height:3.8rem;justify-content:center;border-radius:var(--stl-card-radius, 0);border-color:rgba(var(--color-foreground),.3);background-color:rgba(var(--color-background),.72)}.shop-the-look__cta[aria-disabled=true]{pointer-events:none;opacity:.55}.shop-the-look__empty{padding:2rem;border:1px dashed rgba(var(--color-foreground),.24);font-size:1.4rem;color:rgba(var(--color-foreground),.72)}.shop-the-look__mobile-popup{display:none}@media screen and (max-width: 989px){.shop-the-look__hotspot--hide-mobile{display:none}.shop-the-look__hotspot{left:var(--stl-hotspot-x-mobile, var(--stl-hotspot-x-desktop, 50%));top:var(--stl-hotspot-y-mobile, var(--stl-hotspot-y-desktop, 50%))}.shop-the-look__popover,.shop-the-look__hotspot[data-card-position=above] .shop-the-look__popover{display:none!important}.shop-the-look__mobile-popup{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;opacity:0;transition:opacity .16s ease}.shop-the-look--mobile-popup-open .shop-the-look__mobile-popup{pointer-events:auto;opacity:1}.shop-the-look__mobile-popup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;margin:0;background-color:#0003}.shop-the-look__mobile-popup-panel{position:absolute;left:50%;top:50%;border:1px solid rgba(var(--color-foreground),.16);border-radius:var(--stl-card-radius, 0);background-color:rgba(var(--color-background),.98);box-shadow:0 2rem 4rem #0000004d;transform:translate(-50%,-50%) scale(.98);transition:transform .2s ease;width:min(28rem,calc(100% - 2.4rem));max-height:calc(100% - 2.4rem);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.shop-the-look--mobile-popup-open .shop-the-look__mobile-popup-panel{transform:translate(-50%,-50%) scale(1)}.shop-the-look__mobile-popup-close{align-self:start;justify-self:end;border:0;background:transparent;color:rgb(var(--color-foreground));width:4rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.shop-the-look__mobile-popup-close .svg-wrapper{width:1.8rem;height:1.8rem}.shop-the-look__mobile-popup-content{min-height:0;overflow-y:auto;padding:0 1.2rem 1.2rem}.shop-the-look__mobile-popup-content .shop-the-look__popover-body{border:0;border-radius:0;box-shadow:none;background:transparent;padding:0}}@media screen and (min-width: 990px){.shop-the-look__hotspot--hide-desktop{display:none}.shop-the-look__media{min-height:var(--stl-media-height-desktop, 70vh)}}@media screen and (max-width: 749px){.shop-the-look__image--desktop{display:none}.shop-the-look__image--mobile{display:block}}@media (prefers-reduced-motion: reduce){.shop-the-look__trigger:before{animation:none}.shop-the-look__popover,.shop-the-look__mobile-popup,.shop-the-look__mobile-popup-panel{transition:none}}@keyframes stl-pulse-ring{0%{transform:scale(.72);opacity:.8}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-shop-the-look-hotspots.css.map */