.shop-the-look__item{top:var(--top-mb);left:var(--left-mb);transform:translate(-50%,-50%)}.shop-the-look__item.active{z-index:4}.shop-the-look__item-icon{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:rgb(var(--hotspot-color));opacity:0;transition:opacity .5s var(--transition-ease-out)}.shop-the-look__item-icon svg{width:3.4rem;height:3.4rem}.shop-the-look__item-inner,.shop-the-look__item-inner:before{width:4rem;height:4rem}.shop-the-look__item-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgb(var(--hotspot-color));background-color:transparent;animation:pulsate 2s ease infinite}.shop-the-look__item-inner:after{content:"";position:absolute;top:50%;left:50%;width:.9rem;height:.9rem;border-radius:50%;transform:translate(-50%,-50%);background-color:rgb(var(--hotspot-color));transition:transform .5s;transition-timing-function:var(--transition-ease-out)}.shop-the-look__item.active:not(:hover) .shop-the-look__item-inner:after{transform:translate(-50%,-50%) scale(1.8)}.shop-the-look__item:hover .shop-the-look__item-icon{opacity:1}.shop-the-look-product{position:absolute;width:300px;transform:scale(.8)!important;pointer-events:none;transition:all .25s ease}.shop-the-look-product:before{content:"";position:absolute;z-index:-1;width:1.5rem;height:1.5rem;border-radius:calc(clamp(0,var(--border-radius-value),3)*1px);background-color:rgb(var(--color-background))}.shop-the-look-product .product-item__vendor{display:none}.shop-the-look-product .product-item__inner{max-width:8rem!important}.shop-the-look__item.active:hover .shop-the-look-product,.shop-the-look.shop-the-look--all-cards-visible .shop-the-look-product{opacity:1;visibility:visible;transform:scale(1)!important}.shop-the-look-product.shop-the-look-product--bottom-right{top:100%;left:0;padding-top:2rem;transform-origin:top left}.shop-the-look-product.shop-the-look-product--bottom-right:before{top:2rem;left:2.5rem;transform:translate(-50%,calc(-50% + 2px)) rotate(45deg)}.shop-the-look-product.shop-the-look-product--bottom-center{top:100%;left:50%;padding-top:2rem;transform:translate(-50%) scale(.8)!important;transform-origin:top center}.shop-the-look__item.active:hover .shop-the-look-product.shop-the-look-product--bottom-center,.shop-the-look.shop-the-look--all-cards-visible .shop-the-look-product.shop-the-look-product--bottom-center{transform:translate(-50%) scale(1)!important}.shop-the-look-product.shop-the-look-product--bottom-center:before{top:2rem;left:50%;transform:translate(-50%,calc(-50% + 2px)) rotate(45deg)}.shop-the-look-product.shop-the-look-product--bottom-left{top:100%;right:0;padding-top:2rem;transform-origin:top right}.shop-the-look-product.shop-the-look-product--bottom-left:before{top:2rem;right:2.5rem;transform:translate(50%,calc(-50% + 2px)) rotate(45deg)}.shop-the-look-product.shop-the-look-product--top-left{bottom:100%;right:0;padding-bottom:2rem;transform-origin:bottom right}.shop-the-look-product.shop-the-look-product--top-left:before{bottom:2rem;right:2.5rem;transform:translate(50%,calc(50% - 2px)) rotate(45deg)}.shop-the-look-product.shop-the-look-product--top-center,.shop-the-look.shop-the-look--all-cards-visible .shop-the-look-product.shop-the-look-product--top-center{bottom:100%;left:50%;padding-bottom:2rem;transform:translate(-50%) scale(.8)!important;transform-origin:bottom center}.shop-the-look__item.active:hover .shop-the-look-product.shop-the-look-product--top-center,.shop-the-look.shop-the-look--all-cards-visible .shop-the-look-product.shop-the-look-product--top-center{transform:translate(-50%) scale(1)!important}.shop-the-look-product.shop-the-look-product--top-center:before{bottom:2rem;left:50%;transform:translate(-50%,calc(50% - 2px)) rotate(45deg)}.shop-the-look-product.shop-the-look-product--top-right{bottom:100%;left:0;padding-bottom:2rem;transform-origin:bottom left}.shop-the-look-product.shop-the-look-product--top-right:before{bottom:2rem;left:2.5rem;transform:translate(-50%,calc(50% - 2px)) rotate(45deg)}@media screen and (max-width: 1024.98px){.shop-the-look>.container-full .section__content--spacing{padding-bottom:0!important}}@media screen and (min-width: 1025px){.shop-the-look__wrapper:before{content:"";display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:linear-gradient(to right,rgba(0,0,0,calc(var(--overlay-opacity) / 100 / 2)) 20%,transparent 50%)}.shop-the-look.shop-the-look--modern .shop-the-look__dots-wrapper{max-width:calc(100% - 31rem)}.shop-the-look .shop-the-look__carousel{display:none!important}.shop-the-look .shop-the-look__products-wrapper{width:35rem;transition:var(--transition)}.shop-the-look.shop-the-look--products-right .shop-the-look__wrapper:before{background-image:linear-gradient(to left,rgba(0,0,0,calc(var(--overlay-opacity) / 100 / 2)) 20%,transparent 50%)}.shop-the-look .shop-the-look__products{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a}.shop-the-look .shop-the-look__product{position:relative;opacity:.8;transition:var(--transition)}.shop-the-look .shop-the-look__product .product-item{transition:var(--transition)}.shop-the-look .shop-the-look__product:before{content:"";display:block;position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;outline:1px solid;pointer-events:none;border-radius:var(--border-radius);opacity:0;transition:opacity .5s var(--transition-ease-out)}.shop-the-look .shop-the-look__product.active,.shop-the-look .shop-the-look__product.active:before{opacity:1}.shop-the-look .shop-the-look__product.active .product-item{transform:scale(1.015)}.shop-the-look__item{top:var(--top);left:var(--left)}.shop-the-look__item-inner,.shop-the-look__item-inner:before{width:5rem;height:5rem}.shop-the-look__item.active:not(:hover) .shop-the-look__item-inner:after{transform:translate(-50%,-50%) scale(2)}}@media screen and (min-width: 1200px){.shop-the-look.shop-the-look--modern .shop-the-look__dots-wrapper{max-width:calc(100% - 35rem)}.shop-the-look .shop-the-look__products-wrapper{width:40rem}}@media screen and (min-width: 1400px){.shop-the-look.shop-the-look--modern .shop-the-look__dots-wrapper{max-width:calc(100% - 39rem)}.shop-the-look .shop-the-look__products-wrapper{width:45rem}}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/166/assets/shop-the-look.css.map */
