.shop-the-look-wrapper{position:relative;width:100%}.shop-the-look__header{margin-bottom:2.4rem}@media screen and (min-width:750px){.shop-the-look__header{margin-bottom:3.2rem}}.shop-the-look__header--left{text-align:left}.shop-the-look__header--center{text-align:center;margin-left:auto;margin-right:auto;max-width:72rem}.shop-the-look__header--right{text-align:right;margin-left:auto}.shop-the-look__title{font-family:var(--font-klug);font-weight:700;color:#1e2b33;letter-spacing:-.02em;margin:0;line-height:1.15}.shop-the-look__desc{font-family:var(--font-klug);font-size:var(--text-body-sm, 1.5rem);color:#4a5a63;line-height:1.5;margin-top:.8rem;margin-bottom:0}.shop-the-look__slider{list-style:none;padding:0;margin:0}.shop-the-look--carousel .shop-the-look__slider{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--stl-gap-mobile, 16px);padding:12px 0 20px;margin:-12px 0 0}.shop-the-look--carousel .shop-the-look__slider::-webkit-scrollbar{display:none}.shop-the-look--carousel .shop-the-look__item{flex:0 0 calc(100% - 32px);max-width:calc(100% - 32px);scroll-snap-align:center}.shop-the-look--carousel .shop-the-look__item:last-child{padding-right:var(--space-page)!important;flex:0 0 calc(100% - 32px + var(--space-page));max-width:calc(100% - 32px + var(--space-page))}@media screen and (min-width:750px){.shop-the-look--carousel .shop-the-look__slider{gap:var(--stl-gap-desktop, 24px);padding:16px 0 24px;margin:-16px 0 0}.shop-the-look--carousel .shop-the-look__item{flex:0 0 var(--stl-card-width-desktop, 380px);max-width:var(--stl-card-width-desktop, 380px);scroll-snap-align:start}.shop-the-look--carousel .shop-the-look__item:last-child{padding-right:var(--space-page)!important;flex:0 0 calc(var(--stl-card-width-desktop, 380px) + var(--space-page));max-width:calc(var(--stl-card-width-desktop, 380px) + var(--space-page))}}.shop-the-look--grid .shop-the-look__slider{display:grid;grid-template-columns:repeat(var(--stl-cols-mobile, 1),1fr);gap:var(--stl-gap-mobile, 16px)}@media screen and (min-width:750px){.shop-the-look--grid .shop-the-look__slider{grid-template-columns:repeat(var(--stl-cols-desktop, 3),1fr);gap:var(--stl-gap-desktop, 24px)}}.shop-the-look__card{display:flex;flex-direction:column;justify-content:space-between;height:100%}.shop-the-look__media-container{position:relative;width:100%;border-radius:var(--stl-card-radius-mobile, 20px);overflow:hidden;background-color:#f2f4f7}@media screen and (min-width:750px){.shop-the-look__media-container{border-radius:var(--stl-card-radius-desktop, 24px)}}.shop-the-look__media-container--landscape{aspect-ratio:4 / 3}.shop-the-look__media-container--square{aspect-ratio:1 / 1}.shop-the-look__media-container--portrait{aspect-ratio:3 / 4}.shop-the-look__media-container--auto{aspect-ratio:auto}.shop-the-look__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.shop-the-look__card:hover .shop-the-look__image{transform:scale(1.02)}.shop-the-look__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f2f4f7}.shop-the-look__placeholder svg{width:60%;height:60%;opacity:.6}.shop-the-look__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.shop-the-look__hotspot-wrap{position:absolute;top:var(--hs-y-mobile, var(--hs-y, 50%));left:var(--hs-x-mobile, var(--hs-x, 50%));transform:translate(-50%,-50%);pointer-events:auto}@media screen and (min-width:750px){.shop-the-look__hotspot-wrap{top:var(--hs-y, 50%);left:var(--hs-x, 50%)}}.shop-the-look__hotspot-btn{position:relative;width:var(--stl-hotspot-size-mobile, 32px);height:var(--stl-hotspot-size-mobile, 32px);border-radius:50%;background-color:var(--stl-hotspot-bg, #ffffff);color:var(--stl-hotspot-color, #1d2939);border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000029;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background-color .2s ease;z-index:2;outline:none}@media screen and (min-width:750px){.shop-the-look__hotspot-btn{width:var(--stl-hotspot-size, 36px);height:var(--stl-hotspot-size, 36px)}}.shop-the-look__hotspot-btn:focus-visible{outline:2px solid #1d2939;outline-offset:2px}.shop-the-look__hotspot-btn:hover,.shop-the-look__hotspot-wrap.is-active .shop-the-look__hotspot-btn{transform:scale(1.12);box-shadow:0 6px 18px #0000003d}.shop-the-look__hotspot-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;transition:transform .2s ease}.shop-the-look__hotspot-wrap.is-active .shop-the-look__hotspot-icon{transform:rotate(45deg)}.shop-the-look__hotspot-wrap--pulse .shop-the-look__hotspot-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.85);animation:stlPulse 2.2s infinite cubic-bezier(.24,0,.38,1);pointer-events:none}@keyframes stlPulse{0%{transform:scale(.9);opacity:.9}60%{transform:scale(1.45);opacity:0}to{transform:scale(1.45);opacity:0}}.shop-the-look__popover{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(6px);width:max-content;min-width:210px;max-width:270px;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:30}.shop-the-look__popover:after{content:"";position:absolute;top:100%;left:0;right:0;height:16px}.shop-the-look__popover.popover--bottom:after{top:auto;bottom:100%;height:16px}.shop-the-look__hotspot-wrap.is-active .shop-the-look__popover,.shop-the-look__popover.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.shop-the-look__popover.popover--bottom{bottom:auto;top:calc(100% + 14px);transform:translate(-50%) translateY(-6px)}.shop-the-look__hotspot-wrap.is-active .shop-the-look__popover.popover--bottom,.shop-the-look__popover.popover--bottom.is-visible{transform:translate(-50%) translateY(0)}.shop-the-look__popover-card{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;background-color:var(--stl-popover-bg, #ffffff);border-radius:var(--stl-popover-radius, 12px);box-shadow:0 10px 25px -5px #00000029,0 8px 10px -6px #00000014;border:1px solid rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.shop-the-look__popover-card:hover{box-shadow:0 14px 28px -5px #0003,0 10px 12px -6px #0000001f}.shop-the-look__popover-arrow{position:absolute;width:10px;height:10px;background-color:var(--stl-popover-bg, #ffffff);transform:rotate(45deg);bottom:-5px;left:50%;margin-left:-5px;box-shadow:2px 2px 3px #0000000f;z-index:1;pointer-events:none}.shop-the-look__popover.popover--bottom .shop-the-look__popover-arrow{bottom:auto;top:-5px;box-shadow:-2px -2px 3px #0000000f}.shop-the-look__popover-img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0;background-color:#f2f4f7}.shop-the-look__popover-placeholder{width:48px;height:48px;border-radius:8px;flex-shrink:0;background-color:#eaecf0;display:flex;align-items:center;justify-content:center}.shop-the-look__popover-placeholder svg{width:24px;height:24px;opacity:.5}.shop-the-look__popover-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.shop-the-look__popover-title{font-family:var(--font-klug);font-size:1.35rem;font-weight:600;color:var(--stl-popover-text, #1d2939);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.shop-the-look__popover-price{font-family:var(--font-klug);font-size:1.3rem;font-weight:500;color:var(--stl-popover-price, #475467);margin:0}.shop-the-look__popover-arrow-icon{display:flex;align-items:center;justify-content:center;color:#98a2b3;flex-shrink:0;transition:transform .15s ease,color .15s ease}.shop-the-look__popover-card:hover .shop-the-look__popover-arrow-icon{transform:translate(2px);color:#1d2939}.shop-the-look__content{padding-top:1.4rem;display:flex;flex-direction:column;align-items:flex-start}.shop-the-look__card-title{font-family:var(--font-klug);font-size:clamp(1.8rem,1.39vw,2.2rem);font-weight:700;color:#1d2939;line-height:1.2;margin:0;letter-spacing:-.01em}.shop-the-look__card-desc{font-family:var(--font-klug);font-size:1.45rem;color:#667085;line-height:1.45;margin:.6rem 0 0}.shop-the-look__card-link{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-klug);font-size:1.5rem;font-weight:600;color:#1d2939;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;margin-top:.8rem;transition:color .2s ease,text-decoration-color .2s ease}.shop-the-look__card-link:hover{color:#000;text-decoration-thickness:2px}.shop-the-look__card-link-icon{display:inline-flex;align-items:center;transition:transform .2s ease}.shop-the-look__card-link:hover .shop-the-look__card-link-icon{transform:translate(3px)}.shop-the-look__scrollbar{display:block;width:100%;margin-top:2.8rem;--scrollbar-track-height: var(--stl-progress-height, 2px);--scrollbar-border-radius: var(--stl-progress-radius, 2px);--scrollbar-track-color: var(--stl-progress-track, #e5e7eb);--scrollbar-thumb-color: var(--stl-progress-thumb, #1d2939)}@media screen and (min-width:750px){.shop-the-look__scrollbar{margin-top:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/shop-the-look.css.map */