.lookbook{position:relative}.look__hotspot{z-index:1;position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);margin-left:-1.6rem;margin-top:-1.6rem;width:3.2rem;height:3.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.look__hotspot.is-active{z-index:2}.lookbook .media:after{content:"";pointer-events:none;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}.look__hotspot:before,.look__hotspot:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.look__hotspot:before{width:1.2rem;height:1.2rem;background-color:rgb(var(--hotspot-color));transition:transform .25s ease}.look__hotspot:after{width:100%;height:100%;background-color:rgba(var(--hotspot-color),.5);animation:hotspot 1.5s ease infinite}@media screen and (hover: hover){.look__hotspot:hover{z-index:2}.look__hotspot:hover:before{transform:scale(2)}}.look__hotspot:empty{display:flex}@keyframes hotspot{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes hotspot-zoom-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes hotspot-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@media screen and (min-width: 750px){.look__hotspot.is-active .look__hotspot-product{animation-name:hotspot-zoom-in}}@media screen and (hover: hover){.look__hotspot:hover .look__hotspot-product{animation-name:hotspot-zoom-in}}.look__hotspot-product{pointer-events:none;z-index:1;position:absolute;display:flex;flex-direction:column;align-items:center;width:18rem;padding:1.2rem 1.6rem;border-radius:1.2rem;background-color:rgb(var(--color-background));box-shadow:0 1rem 2rem rgba(var(--color-foreground),.1),0 2rem 4rem rgba(var(--color-foreground),.2);top:calc(100% + 1rem);opacity:0;animation:hotspot-zoom-out var(--duration-default) ease forwards}.look__hotspot-product:after{content:"";display:block;border-left:.6rem solid transparent;border-right:.6rem solid transparent;border-bottom:.6rem solid rgb(var(--color-background));position:absolute;top:-.6rem}.look__hotspot-product--left{left:0}.look__hotspot-product--left:after{left:1.6rem}.look__hotspot-product--right{right:0}.look__hotspot-product--right:after{right:1.6rem}.look__hotspot-product--bottom{top:auto;bottom:calc(100% + 1rem)}.look__hotspot-product--bottom:after{top:auto;bottom:-.6rem;border-bottom:none;border-top:.6rem solid rgb(var(--color-background))}.look__hotspot-product>*{align-self:flex-start}.look__hotspot-product .h5{font-size:1.4rem}.look__hotspot-product .price{margin-top:.5rem;line-height:1}.look__hotspot-product .price bdi{font-size:1.6rem}.shop-the-look .look__hotspot.focus:before{transform:scale(2)}.shop-the-look .image-with-text__content{width:100%;max-width:100%}.shop-the-look .image-with-text__content .image-with-text__products{display:block;overflow:visible}.shop-the-look .image-with-text__content .image-with-text__products [data-slide-index],.shop-the-look .image-animate{width:100%}.shop-the-look .image-with-text__image-column{height:100%}@media screen and (max-width: 798px){.shop-the-look .flickity-page-dots{bottom:auto;top:-100px}}@media only screen and (max-width: 798px){.shop-the-look .product__thumbnail.one-whole.medium-down--one-half.small-down--one-whole{width:calc(100% - 20px)}}.shop-the-look .image-element__wrap img{mix-blend-mode:darken!important}.shop-the-look .image-tooltip-container:first-child .image-icon{display:none}@media (min-width: 767px){.shop-the-look .product-card{padding-top:8rem}.shop-the-look .product-card-link{min-height:380px}.shop-the-look .product-card-image-wrapper{max-height:420px}.shop-the-look .product-card-info{margin-top:1rem}.shop-the-look .product-card-image-wrapper{margin-top:-15%}.shop-the-look .product-card-price{font-size:1rem}}.shop-the-look .product-card-icon{width:30px;height:30px;margin-right:10px}.shop-the-look .image-element__wrap,.shop-the-look .image-element__wrap img{border-radius:10px}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-shoppable-image.css.map */
