.shop-the-look__stage{display:block}.shop-the-look__frame{position:relative}.shop-the-look__spots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:block}.shop-the-look__dot{position:absolute;left:var(--x, 50%);top:var(--y, 50%);transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;pointer-events:auto;z-index:2}.shop-the-look__dot-mark{width:14px;height:14px;background:var(--color-paper);box-shadow:inset 0 0 0 1px rgba(var(--color-ink-rgb),.85),0 0 0 3px rgba(var(--color-paper-rgb),.7),0 2px 12px rgba(var(--color-ink-rgb),.5);transform:skew(var(--n-skew));transition:transform var(--dur-s) var(--ease-out),background-color var(--dur-s) var(--ease-out)}.shop-the-look__dot:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(var(--color-ink-rgb),.55);opacity:0;pointer-events:none;animation:shop-the-look-ping 2.4s var(--ease-out) infinite}@keyframes shop-the-look-ping{0%{transform:scale(.85);opacity:.7}70%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}.shop-the-look__dot:after{content:"";position:absolute;width:26px;height:26px;box-shadow:inset 0 0 0 1px rgba(var(--color-paper-rgb),.65);transform:skew(var(--n-skew)) scale(.8);opacity:0;transition:transform var(--dur-m) var(--ease-out),opacity var(--dur-m) var(--ease-out)}.shop-the-look__dot:hover .shop-the-look__dot-mark,.shop-the-look__dot:focus-visible .shop-the-look__dot-mark,.shop-the-look__dot.is-active .shop-the-look__dot-mark{transform:skew(var(--n-skew)) scale(1.25);background:var(--color-ivory)}.shop-the-look__dot:hover:after,.shop-the-look__dot:focus-visible:after,.shop-the-look__dot.is-active:after{transform:skew(var(--n-skew)) scale(1);opacity:1}.shop-the-look__card{--shift-x: -50%;--shift-y: calc(-100% - 24px) ;--card-rise: 9px;--card-run: calc(var(--card-rise) * 1.2708);position:absolute;left:var(--x, 50%);top:var(--y, 50%);z-index:3;display:flex;align-items:center;gap:12px;width:min(268px,62vw);padding:10px;background:var(--color-paper);color:var(--color-ink);box-shadow:0 12px 40px rgba(var(--color-ink-rgb),.16);opacity:0;visibility:hidden;pointer-events:none;transform:translate(calc(var(--shift-x) - var(--card-run)),calc(var(--shift-y) + var(--card-rise)));transition:opacity var(--dur-s) var(--ease-out),transform var(--dur-s) var(--ease-out),visibility 0s linear var(--dur-s)}.shop-the-look__card[data-side=start]{--shift-x: -12%}.shop-the-look__card[data-side=end]{--shift-x: -88%}.shop-the-look__card[data-vert=below]{--shift-y: 24px}.shop-the-look__card.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(var(--shift-x),var(--shift-y));transition-delay:0s}.shop-the-look__card-media{flex:0 0 72px;width:72px;display:block}.shop-the-look__card-info{min-width:0;display:flex;flex-direction:column;gap:4px}.shop-the-look__card-title{font-size:.8125rem;font-weight:500;line-height:1.3;letter-spacing:.01em}.shop-the-look__card-title a{color:inherit;text-decoration:none}.shop-the-look__card-title a:hover{text-decoration:underline;text-underline-offset:.2em}.shop-the-look__card-price{font-size:.75rem;color:rgba(var(--color-ink-rgb),.62)}.shop-the-look__list{margin-top:var(--space-m)}@media(min-width:750px){.shop-the-look__list{margin-top:var(--space-l)}}.shop-the-look__list .shop-the-look__rail{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:62%;column-gap:10px;row-gap:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--gutter);scrollbar-width:none;padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1)}.shop-the-look__list .shop-the-look__rail::-webkit-scrollbar{display:none}.shop-the-look__list .shop-the-look__rail>*{min-width:0;scroll-snap-align:start}@media(min-width:750px){.shop-the-look__list .shop-the-look__rail{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(var(--cols-tablet, 3),minmax(0,1fr));column-gap:var(--grid-gap-x-lg, 20px);row-gap:var(--grid-gap-y-lg, 64px);overflow:visible;padding-inline:0;margin-inline:0}}@media(min-width:990px){.shop-the-look__list .shop-the-look__rail{grid-template-columns:repeat(var(--cols-desktop, 3),minmax(0,1fr))}}.shop-the-look__empty{margin-top:var(--space-m)}@media(max-width:749px){.section--shop-the-look{padding-block:calc(var(--section-pt, 64px) * .6) calc(var(--section-pb, 64px) * .6)}}@media(prefers-reduced-motion:reduce){.shop-the-look__dot-mark,.shop-the-look__dot:after,.shop-the-look__card{transition:none}.shop-the-look__dot:before{animation:none;transform:scale(1.9);opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-shop-the-look.css.map */