.section-shop-the-look{--stl-overlay-rgb: var(--body-text-color);--stl-overlay-opacity: 0;--stl-text-color: rgb(var(--body-text-color));--stl-card-bg: rgb(var(--body-bg-color));--stl-card-color: rgb(var(--body-text-color));--stl-border-radius: 18px;--stl-dot-size: 16px;--stl-ring-size: 30px;--stl-gap: 24px;margin-top:var(--stl-margin-top, 0px);margin-bottom:var(--stl-margin-bottom, 0px);color:var(--stl-text-color)}.section-shop-the-look .fully-spaced-row--medium{padding-left:0;padding-right:0}.section-shop-the-look .container.fully-spaced-row--medium,.section-shop-the-look .container.container--not-mobile.fully-spaced-row--medium{padding-left:20px;padding-right:20px}.shoppable-image__header{max-width:720px;margin:0 auto 24px;text-align:center}.shoppable-image__title{margin:0 0 8px}.shoppable-image__copy{margin:0;color:inherit}.shoppable-image__body{position:relative}.shoppable-image__media{position:relative;border-radius:var(--stl-border-radius);overflow:hidden;background:rgb(var(--body-bg-color));max-height:min(80vh,860px);display:flex;align-items:stretch}.shoppable-image__media img,.shoppable-image__media svg{display:block;width:100%;height:100%;object-fit:cover}.shoppable-image__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--stl-overlay-rgb),var(--stl-overlay-opacity));pointer-events:none}.shoppable-image__dots{position:absolute;top:0;right:0;bottom:0;left:0}.shop-look-dot{position:absolute;transform:translate(-50%,-50%);z-index:1;animation:stl-pop 2.6s ease-in-out infinite}@media (min-width: 750px){.shop-look-dot{left:var(--dot-left);top:var(--dot-top)}}@media (max-width: 749px){.shop-look-dot{left:var(--dot-left-mobile, var(--dot-left));top:var(--dot-top-mobile, var(--dot-top))}}.shop-look-dot__button{position:relative;width:var(--stl-ring-size);height:var(--stl-ring-size);background:transparent;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transform:translateZ(0)}.shop-look-dot__button:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;display:block;-webkit-animation:zoompin .8s ease-out infinite;animation:zoompin .8s ease-out infinite;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:800px;perspective:800px;background-color:#ffffff80;z-index:-1}.shop-look-dot__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(var(--stl-text-color),.4);animation:stl-pulse 2.9s ease-in-out infinite;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.shop-look-dot__core{position:absolute;width:var(--stl-dot-size);height:var(--stl-dot-size);border-radius:50%;background:var(--stl-text-color);box-shadow:0 0 0 4px rgba(var(--stl-text-color),.18);transition:transform .2s ease,box-shadow .25s ease}.shop-look-dot__icon{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:rgb(var(--stl-card-bg));animation:stl-plus-breathe 2.4s ease-in-out infinite}.shop-look-dot__icon svg{width:100%;height:100%;display:block;fill:currentColor}.shop-look-dot__button:focus-visible .shop-look-dot__core{outline:2px solid currentColor;outline-offset:2px}.shop-look-dot__button:hover .shop-look-dot__core,.shop-look-dot__button:focus-visible .shop-look-dot__core,.shop-look-dot.is-active .shop-look-dot__core{transform:scale(1.08);box-shadow:0 0 0 7px rgba(var(--stl-text-color),.28)}.shop-look-dot__button:hover .shop-look-dot__ring,.shop-look-dot__button:focus-visible .shop-look-dot__ring,.shop-look-dot.is-active .shop-look-dot__ring{border-color:rgba(var(--stl-text-color),.7);animation-duration:1.6s;box-shadow:0 0 0 10px rgba(var(--stl-text-color),.07)}.shop-look-dot__button:hover .shop-look-dot__icon,.shop-look-dot__button:focus-visible .shop-look-dot__icon,.shop-look-dot.is-active .shop-look-dot__icon{animation-duration:1.4s;transform:scale(1.1)}.shop-look-dot.is-active{animation:none}.shop-look-dot__card{position:absolute;top:calc(100% + 10px);left:clamp(12%,var(--dot-left, 50%),88%);transform:translate(calc(-50% + var(--card-shift, 0px)),6px);min-width:220px;max-width:min(340px,80vw);background:#fff;color:var(--dot-card-color, var(--stl-card-color));border-radius:14px;box-shadow:0 20px 50px #0000002e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:2}.shop-look-dot--info .shop-look-dot__card{max-width:min(460px,90vw)}.shop-look-dot.is-active .shop-look-dot__card{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.shop-look-card__link,.shop-look-card__placeholder{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:inherit;padding:12px}.shop-look-card__media img,.shop-look-card__image,.shop-look-card__media svg{width:96px;height:auto;border-radius:12px;object-fit:cover;display:block}.shop-look-card__content{display:flex;flex-direction:column;gap:6px;padding:12px}.shop-look-card__content--media{gap:10px}.shop-look-card__vendor{font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.shop-look-card__title{font-size:16px;font-weight:700;margin:0}.shop-look-card__price{font-size:15px;font-weight:600}.shop-look-card__text{font-size:14px;line-height:1.5;margin:0}.shop-look-card__actions{display:flex;gap:10px;align-items:center;margin-top:4px}.shop-look-card__atc{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:rgb(var(--body-bg-color));color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.shop-look-card__atc:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000029}.shop-look-card__atc svg{width:18px;height:18px}.shop-look-card__video video{width:100%;height:auto;border-radius:12px;display:block}@keyframes stl-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.55}to{transform:scale(1);opacity:1}}@keyframes stl-ripple{0%{transform:scale(.7);opacity:.5}60%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}@keyframes stl-pop{0%,to{transform:translate(-50%,-50%) scale(1)}30%{transform:translate(-50%,-50%) scale(1.06)}60%{transform:translate(-50%,-50%) scale(.96)}}@keyframes stl-plus-breathe{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.16);opacity:1}}@keyframes zoompin{0%{transform:scale(.6);opacity:.8}60%{transform:scale(1.2);opacity:.3}to{transform:scale(1.2);opacity:0}}@media (max-width: 749px){.shoppable-image__media{max-height:none}.shop-look-dot__card{position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 32px));max-width:none;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:30}.shop-look-dot.is-active .shop-look-dot__card{transform:translate(-50%,-50%)}.shop-look-dot__card--floating{opacity:1;visibility:visible;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/shop-the-look1.css.map */