.shop-the-look-3{width:100%;height:100%;box-sizing:border-box}@media (min-width: 1200px){.shop-the-look-3--modifier .shop-the-look-3__grid{height:100%;display:flex;border:none}.shop-the-look-3--modifier .shop-the-look-3__item{height:100%;width:50%}.shop-the-look-3--modifier .shop-the-look-3__image,.shop-the-look-3--modifier .shop-the-look-3__hotpost{height:100%}}.shop-the-look-3:has(.xo-button-click--active) .button-slide{scale:.5}@media (min-width: 992px){.shop-the-look-3:not(:has(.shop-the-look-3__navigation-wrap)) .shop-the-look-3__carousel-inner{z-index:100;pointer-events:none}}.shop-the-look-3__hotpost{position:relative;width:100%;height:100%}.shop-the-look-3__grid{column-gap:0;row-gap:0}@media (min-width: 992px){.shop-the-look-3__grid{border-top:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent);border-bottom:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}}.shop-the-look-3__item{height:100%;width:100%;position:relative}.shop-the-look-3__item--first{padding:0 0 1.4rem}@media (min-width: 740px){.shop-the-look-3__item--first{padding:1.4rem 0;border-top:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}}@media (min-width: 992px){.shop-the-look-3__item--first{padding:.8rem .8rem .8rem 0;border-top:none;border-inline-end:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}}@media (min-width: 1400px){.shop-the-look-3__item--first{padding:1.4rem 1.4rem 1.4rem 0}}.shop-the-look-3__item--second{padding:1.4rem 0 0;border-top:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}@media (min-width: 740px){.shop-the-look-3__item--second{padding:1.4rem 0;border-bottom:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}}@media (min-width: 992px){.shop-the-look-3__item--second{padding:.8rem 0 .8rem .8rem;border:none}}@media (min-width: 1400px){.shop-the-look-3__item--second{padding:1.4rem 0 1.4rem 1.4rem}}.shop-the-look-3__image-text{position:relative;width:100%;height:auto;background:none}@media (min-width: 992px){.shop-the-look-3__image-text{height:100%}}.shop-the-look-3__image{width:100%;height:100%}.shop-the-look-3__image--desktop{display:none}@media (min-width: 740px){.shop-the-look-3__image--desktop{display:block}}.shop-the-look-3__image--mobile{display:block}@media (min-width: 740px){.shop-the-look-3__image--mobile{display:none}}.shop-the-look-3__text{position:absolute;top:0;z-index:9;width:100%;height:100%;padding:1.9rem 1.8rem}[dir=ltr] .shop-the-look-3__text{left:0}[dir=rtl] .shop-the-look-3__text{right:0}@media (min-width: 740px){.shop-the-look-3__text{display:flex;flex-direction:column-reverse;justify-content:space-between;padding:2.7rem 3.3rem 3.2rem;flex-direction:column}}@media (min-width: 992px){.shop-the-look-3__text{padding:2.4rem 2rem}}@media (min-width: 1400px){.shop-the-look-3__text{padding:4.1rem 3rem 2.5rem}}.shop-the-look-3__text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;background-color:rgba(var(--color-overlay),.2)}.shop-the-look-3__heading{display:none;width:100%;padding-bottom:1.6rem}@media (min-width: 740px){.shop-the-look-3__heading{display:block;padding-bottom:0}}.shop-the-look-3__sub-heading{width:100%;max-width:20.8rem;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-weight:500;font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1 + .42 / var(--font-body-scale));opacity:.67;word-break:break-word;word-wrap:break-word}@media (min-width: 740px){.shop-the-look-3__sub-heading{max-width:29.8rem;font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .4 / var(--font-body-scale));opacity:.75}}@media (min-width: 992px){.shop-the-look-3__sub-heading{max-width:19.2rem;font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1 + .42 / var(--font-body-scale))}}@media (min-width: 1400px){.shop-the-look-3__sub-heading{max-width:29.8rem;font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .4 / var(--font-body-scale))}}.shop-the-look-3__head,.shop-the-look-3__head .shop-the-look-3__heading{display:block}@media (min-width: 740px){.shop-the-look-3__head{display:none}}.shop-the-look-3__navigation{position:absolute;bottom:0;z-index:9;display:flex;gap:.8rem;padding:2.4rem}[dir=ltr] .shop-the-look-3__navigation{right:0}[dir=rtl] .shop-the-look-3__navigation{left:0}@media (min-width: 992px){.shop-the-look-3__navigation{display:none}}.shop-the-look-3__cursor[xo-is-hovering-button][xo-active]{opacity:0;transform:translate3d(-50%,-50%,0) scale(0)}.shop-the-look-3__prev,.shop-the-look-3__next{position:absolute;top:0;width:100%;height:100%;z-index:9;cursor:pointer}[dir=ltr] .shop-the-look-3__prev,[dir=ltr] .shop-the-look-3__next{left:0}[dir=rtl] .shop-the-look-3__prev,[dir=rtl] .shop-the-look-3__next{right:0}.shop-the-look-3:has(.shop-the-look-3__slide:first-child[xo-active][xo-visible]) .shop-the-look-3__cursor--prev{opacity:0;transform:translate3d(-50%,-50%,0) scale(0);pointer-events:none}.shop-the-look-3:has(.shop-the-look-3__slide:first-child[xo-active][xo-visible]) .shop-the-look-3__prev{pointer-events:none}.shop-the-look-3:has(.shop-the-look-3__slide:last-child[xo-active][xo-visible]) .shop-the-look-3__cursor--next{opacity:0;transform:translate3d(-50%,-50%,0) scale(0);pointer-events:none}.shop-the-look-3:has(.shop-the-look-3__slide:last-child[xo-active][xo-visible]) .shop-the-look-3__next{pointer-events:none}.is-mobile .shop-the-look-3__prev,.is-mobile .shop-the-look-3__next{display:none;pointer-events:none}.is-mobile .shop-the-look-3__cursor{display:none}.shop-the-look-3__prev-modifier,.shop-the-look-3__next-modifier{position:absolute;top:50%;transform:translateY(-50%);z-index:999;cursor:pointer}@media (max-width: 991px){.shop-the-look-3__prev-modifier,.shop-the-look-3__next-modifier{display:none}}.shop-the-look-3__prev-modifier[xo-disabled],.shop-the-look-3__next-modifier[xo-disabled]{pointer-events:none;opacity:.3;cursor:not-allowed}[dir=ltr] .shop-the-look-3__prev-modifier{left:2rem}[dir=rtl] .shop-the-look-3__prev-modifier,[dir=ltr] .shop-the-look-3__next-modifier{right:2rem}[dir=rtl] .shop-the-look-3__next-modifier{left:2rem}
/*# sourceMappingURL=/cdn/shop/t/19/assets/shop-the-look-3.css.map */