@keyframes sonar{0%{transform:translate(-50%,-50%) scale(.9)}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(.9)}}.shop-the-look,.shop-the-look__container,.shop-the-look__image-container{position:relative;width:100%}.shop-the-look__image-container:after{background:rgba(22,34,59,var(--overlay-opacity,.4));content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.shop-the-look__image{display:block;height:auto;width:100%}.shop-the-look__points{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.shop-the-look__point-wrapper{position:absolute;transform:translate(-50%,-50%)}.shop-the-look__point-wrapper.is-active{z-index:2}@media screen and (min-width:750px){.shop-the-look__point-wrapper{left:var(--desktop-left);top:var(--desktop-top)}.shop-the-look__point-wrapper:hover{z-index:2}.shop-the-look__point-wrapper:hover .shop-the-look__point{transform:scale(1.2)}.shop-the-look__point-wrapper:hover .shop-the-look__point:before{animation-play-state:paused}.shop-the-look__point-wrapper:hover .shop-the-look__point-cross,.shop-the-look__point-wrapper:hover .shop-the-look__point-cross:before,.shop-the-look__point-wrapper:hover .shop-the-look__popup{opacity:1;visibility:visible}.shop-the-look__point-wrapper:hover~.shop-the-look__point-wrapper{z-index:1}}@media screen and (max-width:749.98px){.shop-the-look__point-wrapper{left:var(--mobile-left);top:var(--mobile-top)}.shop-the-look__point-wrapper.is-active .shop-the-look__point{transform:scale(1.2)}.shop-the-look__point-wrapper.is-active .shop-the-look__point:before{animation-play-state:paused}.shop-the-look__point-wrapper.is-active .shop-the-look__point-cross,.shop-the-look__point-wrapper.is-active .shop-the-look__point-cross:before,.shop-the-look__point-wrapper.is-active .shop-the-look__popup{opacity:1;visibility:visible}}.shop-the-look__point{background:rgb(var(--color-background));border:2px solid #fff;border-radius:50%;cursor:pointer;height:2rem;padding:0;position:relative;transform-origin:center;transition:all .3s ease;width:2rem;z-index:1}.shop-the-look__point:before{animation:sonar 2s ease-in-out infinite;background:#fff;border-radius:50%;content:"";height:3.2rem;left:50%;opacity:.5;position:absolute;top:50%;width:3.2rem;z-index:1}@media screen and (min-width:750px){.shop-the-look__point:focus,.shop-the-look__point:hover{transform:scale(1.2)}.shop-the-look__point:focus:before,.shop-the-look__point:hover:before{animation-play-state:paused}}.shop-the-look__point-cross{left:4px;top:9px;z-index:2}.shop-the-look__point-cross,.shop-the-look__point-cross:before{background:rgb(var(--color-foreground));display:block;height:1px;opacity:0;position:absolute;transform:rotate(45deg);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:1.2rem}.shop-the-look__point-cross:before{content:"";left:0;top:0;transform:rotate(-90deg)}.shop-the-look__popup{background:rgb(var(--color-background));box-shadow:0 4px 12px rgba(0,0,0,.1);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);height:-moz-fit-content;height:fit-content;max-width:27.8rem;opacity:0;padding:2rem;position:absolute;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:-moz-max-content;width:max-content;z-index:2}@media screen and (min-width:750px){.shop-the-look__popup{left:100%;margin-left:1.2rem;top:50%;transform:translateY(-50%)}.shop-the-look__popup:hover,.shop-the-look__popup:hover~.shop-the-look__point-cross,.shop-the-look__popup:hover~.shop-the-look__point-cross:before{opacity:1;visibility:visible}}@media screen and (max-width:989.98px){.shop-the-look__popup{bottom:2rem;left:50%;margin:0;position:fixed;transform:translateX(-50%);width:calc(100vw - 4rem)}}.shop-the-look__popup-content h3{font-family:var(--font-body-family);font-size:var(--font-size-h5);margin:0 0 10px}.shop-the-look__popup-content p{margin-bottom:0}