.shop-the-look{position:relative;width:100%;overflow:hidden;z-index:1;isolation:isolate}.shop-the-look__container{position:relative;width:100%}.shop-the-look__header{margin-bottom:2.5rem}.shop-the-look__heading{margin:0 0 .8rem;letter-spacing:-.02em}.shop-the-look__subheading{margin:0;font-size:1.5rem;opacity:.8;line-height:1.5}.shop-the-look__stage{position:relative;width:100%;overflow:hidden;border-radius:var(--media-radius, 0);background-color:rgba(var(--color-foreground, 18, 18, 18),.04)}.shop-the-look__stage--adapt{height:auto}.shop-the-look__stage--small{min-height:38rem}.shop-the-look__stage--medium{min-height:54rem}.shop-the-look__stage--large{min-height:70rem}@media screen and (max-width:749px){.shop-the-look__stage--small{min-height:28rem}.shop-the-look__stage--medium{min-height:38rem}.shop-the-look__stage--large{min-height:48rem}}.shop-the-look__media{position:relative;width:100%;height:100%;display:block}.shop-the-look__stage--adapt .shop-the-look__media{display:block;line-height:0}.shop-the-look__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.shop-the-look__stage--adapt .shop-the-look__image{width:100%;height:auto;aspect-ratio:auto}.shop-the-look__image--mobile{display:none}@media screen and (max-width:749px){.shop-the-look__image--has-mobile.shop-the-look__image--desktop{display:none!important}.shop-the-look__image--mobile{display:block!important}}.shop-the-look__placeholder{width:100%;min-height:45rem;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground, 18, 18, 18),.05)}.shop-the-look__placeholder svg{width:100%;max-height:55rem;opacity:.65}.shop-the-look__hotspots{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:5}.shop-the-look__hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;z-index:10}.shop-the-look__hotspot.is-active{z-index:30}.shop-the-look__pin{position:relative;width:3.4rem;height:3.4rem;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.16,1,.3,1)}.shop-the-look__pin:hover{transform:scale(1.12)}.shop-the-look__hotspot.is-active .shop-the-look__pin{transform:scale(1.15)}.shop-the-look__pin-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#12121240;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .3s ease;animation:stl-pulse 2.4s infinite cubic-bezier(.4,0,.6,1)}.shop-the-look__pin-ring--light{background:#fff6}.shop-the-look__pin-core{position:relative;width:1.8rem;height:1.8rem;border-radius:50%;background-color:#121212;box-shadow:0 2px 8px #00000059;border:.2rem solid #ffffff;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.shop-the-look__pin-core--light{background-color:#fff;border-color:#121212}.shop-the-look__pin-inner{width:.5rem;height:.5rem;border-radius:50%;background-color:#fff;opacity:.85;transition:transform .2s ease}.shop-the-look__pin-core--light .shop-the-look__pin-inner{background-color:#121212}.shop-the-look__hotspot.is-active .shop-the-look__pin-ring{animation:none;background:#12121273;transform:scale(1.08)}.shop-the-look__hotspot.is-active .shop-the-look__pin-ring--light{background:#fff9}@keyframes stl-pulse{0%{transform:scale(.92);box-shadow:0 0 #12121266}60%{transform:scale(1.15);box-shadow:0 0 0 12px #12121200}to{transform:scale(.92);box-shadow:0 0 #12121200}}.shop-the-look__card{position:absolute;width:29rem;max-width:86vw;background:#fff;color:#121212;border-radius:1.2rem;box-shadow:0 14px 40px #00000029,0 3px 10px #00000014;border:.1rem solid rgba(0,0,0,.08);padding:1.2rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;z-index:50;text-align:left}.shop-the-look__card--bottom{top:calc(100% + 1.2rem);left:50%;transform:translate(-50%,-8px)}.shop-the-look__card--top{bottom:calc(100% + 1.2rem);left:50%;transform:translate(-50%,8px)}.shop-the-look__card--right{top:50%;left:calc(100% + 1.2rem);transform:translate(-8px,-50%)}.shop-the-look__card--left{top:50%;right:calc(100% + 1.2rem);transform:translate(8px,-50%)}.shop-the-look__card--align-left{left:0;transform:translateY(-8px)}.shop-the-look__card--align-right{left:auto;right:0;transform:translateY(-8px)}.shop-the-look__card--top.shop-the-look__card--align-left,.shop-the-look__card--top.shop-the-look__card--align-right{transform:translateY(8px)}.shop-the-look__hotspot.is-active .shop-the-look__card{opacity:1;visibility:visible;pointer-events:auto}.shop-the-look__hotspot.is-active .shop-the-look__card--bottom,.shop-the-look__hotspot.is-active .shop-the-look__card--top{transform:translate(-50%)}.shop-the-look__hotspot.is-active .shop-the-look__card--right,.shop-the-look__hotspot.is-active .shop-the-look__card--left{transform:translateY(-50%)}.shop-the-look__hotspot.is-active .shop-the-look__card--align-left,.shop-the-look__hotspot.is-active .shop-the-look__card--align-right{transform:translate(0)}.shop-the-look__card-arrow{position:absolute;width:1.2rem;height:1.2rem;background:#fff;border:.1rem solid rgba(0,0,0,.08);transform:rotate(45deg);pointer-events:none}.shop-the-look__card--bottom .shop-the-look__card-arrow{top:-.6rem;left:50%;margin-left:-.6rem;border-bottom:none;border-right:none}.shop-the-look__card--top .shop-the-look__card-arrow{bottom:-.6rem;left:50%;margin-left:-.6rem;border-top:none;border-left:none}.shop-the-look__card--align-left .shop-the-look__card-arrow{left:1.7rem;margin-left:0}.shop-the-look__card--align-right .shop-the-look__card-arrow{left:auto;right:1.7rem;margin-left:0}.shop-the-look__card-close{position:absolute;top:.6rem;right:.6rem;width:2.2rem;height:2.2rem;border-radius:50%;background:transparent;border:none;color:#767676;font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s ease;z-index:2}.shop-the-look__card-close:hover{background:#0000000f;color:#121212}.shop-the-look__card-inner{display:flex;align-items:center;gap:1.2rem}.shop-the-look__card-media{flex-shrink:0;width:6.8rem;height:6.8rem;border-radius:.8rem;overflow:hidden;background-color:#f7f7f7;position:relative}.shop-the-look__card-media img{width:100%;height:100%;object-fit:cover;display:block}.shop-the-look__card-media svg{width:100%;height:100%;opacity:.5}.shop-the-look__card-details{flex-grow:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.shop-the-look__card-title{margin:0 0 .4rem;font-size:1.35rem;font-weight:600;line-height:1.28;color:#121212;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:1.4rem}.shop-the-look__card-title:hover{text-decoration:underline}.shop-the-look__card-price{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.7rem;font-size:1.35rem;font-weight:700;color:#121212}.shop-the-look__card-price--regular{color:#121212}.shop-the-look__card-price--sale{color:#c93b2b}.shop-the-look__card-price--compare{text-decoration:line-through;color:#8c8c8c;font-size:1.2rem;font-weight:400}.shop-the-look__card .price{font-size:1.35rem;letter-spacing:0;line-height:1.3;color:inherit}.shop-the-look__card .price .price-item{font-size:1.35rem;font-weight:700;margin-right:.6rem;color:inherit}.shop-the-look__card .price--on-sale .price-item--regular{text-decoration:line-through;color:#8c8c8c;font-size:1.2rem;font-weight:400}.shop-the-look__card .price--on-sale .price-item--sale{color:#c93b2b}.shop-the-look__card .price .price__badge-sale,.shop-the-look__card .price .price__badge-sold-out{display:none!important}.shop-the-look__card--dark .price,.shop-the-look__card--dark .price .price-item--regular{color:#fff}.shop-the-look__card--dark .price--on-sale .price-item--regular{color:#fff9}.shop-the-look__card--dark .price--on-sale .price-item--sale{color:#ff7675}.shop-the-look__card-action{display:inline-flex;align-items:center;gap:.4rem;font-size:1.2rem;font-weight:600;color:#121212;text-decoration:none;background:#f4f4f4;padding:.5rem 1rem;border-radius:9999px;width:fit-content;transition:all .2s ease;line-height:1}.shop-the-look__card-action:hover{background:#121212;color:#fff;transform:translate(2px)}.shop-the-look__card-action svg{width:1rem;height:1rem;transition:transform .2s ease}.shop-the-look__card-action:hover svg{transform:translate(2px);fill:currentColor}.shop-the-look__card--dark{background:#181a20;color:#fff;border-color:#ffffff1f;box-shadow:0 16px 40px #00000073}.shop-the-look__card--dark .shop-the-look__card-arrow{background:#181a20;border-color:#ffffff1f}.shop-the-look__card--dark .shop-the-look__card-title,.shop-the-look__card--dark .shop-the-look__card-price{color:#fff}.shop-the-look__card--dark .shop-the-look__card-action{background:#ffffff26;color:#fff}.shop-the-look__card--dark .shop-the-look__card-action:hover{background:#fff;color:#121212}.shop-the-look__card--dark .shop-the-look__card-close{color:#fff9}.shop-the-look__card--dark .shop-the-look__card-close:hover{background:#ffffff1a;color:#fff}@media screen and (max-width:749px){.shop-the-look__pin{width:3.8rem;height:3.8rem}.shop-the-look__pin-core{width:2rem;height:2rem}.shop-the-look__card{width:26rem;max-width:82vw;padding:1rem}.shop-the-look__card-media{width:6rem;height:6rem}.shop-the-look__card-title,.shop-the-look__card-price{font-size:1.25rem}.shop-the-look__card-action{font-size:1.15rem;padding:.45rem .85rem}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-shop-the-look.css.map */