lookbook-component{display:block;position:relative}lookbook-component .lookbook--placeholder.media--adapt{font-size:0;height:auto;padding-bottom:0}lookbook-component .quick-view__summary{position:static;width:auto;height:auto;background-color:transparent;transform:none;box-shadow:none;transition:none}lookbook-component .quick-view__summary:after{content:none}.lookbook--placeholder{background-color:#00000080}.look__hotspot{z-index:1;position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.look__hotspot.look__hotspot-1{left:var(--hotspot-x-2);top:var(--hotspot-y-2)}.look__hotspot.look__hotspot-2{left:var(--hotspot-x-3);top:var(--hotspot-y-3)}@media (max-width:767px){.look__hotspot{left:var(--hotspot-xs-x);top:var(--hotspot-xs-y)}.look__hotspot.look__hotspot-1{left:var(--hotspot-xs-x-2);top:var(--hotspot-xs-y-2)}.look__hotspot.look__hotspot-2{left:var(--hotspot-xs-x-3);top:var(--hotspot-xs-y-3)}}.look__hotspot.is-active{z-index:2}[data-animate-image] .lookbook use-animate .look__hotspot{opacity:0}[data-animate-image] .lookbook use-animate[animate] .look__hotspot{animation:fade-in var(--duration-long) ease calc(var(--duration-animate) - .25s) forwards}.no-js .lookbook use-animate .look__hotspot{opacity:1}.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:20px;height:20px;background-color:rgb(var(--hotspot-color));transition:all .3s ease-in-out}.look__hotspot.look__hotspot-1:before{background-color:rgb(var(--hotspot-color-2))}.look__hotspot.look__hotspot-2:before{background-color:rgb(var(--hotspot-color-3))}.look__hotspot:after{width:100%;height:100%;background-color:rgba(var(--hotspot-color),.5);animation:hotspot 1.5s ease infinite}.look__hotspot.look__hotspot-1:after{background-color:rgba(var(--hotspot-color-2),.5)}.look__hotspot.look__hotspot-2:after{background-color:rgba(var(--hotspot-color-3),.5)}@media screen and (hover: hover){.look__hotspot:hover,.look__hotspot.active{z-index:2}.look__hotspot:hover:before,.look__hotspot.active:before{transform:scale(1.5)}}.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: 989px){.look__hotspot.is-active .look__hotspot-product{animation-name:hotspot-zoom-in}.look__hotspot{width:60px;height:60px}.look__hotspot:before{width:24px;height:24px}}@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;font-weight:400;line-height:2.2rem}.look__hotspot-product .price{margin-top:.5rem;line-height:1}.look__hotspot-product .price bdi{font-size:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/314/assets/section-lookbook.css.map */