:after,:before,:root{--vh:1vh;--vw:1vw;--svh:1vh}@supports (height:100dvh){:after,:before,:root{--vh:1dvh;--svh:1svh}}@supports (width:100dvw){:after,:before,:root{--vw:1dvw;--vw:1svw}}@-webkit-keyframes delay-pointer-events{0%{visibility:hidden}50%{visibility:hidden}to{visibility:visible}}@keyframes delay-pointer-events{0%{visibility:hidden}50%{visibility:hidden}to{visibility:visible}}.recommendations.row .html-slot-container{width:100%}.hotspot-image-container{position:relative}.hotspot-image-container .spot{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;visibility:hidden}@media (min-width:769px){.hotspot-image-container .spot{width:auto;min-width:70%}}@media (min-width:1048px){.hotspot-image-container .spot{min-width:50%}}@media (min-width:769px){.hotspot-image-container .spot.mobile{display:none}}.hotspot-image-container .spot.desktop{display:none}@media (min-width:769px){.hotspot-image-container .spot.desktop{display:-webkit-box;display:-ms-flexbox;display:flex}}.hotspot-image-container .spot .spot-circle{background-color:#fff;position:absolute;display:block;border-radius:50%;width:15px;height:15px;top:26px;left:26px;z-index:2}.hotspot-image-container .spot .spot-circle:after,.hotspot-image-container .spot .spot-circle:before{content:" ";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;z-index:-1}.hotspot-image-container .spot .spot-circle:before{border:4px solid hsla(0,0%,100%,.5)}.hotspot-image-container .spot .spot-circle:after{border:.25px solid #fff}.hotspot-image-container .spot .spot-container{width:70px;height:70px;position:absolute;top:-26px;left:-26px;visibility:visible;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:1}.hotspot-image-container .spot .spot-container.invisible{opacity:0}@media (max-width:1199.98px){.hotspot-image-container .spot .spot-container.hover{opacity:0}.hotspot-image-container .spot .spot-container.hover~.spot-link{-webkit-animation:delay-pointer-events .2s linear;animation:delay-pointer-events .2s linear;visibility:visible;opacity:1}}@media (min-width:1048px){.hotspot-image-container .spot .spot-container:hover{opacity:0}.hotspot-image-container .spot .spot-container:hover~.spot-link{visibility:visible;opacity:.7}}.hotspot-image-container .spot .spot-link{position:relative;left:var(--hottileOffsetX,0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:0;background-color:#000;border-radius:5px;color:#fff!important;border:1px solid #fff;font-size:16px;padding:5px;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;visibility:hidden;z-index:2}@media (min-width:769px){.hotspot-image-container .spot .spot-link{font-size:.9vw}}@media (min-width:1048px){.hotspot-image-container .spot .spot-link{font-size:.846vw}}.hotspot-image-container .spot .spot-link:hover{opacity:1!important;visibility:visible;cursor:pointer}.hotspot-image-container .spot .spot-link span{width:95%}.hotspot-image-container .spot .spot-link .spot-link-icon{display:block;width:13px;height:13px;background-size:13px;background-image:url(../../../images/icons/hotspotArrow.svg);padding:3px 5px;margin-left:3px}.hotspot-image-container.hover .spot .spot-link{opacity:1}@media (max-width:1199.98px){.hotspot-image-container.hover .spot .spot-link{-webkit-animation:delay-pointer-events .2s linear;animation:delay-pointer-events .2s linear;visibility:visible;opacity:1}}.hotspot-image-container.hover .spot .spot-container{opacity:0}.hotspot-image-container .shop-the-look-image{width:100%;height:auto}