.shop-the-look{background-repeat:no-repeat;background-size:auto 100%;min-height:60vh}.shop-the-look--image-left{background-position:center left;padding-inline-start:var(--gutter-small);-webkit-padding-start:var(--gutter-small)}.shop-the-look--image-right{background-position:center right;padding-inline-end:var(--gutter-small)}.shop-the-look__image{background:#f4f3f3;background:linear-gradient(90deg,#f4f3f3,#f4f3f300);position:absolute;top:0;height:100%;width:50%;z-index:0}html[dir=rtl] .shop-the-look__image{right:0}html[dir=ltr] .shop-the-look__image{left:0}.shop-the-look__image span,.shop-the-look__image figure{padding-top:0!important;height:100%!important}@media screen and (max-width: 474px){.shop-the-look__image{width:100%;height:50vh}}.shop-the-look__slider{padding:0 var(--grid-gap);width:50%;margin-inline-start:50%;-webkit-margin-start:50%;--col-adjusted-width: 200%}.shop-the-look__slider .grid{--col-size: calc( (var(--col-adjusted-width) - var(--col-gap) * (var(--visible-cols) - 1)) / var(--visible-cols) ) }@media screen and (max-width: 1023px){.shop-the-look__slider{width:66.66%;margin-inline-start:33.33%;-webkit-margin-start:33.33%;--col-adjusted-width: 150%}}@media screen and (max-width: 767px){.shop-the-look__slider{width:50%;margin-inline-start:50%;-webkit-margin-start:50%;--col-adjusted-width: 200%}.shop-the-look__slider .css-slider-index-navigation{display:block!important}.shop-the-look__slider .css-slider-dot-navigation{display:none!important}}@media screen and (max-width: 474px){.shop-the-look__slider{margin-top:50vh;width:100%;margin-inline-start:0;-webkit-margin-start:0;--col-adjusted-width: 100%}}.shop-the-look__slider .star-rating__caption{display:none}.css-slider-custom-navigation{display:flex;margin-bottom:-.625rem}.css-slider-custom-navigation .css-slider-button{margin-inline-start:.75rem;-webkit-margin-start:.75rem;border-radius:100%;border:1px solid;border-color:transparent;opacity:1}.no-touchevents .css-slider-custom-navigation .css-slider-button:hover{border-color:var(--color-borders-main)}.shop-the-look-div .element--height-small{min-height:0}@media screen and (min-width: 768px){.shop-the-look-div .css-slider-container .grid.grid--slider{display:flex;flex-wrap:wrap}.shop-the-look-div.shop-the-look-layout--3 .css-slider-container .grid.grid--slider .product-item{width:calc(33.33333% - 8px)}.shop-the-look-div .css-slider-navigation-container{display:none}.shop-the-look-div.shop-the-look-layout--3.shop-the-look-position--left .shop-the-look__image{width:33.33333%;margin-inline-start:0;-webkit-margin-start:0}.shop-the-look-div.shop-the-look-layout--3.shop-the-look-position--right .shop-the-look__image{width:33.33333%;margin-inline-start:66.66666%;-webkit-margin-start:66.66666%}.shop-the-look-div.shop-the-look-layout--2.shop-the-look-position--left .shop-the-look__image{width:55%;margin-inline-start:0;-webkit-margin-start:0}.shop-the-look-div.shop-the-look-layout--2.shop-the-look-position--right .shop-the-look__image{width:55%;margin-inline-start:45%;-webkit-margin-start:45%}.shop-the-look-div.shop-the-look-layout--3.shop-the-look-position--left .shop-the-look__slider{width:66.66666%;margin-inline-start:33.33333%;-webkit-margin-start:33.33333%}.shop-the-look-div.shop-the-look-layout--3.shop-the-look-position--right .shop-the-look__slider{width:66.66666%;margin-inline-start:0;-webkit-margin-start:0}.shop-the-look-div.shop-the-look-layout--2.shop-the-look-position--left .shop-the-look__slider{width:45%;margin-inline-start:55%;-webkit-margin-start:55%}.shop-the-look-div.shop-the-look-layout--2.shop-the-look-position--right .shop-the-look__slider{width:45%;margin-inline-start:0;-webkit-margin-start:0}.shop-the-look-div .panel{padding:12px 0}}@media screen and (min-width: 1024px){.shop-the-look-div.shop-the-look-layout--3 .css-slider-container .grid.grid--slider .product-item{width:calc(33.33333% - 8px)}.shop-the-look-div.shop-the-look-layout--2 .css-slider-container .grid.grid--slider .product-item{width:calc(50% - 8px)}}@media only screen and (max-width: 1024px) and (min-width: 767px){.shop-the-look-div .css-slider-container .grid.grid--slider .product-item{width:calc(50% - 6px)}}@media screen and (max-width: 474px){.shop-the-look-div .shop-the-look__image{height:30vh!important}.shop-the-look-div .shop-the-look__slider{margin-top:30vh}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-shop-the-look.css.map */