[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.shop-the-look-style-1{position:relative}.shop-the-look-style-1__banner .xo-image,.shop-the-look-style-1__banner .xo-image__placeholder,.shop-the-look-style-1__banner .placeholder-svg,.shop-the-look-style-1__banner img{width:100%;height:100%}.shop-the-look-style-1__banner--radius{border-radius:2rem;overflow:hidden}.shop-the-look-style-1__right{height:100%}.shop-the-look-style-1__right{position:relative;height:100%}.shop-the-look-style-1__heading-wrapper{margin-bottom:2rem;width:100%}@media(max-width:767px){.shop-the-look-style-1__heading-wrapper{margin-bottom:1.5rem}}.shop-the-look-style-1__desktop{display:none}@media(min-width:768px){.shop-the-look-style-1__desktop{display:block}}.shop-the-look-style-1__mobile{display:block}@media(min-width:768px){.shop-the-look-style-1__mobile{display:none}}.shop-the-look-style-1__content{position:absolute;z-index:100;top:calc(var(--top_mb) * 1%);left:calc(var(--left_mb) * 1%)}[dir=ltr] .shop-the-look-style-1__content{transform:translate(-50%,-50%)}[dir=rtl] .shop-the-look-style-1__content{transform:translate(50%,-50%)}@media(min-width:768px){.shop-the-look-style-1__content{top:calc(var(--top_dt) * 1%);left:calc(var(--left_dt) * 1%)}}.shop-look-2{position:relative}.shop-look-2__container{position:relative;width:2.4rem;height:2.4rem;cursor:pointer}@media(min-width:768px){.shop-look-2__container{width:var(--size, 3.2rem);height:var(--size, 3.2rem)}}.shop-look-2__point{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:var(--color, #0F61FF)}.shop-look-2__point--1{width:100%;height:100%;opacity:.15;animation:hotspot-pulse 2s ease-in-out infinite;animation-delay:var(--delay, 0s)}.shop-look-2__point--2{width:65%;height:65%;opacity:.3;animation:hotspot-pulse 2s ease-in-out infinite .3s;animation-delay:calc(var(--delay, 0s) + .3s)}.shop-look-2__point--3{width:35%;height:35%;opacity:1}@keyframes hotspot-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.15}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.25}}.shop-the-look-style-1 .shop-look-2__popover[xo-open],.shop-the-look-style-1 .shop-look-2__popover[xo-open][style],.shop-look-2__popover--force-open{opacity:1;visibility:visible;transform:translate(0)}.shop-look-2__trigger{outline:none!important;border:none!important}.shop-look-2__trigger:focus{outline:none!important;border:none!important;box-shadow:none!important}.shop-look-2__trigger:hover{outline:none!important;border:none!important}.shop-look-2__trigger:focus-visible{outline:none!important;border:none!important}.shop-look-2__popover .shop-look-explanation__card{padding:1.6rem;display:flex;flex-direction:column;gap:1.3rem;background:#fff;min-width:300px;max-width:400px;border-radius:.8rem}.shop-look-2__popover--radius .shop-look-explanation__card{border-radius:1.2rem}.shop-look-explanation__heading{width:100%;margin-bottom:.5rem}.shop-look-explanation__heading h3{color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-weight:500;font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .3 / var(--font-body-scale));margin:0;padding:0;opacity:1}.shop-look-explanation__content{display:flex;gap:1.3rem;align-items:flex-start}.shop-look-explanation__image{flex-shrink:0;width:9.4rem;height:11.6rem;border-radius:.8rem;overflow:hidden}.shop-look-explanation__image .xo-image,.shop-look-explanation__image .xo-image__placeholder,.shop-look-explanation__image .placeholder-svg,.shop-look-explanation__image img{width:100%;height:100%;object-fit:cover;border-radius:.8rem}.shop-look-explanation__text{flex:1;line-height:1.6;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);min-width:0;display:flex;flex-direction:column;justify-content:flex-start;padding-top:.2rem}.shop-look-explanation__text p{margin-bottom:.75rem;font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .3 / var(--font-body-scale));opacity:.85}.shop-look-explanation__text p:last-child{margin-bottom:0}@media(max-width:767px){.shop-look-2__popover .shop-look-explanation__card{max-width:300px;min-width:280px;padding:1.25rem;gap:1rem}.shop-look-explanation__image{width:8rem;height:9rem}.shop-look-explanation__text p{font-size:calc(var(--font-body-scale) * 1.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-shop-the-look-style-1.css.map */