.hotspot-looks-section{padding-top:var(--section-padding-top, 36px);padding-bottom:var(--section-padding-bottom, 36px)}.hotspot-looks-heading{text-align:center;margin-bottom:3rem}.hotspot-looks-wrapper{position:relative}.hotspot-looks-overflow{overflow:hidden}.hotspot-looks-track{display:grid;gap:2rem}.is-grid .hotspot-looks-track{grid-template-columns:repeat(var(--hotspot-cols, 2),1fr)}.is-carousel .hotspot-looks-track{display:flex;gap:2rem;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.is-carousel .hotspot-look-item{flex:0 0 calc((100% - 2rem * (var(--hotspot-cols, 2) - 1)) / var(--hotspot-cols, 2))}.hotspot-look-label{font-size:1.2rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;text-align:center}.hotspot-look-image-wrapper{position:relative;overflow:hidden;border-radius:var(--media-radius, 0);line-height:0}.hotspot-look-image{width:100%;height:auto;display:block}.hotspot-placeholder{width:100%;aspect-ratio:3 / 4;background:#f0f0f0}.hotspot-pin{position:absolute;transform:translate(-50%,-50%);width:3.2rem;height:3.2rem;background:#ffffffeb;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e;transition:transform .2s ease,background .2s ease;z-index:2;padding:0}.hotspot-pin:hover{transform:translate(-50%,-50%) scale(1.12);background:#fff}.hotspot-pin[aria-expanded=true]{background:var(--color-button, #121212)}.hotspot-pin[aria-expanded=true] .hotspot-pin-cross:before,.hotspot-pin[aria-expanded=true] .hotspot-pin-cross:after{background:var(--color-button-text, #fff)}.hotspot-pin-cross{position:relative;width:1.4rem;height:1.4rem}.hotspot-pin-cross:before,.hotspot-pin-cross:after{content:"";position:absolute;background:var(--color-foreground, #121212);border-radius:2px;transition:transform .25s ease,background .2s ease}.hotspot-pin-cross:before{width:100%;height:2px;top:50%;left:0;margin-top:-1px}.hotspot-pin-cross:after{height:100%;width:2px;left:50%;top:0;margin-left:-1px}.hotspot-pin[aria-expanded=true] .hotspot-pin-cross:before{transform:rotate(45deg)}.hotspot-pin[aria-expanded=true] .hotspot-pin-cross:after{transform:rotate(45deg)}.hotspot-card{position:absolute;z-index:10;background:var(--color-background, #fff);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px #00000024;border-radius:.6rem;display:flex;flex-direction:row;gap:1rem;padding:1rem;width:26rem;max-width:80vw;animation:hotspot-card-in .2s ease both}.hotspot-card[hidden]{display:none}@keyframes hotspot-card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hotspot-card-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;padding:.3rem;line-height:0;color:var(--color-foreground);opacity:.5}.hotspot-card-close:hover{opacity:1}.hotspot-card-close svg{width:1.4rem;height:1.4rem}.hotspot-card-img-link{flex:0 0 auto}.hotspot-card-img{width:8rem;height:8rem;object-fit:cover;border-radius:.4rem;display:block}.hotspot-card-body{flex:1;display:flex;flex-direction:column;gap:.5rem;padding-right:1.8rem}.hotspot-card-title{font-size:1.3rem;font-weight:500;line-height:1.3;color:var(--color-foreground);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hotspot-card-title:hover{text-decoration:underline}.hotspot-card-price{font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.hotspot-card-price-compare{opacity:.5;font-size:1.1rem}.hotspot-card-link{align-self:flex-start;font-size:1.1rem;padding:.5rem 1.2rem;margin-top:auto}.hotspot-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:var(--color-background, #fff)}.hotspot-prev{left:-2rem}.hotspot-next{right:-2rem}.hotspot-prev svg{transform:rotate(90deg)}.hotspot-next svg{transform:rotate(-90deg)}.hotspot-carousel-btn:disabled{opacity:.3;pointer-events:none}.hotspot-dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.6rem}.hotspot-dot{width:.8rem;height:.8rem;border-radius:50%;border:none;background:#0003;cursor:pointer;padding:0;transition:background .2s ease}.hotspot-dot.is-active{background:var(--color-foreground, #121212)}@media screen and (max-width:989px){.is-grid .hotspot-looks-track{grid-template-columns:1fr}.hotspot-prev{left:-1.2rem}.hotspot-next{right:-1.2rem}.is-carousel .hotspot-look-item{flex:0 0 calc(100% - 3rem)}.hotspot-card{width:22rem}}@media screen and (max-width:749px){.hotspot-pin{width:2.8rem;height:2.8rem}.hotspot-card{width:20rem;padding:.8rem}.hotspot-card-img{width:6rem;height:6rem}.hotspot-card-title{font-size:1.2rem}.hotspot-card-link{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/137/assets/shop-the-look-hotspot.css.map */