.shop-the-look{padding-top:16px;padding-bottom:16px}@media(min-width:768px){.shop-the-look{padding-top:32px;padding-bottom:32px}}@media(min-width:1024px){.shop-the-look{padding-top:40px;padding-bottom:40px}.shop-the-look.page-width,.shop-the-look__header.page-width{padding-left:40px;padding-right:40px}}.shop-the-look__header{margin-bottom:16px}.shop-the-look__heading{font-size:18px;line-height:25px;font-weight:600;color:#323232;margin:0}.shop-the-look__text{font-size:14px;line-height:21px;color:#323232;margin:4px 0 0}.shop-the-look__media{position:relative}.shop-the-look__picture,.shop-the-look__image{display:block;width:100%;height:auto;border-radius:4px}.shop-the-look__image--placeholder{aspect-ratio:16 / 9;background:#c4c4c4}.shop-the-look--full-width .shop-the-look__picture,.shop-the-look--full-width .shop-the-look__image{border-radius:0}@media(max-width:767px){.shop-the-look__media--mobile-fixed .shop-the-look__picture,.shop-the-look__media--mobile-fixed .shop-the-look__image--placeholder{height:250px;overflow:hidden}.shop-the-look__media--mobile-fixed .shop-the-look__image{height:100%;object-fit:cover;object-position:center}}.shop-the-look__hotspot-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shop-the-look__hotspot{pointer-events:auto;position:absolute;left:var(--stl-x-mobile);top:var(--stl-y-mobile);z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}.shop-the-look__hotspot-dot{display:block;width:44px;height:44px;border:9px solid rgba(255,255,255,.6);border-radius:50%;background:#fff;background-clip:padding-box;box-shadow:0 0 #323232;transition:transform .2s ease,box-shadow .2s ease}.shop-the-look__hotspot:hover .shop-the-look__hotspot-dot,.shop-the-look__hotspot[aria-expanded=true] .shop-the-look__hotspot-dot{box-shadow:0 0 0 3px #323232}.shop-the-look__hotspot:hover .shop-the-look__hotspot-dot{transform:scale(1.15)}.shop-the-look__hotspot:focus{outline:none}.shop-the-look__hotspot:focus-visible{outline:2px solid #323232;outline-offset:2px}.shop-the-look--dark-mode .shop-the-look__hotspot-dot{border-color:#32323299;background-color:#323232}.shop-the-look--dark-mode .shop-the-look__hotspot:hover .shop-the-look__hotspot-dot,.shop-the-look--dark-mode .shop-the-look__hotspot[aria-expanded=true] .shop-the-look__hotspot-dot{box-shadow:0 0 0 3px #fff}.shop-the-look--dark-mode .shop-the-look__hotspot:focus-visible{outline-color:#fff}.shop-the-look__card{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:3;display:grid;grid-template-columns:86px 1fr;grid-template-areas:"image details" "image cta";column-gap:12px;align-content:start;padding:12px;background:#fff;border:1px solid #D1D1D1;border-radius:4px;color:#323232;text-decoration:none}.shop-the-look__card[hidden]{display:none}.shop-the-look__card:focus{outline:none}.shop-the-look__card:focus-visible{outline:2px solid #323232;outline-offset:2px}.shop-the-look__card-image{grid-area:image;display:block;width:86px;height:104px;border:1px solid #D1D1D1;border-radius:4px;background:#f4f4f4;overflow:hidden}.shop-the-look__card-img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.shop-the-look__card-details{grid-area:details;display:block;min-width:0}.shop-the-look__card-title{display:block;font-size:14px;line-height:21px;font-weight:400;color:#323232}.shop-the-look__card:hover .shop-the-look__card-title,.shop-the-look__card:hover .shop-the-look__card-cta{text-decoration:underline;text-underline-offset:2px}.shop-the-look__card-price{display:block;margin-top:4px}.shop-the-look__card-price-row{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}.shop-the-look__card-price-current{font-size:16px;font-weight:600;line-height:21px;color:#323232}.shop-the-look__card-price-compare{font-size:14px;font-weight:400;line-height:21px;color:#323232}.shop-the-look__card-price-save{display:block;font-size:14px;font-weight:600;line-height:21px;margin-bottom:4px;color:#188165}.shop-the-look__card--on-sale .shop-the-look__card-price-save{color:#db1f3e}.shop-the-look__card-cta{grid-area:cta;display:block;margin-top:4px;font-size:14px;line-height:21px;font-weight:600;color:#323232}@media(min-width:768px){.shop-the-look__media--desktop-fixed .shop-the-look__picture,.shop-the-look__media--desktop-fixed .shop-the-look__image--placeholder{aspect-ratio:1376 / 582.85;overflow:hidden}.shop-the-look__media--desktop-fixed .shop-the-look__image{height:100%;object-fit:cover;object-position:center}.shop-the-look__hotspot{left:var(--stl-x);top:var(--stl-y)}.shop-the-look__card{top:0;right:auto;width:100%;max-width:258px;grid-template-areas:"image details" "cta cta";grid-template-columns:86px 1fr;padding:12px 12px 0;border:0;box-shadow:0 2px 12px #0000001f}.shop-the-look__card-cta{margin-top:12px;padding:12px 0;border-top:1px solid #D1D1D1;text-align:center}.shop-the-look__card:before{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:2px;transform:rotate(45deg)}.shop-the-look__card[data-placement=right]:before{left:-6px;top:calc(var(--stl-arrow-offset, 50%) - 6px)}.shop-the-look__card[data-placement=left]:before{right:-6px;top:calc(var(--stl-arrow-offset, 50%) - 6px)}.shop-the-look__card[data-placement=bottom]:before{top:-6px;left:calc(var(--stl-arrow-offset, 50%) - 6px)}.shop-the-look__card[data-placement=top]:before{bottom:-6px;left:calc(var(--stl-arrow-offset, 50%) - 6px)}}@media(prefers-reduced-motion:reduce){.shop-the-look__hotspot-dot{transition:none}.shop-the-look__hotspot:hover .shop-the-look__hotspot-dot{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/shop-the-look.css.map */