.shop-the-look--root{display:block}.shop-the-look--block{display:flex;align-items:center}@media only screen and (max-width:767px){.shop-the-look--block{flex-direction:column}}.shop-the-look--image{position:relative}@media only screen and (max-width:767px){.shop-the-look--image{width:100%}}@media only screen and (min-width:768px){.shop-the-look--image{width:calc(100% - 300px + var(--spacing--block))}}.shop-the-look--products{display:grid;position:relative}@media only screen and (max-width:767px){.shop-the-look--products{margin-top:var(--spacing--neg-block);width:calc(100% - 2 * var(--spacing--block))}}@media only screen and (min-width:768px){.shop-the-look--products{margin-left:var(--spacing--neg-block);width:300px}}.shop-the-look--product{grid-area:1/-1}.shop-the-look--product[aria-hidden=false]{z-index:1}@media only screen and (min-width:768px){.shop-the-look--product[data-transition-item][data-transition-type=slide-in]{transform:translate3d(32px,0,0)}}.shop-the-look--product .product--image-wrapper{border-radius:var(--image--radius);overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.3);background-color:var(--bg-color--body)}@media only screen and (min-width:768px){.shop-the-look--product .product--details-container{padding:var(--spacing--item) var(--spacing--block) 0}}.shop-the-look--button{display:block;height:unset;position:absolute;border-radius:50%;background:0 0;z-index:2}@media only screen and (max-width:767px){.shop-the-look--button{padding:18px;left:calc(var(--mobile-x-pos) - 24px);top:calc(var(--mobile-y-pos) - 24px)}.shop-the-look--button[data-transition-active=true]{padding:10px;left:calc(var(--mobile-x-pos) - 16px);top:calc(var(--mobile-y-pos) - 16px)}}@media only screen and (min-width:768px){.shop-the-look--button{padding:var(--spacing--3);left:calc(var(--x-pos) - 20px);top:calc(var(--y-pos) - 20px)}.shop-the-look--button[data-transition-active=true]{padding:var(--spacing--1);left:calc(var(--x-pos) - 12px);top:calc(var(--y-pos) - 12px)}}.shop-the-look--button:focus-visible,.shop-the-look--button:hover{background:0 0}.shop-the-look--hotspot{position:relative;display:flex;width:13px;height:13px;background-color:#fff;border-radius:50%;pointer-events:none}.shop-the-look--root[data-hotspot-color=white] .shop-the-look--hotspot{background-color:#fff}.shop-the-look--root[data-hotspot-color=white] .shop-the-look--hotspot:after{background-color:#fff}.shop-the-look--root[data-hotspot-color=light] .shop-the-look--hotspot{background-color:var(--bg-color--light)}.shop-the-look--root[data-hotspot-color=light] .shop-the-look--hotspot:after{background-color:var(--bg-color--light)}.shop-the-look--root[data-hotspot-color=dark] .shop-the-look--hotspot{background-color:var(--bg-color--dark)}.shop-the-look--root[data-hotspot-color=dark] .shop-the-look--hotspot:after{background-color:var(--bg-color--dark)}.shop-the-look--root[data-hotspot-color=accent-1] .shop-the-look--hotspot{background-color:var(--color--accent-1)}.shop-the-look--root[data-hotspot-color=accent-1] .shop-the-look--hotspot:after{background-color:var(--color--accent-1)}.shop-the-look--root[data-hotspot-color=accent-2] .shop-the-look--hotspot{background-color:var(--color--accent-2)}.shop-the-look--root[data-hotspot-color=accent-2] .shop-the-look--hotspot:after{background-color:var(--color--accent-2)}.shop-the-look--hotspot:after{content:"";position:absolute;width:100%;height:100%;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite;border-radius:50%;opacity:.8}@media only screen and (min-width:768px){.shop-the-look--navigation{display:flex;justify-content:center;padding-top:var(--spacing--item);gap:8px}}.shop-the-look--navigation .shop-the-look--dot{border-radius:50%;height:12px;width:12px;padding:0}.shop-the-look--navigation .shop-the-look--dot:hover{cursor:pointer}.shop-the-look--root[data-light-text=false] .shop-the-look--navigation .shop-the-look--dot{border:2px solid var(--color--body);background:0 0}.shop-the-look--root[data-light-text=false] .shop-the-look--navigation .shop-the-look--dot:hover,.shop-the-look--root[data-light-text=false] .shop-the-look--navigation .shop-the-look--dot[aria-current=true]{background:var(--color--body)}.shop-the-look--root[data-light-text=true] .shop-the-look--navigation .shop-the-look--dot{border:2px solid var(--bg-color--body);background:0 0}.shop-the-look--root[data-light-text=true] .shop-the-look--navigation .shop-the-look--dot:hover,.shop-the-look--root[data-light-text=true] .shop-the-look--navigation .shop-the-look--dot[aria-current=true]{background:var(--bg-color--body)}@keyframes ping{100%,75%{transform:scale(2.3);opacity:0}}