.shop-the-look{display:block}.shop-the-look .shop-the-look-slider{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);grid-column-gap:9.6rem;grid-row-gap:0px;max-height:unset;align-items:center;overflow:hidden}.shop-the-look .shop-the-look-slider__slider{padding:0rem 2rem;grid-area:2 / 2 / 5 / 2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.shop-the-look .shop-the-look-slider__slider.splide .splide__track{padding-bottom:2rem;width:100%}.shop-the-look .shop-the-look-slider__slider.splide .splide__slide{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.shop-the-look .shop-the-look-slider__slider.splide .splide__pagination{position:relative;gap:1rem;display:var(--display-pagination)}.shop-the-look .shop-the-look-slider__slider.splide .splide__pagination__page{width:4rem;height:.5rem;border-radius:3px;background-color:var(--color-text);opacity:.5;transform:scale(1);margin:0}.shop-the-look .shop-the-look-slider__slider.splide .splide__pagination__page.is-active{opacity:1}.shop-the-look .shop-the-look-slider__slider .product-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;margin:auto;max-width:32rem}.shop-the-look .shop-the-look-slider__slider .product-item .product-item__meta{align-items:center}.shop-the-look .shop-the-look-slider__image{position:relative;grid-area:1 / 1 / 5 / 2}.shop-the-look .shop-the-look-slider__image-point{position:absolute;width:6rem;height:6rem;border-radius:50%;background-color:transparent;border:2px solid var(--point-color);z-index:1;cursor:pointer;opacity:.7;transition:all .3s ease-in-out}.shop-the-look .shop-the-look-slider__image-point:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border-radius:50%;background-color:var(--point-color)}.shop-the-look .shop-the-look-slider__image-point:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border-radius:50%;border:2px solid var(--point-color);transition:all .2s ease-in-out}.shop-the-look .shop-the-look-slider__image-point:after:hover{width:6rem;height:6rem}.shop-the-look .shop-the-look-slider__image-point:hover,.shop-the-look .shop-the-look-slider__image-point:hover .tooltip__content{opacity:1}.shop-the-look .shop-the-look-slider__image-point:hover:after{width:6rem;height:6rem}.shop-the-look .shop-the-look-slider__image-point--active{opacity:1}.shop-the-look .shop-the-look-slider__image-point--active:after{width:6rem;height:6rem}.shop-the-look .shop-the-look-slider__image img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.shop-the-look .shop-the-look-slider__header{grid-area:1 / 2 / 2 / 2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:2rem}.shop-the-look .shop-the-look-slider__header h2{margin-bottom:1rem}.shop-the-look .shop-the-look-slider__header p{text-align:center;margin-bottom:2rem}@media screen and (max-width: 64em){.shop-the-look .shop-the-look-slider{gap:2rem}}@media screen and (max-width: 48em){.shop-the-look .shop-the-look-slider{display:flex;flex-direction:column;max-height:unset}.shop-the-look .shop-the-look-slider__image{order:2}.shop-the-look .shop-the-look-slider__image-point{scale:.8}.shop-the-look .shop-the-look-slider__header{order:1}.shop-the-look .shop-the-look-slider__slider{order:3}.shop-the-look .shop-the-look-slider__slider--product{max-width:33.5rem}.shop-the-look .shop-the-look-slider__slider--product-image img{width:100%;max-height:100%}.shop-the-look .shop-the-look-slider__slider .product-item{max-width:30rem}}@media screen and (max-width: 40em){.shop-the-look .shop-the-look-slider__slider{padding:0}.shop-the-look .shop-the-look-slider__slider--product{width:100%;max-width:100%}.shop-the-look .shop-the-look-slider__slider--product-image{width:100%;max-height:40rem}}.shop-the-look .shop-the-look-standard{display:flex;flex-direction:column;overflow:hidden}.shop-the-look .shop-the-look-standard__header{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5rem}.shop-the-look .shop-the-look-standard__header h2{margin-bottom:2.5rem}.shop-the-look .shop-the-look-standard__header p{margin-bottom:2rem}.shop-the-look .shop-the-look-standard__images{display:flex}.shop-the-look .shop-the-look-standard__images--left,.shop-the-look .shop-the-look-standard__images--right{width:50%;position:relative}.shop-the-look .shop-the-look-standard__images--left-point,.shop-the-look .shop-the-look-standard__images--right-point{position:absolute;width:6rem;height:6rem;border-radius:50%;background-color:transparent;border:2px solid var(--point-color);z-index:1;cursor:pointer;opacity:.7;transition:all .3s ease-in-out}.shop-the-look .shop-the-look-standard__images--left-point:before,.shop-the-look .shop-the-look-standard__images--right-point:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border-radius:50%;background-color:var(--point-color)}.shop-the-look .shop-the-look-standard__images--left-point:after,.shop-the-look .shop-the-look-standard__images--right-point:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border-radius:50%;border:2px solid var(--point-color);transition:all .2s ease-in-out}.shop-the-look .shop-the-look-standard__images--left-point:after:hover,.shop-the-look .shop-the-look-standard__images--right-point:after:hover{width:6rem;height:6rem}.shop-the-look .shop-the-look-standard__images--left-point:hover,.shop-the-look .shop-the-look-standard__images--right-point:hover,.shop-the-look .shop-the-look-standard__images--left-point:hover .tooltip__content,.shop-the-look .shop-the-look-standard__images--right-point:hover .tooltip__content{opacity:1}.shop-the-look .shop-the-look-standard__images--left-point:hover:after,.shop-the-look .shop-the-look-standard__images--right-point:hover:after{width:6rem;height:6rem}.shop-the-look .shop-the-look-standard__images--left img,.shop-the-look .shop-the-look-standard__images--right img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 48em){.shop-the-look .shop-the-look-standard__header h2{font-size:var(--font-size-phone)}.shop-the-look .shop-the-look-standard__images{flex-direction:column}.shop-the-look .shop-the-look-standard__images--left,.shop-the-look .shop-the-look-standard__images--right{width:100%;height:50rem}}.shop-the-look .tooltip__content{position:absolute;display:flex;flex-direction:column;width:15rem;background-color:var(--color-background);border-radius:1rem;box-shadow:0 0 1rem #0003;padding:1rem;opacity:0;transition:all .3s ease-in-out;left:unset}.shop-the-look .tooltip__content--top{top:-4rem;right:2rem;transform:translate(4rem,-4rem)}.shop-the-look .tooltip__content--bottom{top:4rem;right:2rem;transform:translate(4rem,4rem)}.shop-the-look .tooltip__content--left{top:4rem;left:-2rem;transform:translate(4rem,-4rem)}.shop-the-look .tooltip__content--right{top:4rem;right:-2rem;transform:translate(-4rem,-4rem)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-shop-the-look.css.map */