.shop-the-look__media{position:relative}.shop-the-look__image{display:block;width:100%;height:auto}.shop-the-look__spot{position:absolute;transform:translate(-50%,-50%);z-index:1}.shop-the-look__spot:hover,.shop-the-look__spot:focus-within,.shop-the-look__spot.is-active{z-index:2}.shop-the-look__dot{position:relative;display:block;width:22px;height:22px;border-radius:50%;background:var(--stl-dot-color);border:3px solid rgba(255,255,255,.9);box-shadow:0 1px 6px #00000040;cursor:pointer;transition:transform .2s ease}.shop-the-look__dot:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--stl-dot-color);animation:shop-the-look-pulse 1.8s ease-out infinite}.shop-the-look__spot:hover .shop-the-look__dot,.shop-the-look__spot.is-active .shop-the-look__dot,.shop-the-look__dot:focus-visible{transform:scale(1.2)}@keyframes shop-the-look-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(2.4);opacity:0}}.shop-the-look__card{position:absolute;left:50%;bottom:calc(100% + 12px);display:flex;align-items:center;gap:12px;width:max-content;max-width:280px;padding:10px 14px 10px 10px;background:#fff;color:#1a1a1a;text-decoration:none;box-shadow:0 6px 24px #00000026;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.shop-the-look__spot--card-below .shop-the-look__card{bottom:auto;top:calc(100% + 12px)}.shop-the-look__spot--card-left .shop-the-look__card{left:auto;right:-12px;transform:translateY(6px)}.shop-the-look__spot:hover .shop-the-look__card,.shop-the-look__spot:focus-within .shop-the-look__card,.shop-the-look__spot.is-active .shop-the-look__card{opacity:1;visibility:visible;transform:translate(-50%)}.shop-the-look__spot--card-left:hover .shop-the-look__card,.shop-the-look__spot--card-left:focus-within .shop-the-look__card,.shop-the-look__spot--card-left.is-active .shop-the-look__card{transform:translate(0)}.shop-the-look__card-image{width:64px;height:64px;object-fit:cover;flex-shrink:0}.shop-the-look__card-text{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.3}.shop-the-look__card-title{font-weight:600}.shop-the-look__card-cta{margin-top:4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline}@media(prefers-reduced-motion:reduce){.shop-the-look__dot:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/21/compiled_assets/styles.css.map */