.shop-the-look{--borderInset: 1.5rem}.shop-the-look .h5{--baseSize: .8rem !important}.shop-the-look__container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:3rem 0}.shop-the-look__slides{grid-row:2/3;overflow:auto}.shop-the-look__slides__inner:not(.flickity-enabled){display:flex}.shop-the-look__slides__inner:not(.flickity-enabled) .shop-the-look__slides__slide{flex:100% 0 0}.shop-the-look__slides__inner.flickity-enabled .shop-the-look__slides__slide{min-height:100%;width:100%}.shop-the-look__slides__slide{position:relative;padding:0 calc(1rem + var(--borderInset)) 2rem calc(1rem + var(--borderInset));display:flex;flex-direction:column;align-items:flex-start}.shop-the-look__slides__slide ul{margin-top:0;flex:1}.shop-the-look__slides__slide ul li::marker{color:RGB(var(--color-accent))}.shop-the-look__slides__slide:before{content:"";position:absolute;top:0;bottom:0;left:var(--borderInset);border-left:1px solid RGB(var(--color-accent))}.shop-the-look__slides__slide h3{--color-accent: var(--color-text)}.shop-the-look__image{grid-row:1/3}.shop-the-look__image__inner{width:calc(100% + var(--sectionGuttersSpacing));position:relative}.shop-the-look__image__dots{position:absolute;top:0;right:0;bottom:0;left:0}.shop-the-look__image__dots__dot{all:unset;position:absolute;transform:translate(-50%,-50%);cursor:pointer;border-radius:100%}.shop-the-look__image__dots__dot.__active:before{transform:scale(1)}.shop-the-look__image__dots__dot.__active>span:nth-of-type(2){opacity:1}.shop-the-look__image__dots__dot:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;border:1rem solid RGB(var(--color-text)/.3);border-radius:50%;transform:scale(0);transition:transform .25s ease}@media(hover:hover)and (pointer:fine){.shop-the-look__image__dots__dot:hover{background-color:transparent}.shop-the-look__image__dots__dot:hover>span:nth-of-type(2){opacity:1}}.shop-the-look__image__dots__dot>span:first-child{padding:0!important;height:2.5rem;width:2.5rem;background:RGB(var(--color-text));color:RGB(var(--color-background));border-radius:50%;display:grid;place-content:center}.shop-the-look__image__dots__dot>span:nth-of-type(2){--imageWidth: 50px;position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - .6rem));width:150px;background:RGB(var(--color-text));color:RGB(var(--color-background));border-radius:10px;padding:.75rem var(--imageWidth) .75rem .75rem;pointer-events:none;opacity:0;will-change:opacity;transition:opacity .25s ease}.shop-the-look__image__dots__dot>span:nth-of-type(2) .shop-the-look__image__dots__dot__image{position:absolute;overflow:hidden;left:calc(100% - var(--imageWidth));bottom:0;top:0;right:0;border-bottom-right-radius:10px;border-top-right-radius:10px}.shop-the-look__image__dots__dot>span:nth-of-type(2) .shop-the-look__image__dots__dot__image span{display:block;height:100%;width:max-content}.shop-the-look__image__dots__dot>span:nth-of-type(2) .shop-the-look__image__dots__dot__image span img{height:100%;width:auto;transform-origin:center left;transform:scale(1.1) translateY(1rem)}.shop-the-look__image__dots__dot>span:nth-of-type(2):after{content:"";position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%);border-left:.35rem solid transparent;border-right:.35rem solid transparent;border-top:.6rem solid RGB(var(--color-text))}.shop-the-look__image__arrows,.shop-the-look__image__arrows.basic-slider__arrows{right:unset;left:var(--sliderArrowSize);bottom:calc(var(--sliderArrowSize) / 2)}.shop-the-look.__layout-default .shop-the-look__heading,.shop-the-look.__layout-default .shop-the-look__slides{grid-column:1/2}.shop-the-look.__layout-default .shop-the-look__image{grid-column:2/3}.shop-the-look.__layout-reversed{--borderInset: 3.5rem}.shop-the-look.__layout-reversed .shop-the-look__heading,.shop-the-look.__layout-reversed .shop-the-look__slides{grid-column:2/3}.shop-the-look.__layout-reversed .shop-the-look__heading{padding-left:calc(var(--borderInset) - 1rem)}.shop-the-look.__layout-reversed .shop-the-look__slides__slide{padding-right:0}.shop-the-look.__layout-reversed .shop-the-look__image{grid-column:1/2}.shop-the-look.__layout-reversed .shop-the-look__image__inner{transform:translate(calc(var(--sectionGuttersSpacing) * -1))}@media(max-width:676px){.shop-the-look{padding-left:0!important;padding-right:0!important}.shop-the-look__heading{padding-left:var(--sectionGuttersSpacing);padding-right:var(--sectionGuttersSpacing)}.shop-the-look__container{display:block}.shop-the-look__image{margin-bottom:calc(var(--sectionVerticalSpacing) / 2)}.shop-the-look__image__inner{width:100%}.shop-the-look__image__dots__dot span:first-child{--baseSize: .5rem !important;height:2rem;width:2rem}.shop-the-look__image__dots__dot span:nth-of-type(2){width:60px;height:60px;padding:0}.shop-the-look__image__dots__dot span:nth-of-type(2) .shop-the-look__image__dots__dot__popup-text{display:none}.shop-the-look__image__dots__dot span:nth-of-type(2) .shop-the-look__image__dots__dot__image{top:0;right:0;bottom:0;left:0}.shop-the-look__image__dots__dot span:nth-of-type(2) .shop-the-look__image__dots__dot__image span img{height:100%;transform:scale(1) translate(10%,20%)}.shop-the-look__image__arrows,.shop-the-look__image__arrows.basic-slider__arrows{left:unset;right:var(--sectionGuttersSpacing);bottom:calc(var(--sliderArrowSize) / -2)}.shop-the-look__slides__slide{padding:0 var(--sectionGuttersSpacing)}.shop-the-look__slides__slide:before{left:calc(var(--sectionGuttersSpacing) / 2)}.shop-the-look.__layout-reversed .shop-the-look__heading{padding-left:var(--sectionGuttersSpacing)}.shop-the-look.__layout-reversed .shop-the-look__slides__slide{padding-right:var(--sectionGuttersSpacing)}.shop-the-look.__layout-reversed .shop-the-look__image__inner{transform:translate(0);width:100%}}
/*# sourceMappingURL=/cdn/shop/t/633/assets/shop-the-look.css.map */