.shop-the-look .thb-hotspot-content,.shop-the-look .thb-hotspot-arrow,.shop-the-look .thb-hotspot-bubble{transition:all .5s cubic-bezier(.19,1,.22,1)}.shop-the-look{display:block}.shop-the-look--area{position:relative}.shop-the-look--area img{width:100%}.shop-the-look--mobile{display:block}@media only screen and (min-width: 768px){.shop-the-look--mobile{display:none}}.shop-the-look--mobile .thb-placeholder{height:500px}.shop-the-look--desktop{display:none}@media only screen and (min-width: 768px){.shop-the-look--desktop{display:block}}.shop-the-look--desktop .thb-placeholder{height:600px}.shop-the-look .thb-placeholder{background:var(--color-accent)}.shop-the-look .thb-placeholder svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5}.shop-the-look .thb-hotspot{position:absolute;top:0;left:0;z-index:20}.shop-the-look .thb-hotspot:hover,.shop-the-look .thb-hotspot.loading{z-index:40}.shop-the-look .thb-hotspot:hover .thb-hotspot-arrow,.shop-the-look .thb-hotspot:hover .thb-hotspot-bubble,.shop-the-look .thb-hotspot.loading .thb-hotspot-arrow,.shop-the-look .thb-hotspot.loading .thb-hotspot-bubble{opacity:1;pointer-events:all}.shop-the-look .thb-hotspot:hover .thb-hotspot-arrow,.shop-the-look .thb-hotspot.loading .thb-hotspot-arrow{transform:translateY(0)}.shop-the-look .thb-hotspot:hover .thb-hotspot-bubble,.shop-the-look .thb-hotspot.loading .thb-hotspot-bubble{transform:translate(-50%) translateY(0)}.shop-the-look .thb-hotspot.loading .thb-hotspot-content{border-width:12px}.shop-the-look .thb-hotspot.loading .thb-hotspot-content .loading-overlay{display:flex}.shop-the-look .thb-hotspot-content{width:24px;height:24px;border-radius:100%;background:transparent;border:8px solid var(--bg-body);flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none}.shop-the-look .thb-hotspot-content .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;transform:none;align-items:center;justify-content:center}.shop-the-look .thb-hotspot-content .loading-overlay svg{width:14px}.shop-the-look .thb-hotspot-content .loading-overlay svg circle{stroke:var(--color-body)}.shop-the-look .thb-hotspot-content.thb-pulsate:after,.shop-the-look .thb-hotspot-content.thb-pulsate:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #fff;border-radius:100%;z-index:-1;animation:pulsing 2s infinite}.shop-the-look .thb-hotspot-content.thb-pulsate:after{animation-delay:-.4s}@-moz-keyframes pulsing{to{transform:scale(1.75);opacity:0}}@-webkit-keyframes pulsing{to{transform:scale(1.75);opacity:0}}@-o-keyframes pulsing{to{transform:scale(1.75);opacity:0}}@-ms-keyframes pulsing{.shop-the-look .thb-hotspot-content 100% {transform: scale(1.75); opacity: 0;}}@keyframes pulsing{to{transform:scale(1.75);opacity:0}}.shop-the-look .thb-hotspot-arrow{position:absolute;top:calc(100% + 11px);left:5px;width:0;height:0;border-width:0 11px 10px 11px;border-color:transparent transparent var(--bg-body) transparent;border-style:solid;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transform:translateY(20px);pointer-events:none}.shop-the-look .thb-hotspot-arrow:before{content:"";display:block;position:absolute;top:-11px;left:-26px;width:52px;height:22px}.shop-the-look .thb-hotspot-bubble{position:absolute;top:calc(100% + 21px);left:50%;padding:16px;background:var(--bg-body);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;width:max-content;max-width:325px;align-items:center;opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}.shop-the-look .thb-hotspot-bubble .thb-hotspot-product-image{width:75px;height:75px;margin-right:16px;flex-shrink:0;position:relative}.shop-the-look .thb-hotspot-bubble .thb-hotspot-product-image img{width:100%;height:100%;object-fit:cover}.shop-the-look .thb-hotspot-product-content .thb-hotspot-product-title{font-size:.875rem;line-height:1.375rem}.shop-the-look .thb-hotspot-product-content a{font-size:.75rem;font-weight:var(--font-body-medium-weight, 500)}.swiper-template{max-width:100%}.shop-the-look--carousel{width:100%}.shop-the-look--carousel .swiper-slide img{aspect-ratio:1 / 1;object-fit:cover}.shop-the-look--wrapper{background-color:var(--color-primary-8, #faf8f5);padding:40px 0;position:relative;overflow:hidden}.shop-the-look__heading{font-weight:400;line-height:44px;text-transform:uppercase;margin-bottom:4px;font-size:32px}p.shop-the-look__subheading{font-size:16px;font-style:normal;font-weight:400;line-height:14px;text-transform:uppercase;margin-bottom:0}.shop-the-look--wrapper__top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px}.shop-the-look--wrapper{position:relative;overflow:unset;overflow-x:clip}.shop-the-look--carousel.swiper{overflow:visible}.shop-the-look--carousel .swiper-pagination{display:none}.look-item__user-name{font-size:14px;font-style:normal;font-weight:400;line-height:14px;text-transform:uppercase;margin-top:12px}.shop-the-look--wrapper .swiper-button-next:after,.shop-the-look--wrapper .swiper-button-prev:after{font-size:17px;color:var(--color-primary-2, #222120);transition:all .5s cubic-bezier(.19,1,.22,1)}.shop-the-look--wrapper .thb-hotspot-content{background-image:url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik02LjUgMS43Mjk0OVYxMS43Mjk1TTExLjUgNi43Mjk0OUgxLjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+);background-repeat:no-repeat;background-position:center;background-color:var(--color-primary-9, #fff);background-size:14px;border:none}.look-item__image-wrapper{position:relative}.look-item .thb-hotspot{transform:translate(-50%,-50%)}@media only screen and (min-width: 768px){.look-item .thb-hotspot{left:calc(var(--x, 0) * 1%);top:calc(var(--y, 0) * 1%)}.shop-the-look--wrapper .flickity-nav.flickity-next,.shop-the-look--wrapper .flickity-nav.flickity-prev{opacity:1;display:flex;position:relative;transform:none!important;left:unset;right:unset;top:unset;bottom:unset;margin-top:0;border:none;width:24px;height:24px;background-color:transparent}.shop-the-look--wrapper .flickity-nav.flickity-next svg,.shop-the-look--wrapper .flickity-nav.flickity-prev svg{width:18px;height:18px}.shop-the-look--wrapper .carousel__controls{display:flex;justify-content:center;gap:16px}.shop-the-look--wrapper .swiper-arrows-container{display:flex;justify-content:space-between;gap:16px}.shop-the-look--wrapper .swiper-arrows-container>[class*=swiper-button-]{width:24px;height:24px;background-color:transparent;opacity:1;position:unset;margin-top:0}.shop-the-look--wrapper .swiper-button-next:hover:after,.shop-the-look--wrapper .swiper-button-prev:hover:after{transform:scale(1.2)}}@media only screen and (max-width: 1067px){.shop-the-look--carousel .flickity-slider{--perView: 3.56}}@media only screen and (max-width: 767px){.shop-the-look--wrapper{padding:28px 0 40px}p.shop-the-look__subheading{font-size:14px}.look-item__user-name{font-size:12px;margin-top:8px}.look-item .thb-hotspot{left:calc(var(--xm, var(--x, 0)) * 1%);top:calc(var(--ym, var(--y, 0)) * 1%)}.shop-the-look--wrapper .swiper-button-prev{left:0}.shop-the-look--wrapper .swiper-button-next{right:0}.shop-the-look--wrapper [class*=swiper-button-]{width:48px;height:48px;background-color:var(--color-primary-9, #fff);transform:translateY(-27%)}.shop-the-look--wrapper .swiper-button-next:active:after,.shop-the-look--wrapper .swiper-button-prev:active:after{transform:scale(1.2)}.shop-the-look--wrapper .thb-hotspot-content .thb-hotspot-arrow,.shop-the-look--wrapper .thb-hotspot-content .thb-hotspot-bubble{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shop-the-look.css.map */