.shop-the-look{width:100%}.shop-the-look__grid{display:grid;grid-template-columns:1fr}@media screen and (min-width:768px){.shop-the-look__grid{grid-template-columns:1fr 1fr}}.shop-the-look__grid--stack-mobile{grid-template-columns:1fr}@media screen and (min-width:768px){.shop-the-look__grid--stack-mobile{grid-template-columns:1fr 1fr}}@media screen and (max-width:767px){.shop-the-look__grid--side-by-side-mobile{grid-template-columns:1fr 1fr}}.shop-the-look__item{display:flex;flex-direction:column;min-width:0}.shop-the-look__media{position:relative;width:100%;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.shop-the-look__media--adapt{height:0}.shop-the-look__image{display:block;width:100%;height:100%;object-fit:cover}.shop-the-look__media--adapt .shop-the-look__image{position:absolute;top:0;right:0;bottom:0;left:0}.shop-the-look__placeholder{display:block;width:100%;min-height:40rem}.shop-the-look__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.shop-the-look__hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;z-index:2}.shop-the-look__hotspot-button{position:relative;display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:0;border-radius:50%;background:var(--shop-the-look-hotspot-color, #ffffff);box-shadow:0 1px 4px #00000040;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .2s ease}.shop-the-look__hotspot-button:after{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem;border-radius:50%;border:1px solid var(--shop-the-look-hotspot-color, #ffffff);opacity:.55;animation:shop-the-look-pulse 2s ease-out infinite}.shop-the-look__hotspot.is-active .shop-the-look__hotspot-button,.shop-the-look__hotspot:focus-within .shop-the-look__hotspot-button{transform:scale(1.1)}@keyframes shop-the-look-pulse{0%{transform:scale(.7);opacity:.6}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}@media(prefers-reduced-motion:reduce){.shop-the-look__hotspot-button:after{animation:none}}.shop-the-look__card{position:absolute;top:calc(100% + 1rem);left:50%;z-index:3;width:max-content;min-width:18rem;max-width:min(24rem,calc(100vw - 3rem));padding:.8rem;background:#fff;box-shadow:0 4px 20px #00000026;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,.4rem);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.shop-the-look__hotspot.is-active .shop-the-look__card,.shop-the-look__hotspot:focus-within .shop-the-look__card{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.shop-the-look__hotspot--card-top .shop-the-look__card{top:auto;bottom:calc(100% + 1rem);transform:translate(-50%,-.4rem)}.shop-the-look__hotspot--card-top.is-active .shop-the-look__card,.shop-the-look__hotspot--card-top:focus-within .shop-the-look__card{transform:translate(-50%)}.shop-the-look__hotspot--card-left .shop-the-look__card{left:auto;right:calc(100% + 1rem);top:50%;transform:translate(.4rem,-50%)}.shop-the-look__hotspot--card-left.is-active .shop-the-look__card,.shop-the-look__hotspot--card-left:focus-within .shop-the-look__card{transform:translateY(-50%)}.shop-the-look__hotspot--card-right .shop-the-look__card{left:calc(100% + 1rem);top:50%;transform:translate(-.4rem,-50%)}.shop-the-look__hotspot--card-right.is-active .shop-the-look__card,.shop-the-look__hotspot--card-right:focus-within .shop-the-look__card{transform:translateY(-50%)}.shop-the-look__card-link{display:grid;grid-template-columns:5.6rem 1fr;gap:.8rem;align-items:center;text-decoration:none;color:inherit}.shop-the-look__card-image{display:block;width:5.6rem;height:5.6rem;object-fit:cover;background:rgba(var(--color-foreground),.04)}.shop-the-look__card-info{display:flex;flex-direction:column;gap:.2rem;min-width:0;text-align:left}.shop-the-look__card-title{margin:0;font-family:var(--font-body-family);font-size:1.3rem;font-weight:400;line-height:1.3;color:rgb(var(--color-foreground))}.shop-the-look__card .price{margin:0;font-size:1.2rem}.shop-the-look__card .price dl,.shop-the-look__card .price dd,.shop-the-look__card .price dt{margin:0}.shop-the-look__footer{display:flex;align-items:center;padding:1.2rem 1.6rem 1.6rem;background:#fff}.shop-the-look__cta{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-body-family);font-size:1.4rem;font-weight:400;line-height:1.2;letter-spacing:.01em;text-decoration:none;color:rgb(var(--color-foreground));text-transform:none}.shop-the-look__cta:hover{text-decoration:underline;text-underline-offset:.3rem}.shop-the-look__cta-icon{display:inline-flex;width:1.6rem;height:1.6rem;flex-shrink:0}.shop-the-look__cta-icon .icon,.shop-the-look__cta-icon svg{width:100%;height:100%}.shop-the-look__cta--disabled{pointer-events:none;opacity:.5}@media screen and (max-width:767px){.shop-the-look__footer{padding:1rem 1.2rem 1.2rem}.shop-the-look__cta{font-size:1.2rem}.shop-the-look__hotspot-button{width:1.5rem;height:1.5rem}.shop-the-look__card{min-width:16rem;max-width:min(22rem,calc(100vw - 2rem))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-shop-the-look.css.map */