.shop-the-look{position:relative}.shop-the-look__media{position:relative;overflow:hidden}.shop-the-look__picture{display:contents}.shop-the-look__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.shop-the-look--small .shop-the-look__media{height:28rem}.shop-the-look--medium .shop-the-look__media{height:42rem}.shop-the-look--large .shop-the-look__media{height:54rem}.shop-the-look--adapt .shop-the-look__media{height:auto}.shop-the-look--adapt .shop-the-look__media:before{content:"";display:block;padding-bottom:56.25%}.shop-the-look__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgb(var(--color-foreground));opacity:0;pointer-events:none}.shop-the-look__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex}@media screen and (min-width:750px){.shop-the-look__content{pointer-events:none}}.shop-the-look__content .shop-the-look__layout{width:100%;align-self:center}.shop-the-look--content-top .shop-the-look__content .shop-the-look__layout{align-self:flex-start;padding-top:4rem}.shop-the-look--content-bottom .shop-the-look__content .shop-the-look__layout{align-self:flex-end;padding-bottom:4rem}.shop-the-look--align-center .shop-the-look__content-inner{margin-inline:auto;text-align:center}.shop-the-look--align-right .shop-the-look__content-inner{margin-inline-start:auto;text-align:right}.shop-the-look__heading{margin:0 0 1.5rem}.shop-the-look__text{margin-bottom:1rem}.shop-the-look__text>*{margin:0}.shop-the-look__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:4rem}.shop-the-look--align-center .shop-the-look__buttons{justify-content:center}.shop-the-look--align-right .shop-the-look__buttons{justify-content:flex-end}.shop-the-look__buttons .button{margin:0}@media screen and (min-width:750px){.shop-the-look__content-inner{max-width:40rem;pointer-events:auto}}@media screen and (min-width:991px){.shop-the-look__content-inner{max-width:48rem;pointer-events:auto}}@media screen and (min-width:1200px){.shop-the-look__content-inner{max-width:56rem;pointer-events:auto}}@media screen and (min-width:1400px){.shop-the-look__content-inner{max-width:73rem;pointer-events:auto}}@media screen and (min-width:1600px){.shop-the-look__content-inner{max-width:82rem;pointer-events:auto}}.shop-the-look__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.shop-the-look__hotspot{position:absolute;left:var(--hotspot-x, 50%);top:var(--hotspot-y, 50%);transform:translate(-50%,-50%)}.shop-the-look__hotspot:hover,.shop-the-look__hotspot:focus-within,.shop-the-look__hotspot[open]{z-index:1}.shop-the-look__marker{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;cursor:pointer;list-style:none;position:relative;transition:transform .2s ease;-webkit-tap-highlight-color:transparent}.shop-the-look__marker::-webkit-details-marker{display:none}.shop-the-look__marker:hover{transform:scale(1.08)}.shop-the-look__marker:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.shop-the-look__dot{width:1.6rem;height:1.6rem;border-radius:50%;background-color:rgba(var(--color-background),1)}.shop-the-look__pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:shop-the-look-pulse 2.4s ease-out infinite;background:var(--hotspot-color, #1a1a1a)}@keyframes shop-the-look-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2.4);opacity:0}}@media(prefers-reduced-motion:reduce){.shop-the-look__pulse{display:none}}.shop-the-look__card{position:absolute;top:50%;width:max-content;max-width:30rem;min-width:28rem;z-index:4;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.shop-the-look__hotspot--right .shop-the-look__card{left:calc(100% + 1.2rem);transform:translateY(-50%)}.shop-the-look__hotspot--left .shop-the-look__card{right:calc(100% + 1.2rem);transform:translateY(-50%)}.shop-the-look__hotspot--top .shop-the-look__card{top:auto;bottom:calc(100% + 1.2rem);left:50%;transform:translate(-60%)}.shop-the-look__hotspot--bottom .shop-the-look__card{top:calc(100% + 1.2rem);left:50%;transform:translate(-60%)}.shop-the-look__hotspot[open]>.shop-the-look__card,.shop-the-look__hotspot:hover>.shop-the-look__card,.shop-the-look__hotspot:focus-within>.shop-the-look__card{opacity:1;visibility:visible}.shop-the-look__card .card-wrapper{width:16rem}.shop-the-look-card{display:flex;align-items:center;gap:1.52rem;padding:1.5rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:.8rem;box-shadow:0 1rem 3rem #0000002e;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}a.shop-the-look-card:hover{transform:translateY(-.2rem);box-shadow:0 1.4rem 3.6rem #00000038}.shop-the-look-card__media{flex:0 0 auto;width:5.4rem;height:5rem;border-radius:.9rem;overflow:hidden}.shop-the-look-card__image{width:100%;height:100%;object-fit:contain}.shop-the-look-card__info{display:flex;flex-direction:column;gap:0rem;min-width:0}.shop-the-look-card__title{font-weight:600;font-size:1.8rem;line-height:1.3;white-space:nowrap;font-family:var(--font-heading-family);overflow:hidden;text-overflow:ellipsis}.shop-the-look-card__meta{display:flex;align-items:baseline;gap:.4rem;font-size:1.4rem;opacity:.67;margin-top:.4rem}.shop-the-look-card__meta .price,.shop-the-look-card__meta .price__container,.shop-the-look-card__meta .price__regular,.shop-the-look-card__meta .price__sale{font-size:inherit;color:inherit;line-height:1}.shop-the-look-card__meta .price{display:inline-flex;white-space:nowrap}.shop-the-look-card__arrow{flex:0 0 2.4rem;margin-left:auto;display:grid;place-items:center}.shop-the-look-card__arrow svg{width:1.9rem;height:auto}.shop-the-look-card--placeholder{cursor:default}@media screen and (min-width:990px){.shop-the-look .shop-the-look__media{border-radius:15px}}.shop-the-look .shop-the-look__content{padding-inline:4.5rem}.shop-the-look .shop-the-look__text{margin-bottom:1rem;max-width:72rem}@media screen and (max-width:749px){.shop-the-look--small .shop-the-look__media{height:22rem}.shop-the-look--medium .shop-the-look__media{height:30rem}.shop-the-look--large .shop-the-look__media{height:38rem}.shop-the-look__hotspot--has-mobile-position{left:var(--hotspot-x-mobile, var(--hotspot-x, 50%));top:var(--hotspot-y-mobile, var(--hotspot-y, 50%))}.shop-the-look__content{position:absolute;inset:auto;top:0;padding:5.5rem 0 .5rem}.shop-the-look__content .shop-the-look__layout{align-self:auto}.shop-the-look__content-inner{max-width:none;margin-inline:0;text-align:left;position:relative}.shop-the-look--align-mobile-center .shop-the-look__content-inner{text-align:center}.shop-the-look--align-mobile-center .shop-the-look__buttons{justify-content:center}.shop-the-look--align-mobile-right .shop-the-look__content-inner{text-align:right}.shop-the-look--align-mobile-right .shop-the-look__buttons{justify-content:flex-end}.shop-the-look__hotspot>.shop-the-look__card{bottom:3rem;max-width:none;z-index:6}.shop-the-look__card .card-wrapper{width:100%}.shop-the-look__hotspot[open]>.shop-the-look__card,.shop-the-look__hotspot:hover>.shop-the-look__card{opacity:0;visibility:hidden}.shop-the-look__hotspot:focus-within>.shop-the-look__card{opacity:1;visibility:visible}.shop-the-look__hotspot:focus-within:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.shop-the-look:has(.wide-width) .wide-width{padding-inline:1.6rem}.shop-the-look__heading.h1{font-size:calc(var(--font-heading-scale) * 3.4rem)}.shop-the-look__buttons{margin-top:3rem}.shop-the-look__hotspot--mobile-popover>.shop-the-look__card{position:absolute;width:max-content;max-width:28rem;left:auto;right:auto;top:auto;bottom:auto;transform:translate(var(--mobile-card-tx, 0),var(--mobile-card-ty, 0))}.shop-the-look__hotspot--mobile-v-top>.shop-the-look__card{bottom:calc(100% + 1rem);--mobile-card-ty: 0}.shop-the-look__hotspot--mobile-v-bottom>.shop-the-look__card{top:calc(100% + 1rem);--mobile-card-ty: 0}.shop-the-look__hotspot--mobile-v-center>.shop-the-look__card{top:50%;--mobile-card-ty: -50%}.shop-the-look__hotspot--mobile-h-left>.shop-the-look__card{right:calc(100% + 1rem);--mobile-card-tx: 0}.shop-the-look__hotspot--mobile-h-right>.shop-the-look__card{left:calc(100% + 1rem);--mobile-card-tx: 0}.shop-the-look .shop-the-look__content{padding-inline:1.6rem}}@media screen and (min-width:990px){.shop-the-look--large .shop-the-look__media{height:60rem}}@media screen and (min-width:990px)and (max-width:1199px){.shop-the-look__heading.h1{font-size:calc(var(--font-heading-scale) * 4.2rem)}}@media screen and (min-width:750px)and (max-width:989px){.shop-the-look__heading.h1{font-size:calc(var(--font-heading-scale) * 3.9rem)}.shop-the-look__buttons{margin-top:2rem}}@media screen and (max-width:1199px){.shop-the-look__buttons{margin-top:2rem}.shop-the-look__card{min-width:auto}.shop-the-look__hotspot--top .shop-the-look__card{transform:translate(-70%)}}@media screen and (max-width:989px){.shop-the-look__content-inner{max-width:50rem}}@media screen and (max-width:749px){.shop-the-look__marker{width:2.2rem;height:2.2rem}.shop-the-look__dot{width:1.25rem;height:1.25rem}.shop-the-look-card{gap:1rem;padding:1rem}.shop-the-look__hotspot--top .shop-the-look__card{transform:translate(-80%)}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/section-hotspot.css.map */