.stl__subtitle{margin-bottom:.8em;padding:0 20px;font-size:14px;text-align:center}.stl__title{margin-bottom:30px;padding:0 20px;text-align:center}@media(min-width:768px){.stl__title{margin-bottom:50px}}.stl__container{display:flex;width:100%;max-width:1920px;margin:50px auto 0;flex-direction:column}@media(min-width:768px){.stl__container--left{flex-direction:row}.stl__container--right{flex-direction:row-reverse}}.stl__image-wrapper{position:relative;width:100%;flex-shrink:0;background:var(--stl-img-bg, transparent)}.stl__image-wrapper:after{content:"";display:block;padding-top:75%}@media(min-width:768px){.stl__image-wrapper{width:50%;flex:0 0 50%;border:1px solid var(--stl-border-color, #e6e6e6)}}.stl__image-wrapper img,.stl__image-wrapper .shop-the-look__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-desktop-pos, center);display:block}.stl__point{position:absolute;top:var(--pt, 50%);left:var(--pl, 50%);transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:34px;height:34px;padding:0;background:#fff;border:none;border-radius:50%;box-shadow:0 0 10px #0003;cursor:pointer;z-index:2;transition:transform .2s ease,box-shadow .2s ease}.stl__point:hover:not(.is-active){transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 14px #0000004d}@media(min-width:1501px){.stl__point{width:44px;height:44px}}.stl__point svg{width:34px;height:34px;pointer-events:none;display:block}@media(min-width:1501px){.stl__point svg{width:44px;height:44px}}.stl__point svg:last-child{display:none}.stl__point.is-active{pointer-events:none;cursor:default}.stl__point.is-active svg:first-child{display:none}.stl__point.is-active svg:last-child{display:block}.stl__point--animated:not(.is-active){will-change:transform;animation:stl-pulse 2s infinite}@keyframes stl-pulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.stl__point:focus-visible{outline:2px solid var(--color-slider-arrow-background, #000);outline-offset:2px}.stl__slider-wrapper{position:relative;width:100%;flex-shrink:0;display:flex;align-items:center;padding:30px 50px;box-sizing:border-box}@media(min-width:768px){.stl__slider-wrapper{width:50%;flex:0 0 50%;padding:40px 64px}}.stl__track{position:relative;width:100%;min-height:100px}.stl__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;pointer-events:none;transition:opacity .4s ease;visibility:hidden}.stl__slide.is-active{position:relative;opacity:1;pointer-events:auto;visibility:visible}.stl__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;justify-content:center;align-items:center;width:44px;height:44px;padding:0;background-color:var(--color-slider-arrow-background, #fff);color:var(--color-slider-arrow-icon, #000);fill:var(--color-slider-arrow-icon, #000);border:1px solid transparent;border-radius:50%;cursor:pointer;transition:background-color .3s ease,color .3s ease,fill .3s ease,border-color .3s ease,opacity .3s ease}.stl__arrow--prev{left:10px}.stl__arrow--next{right:10px}@media(min-width:768px){.stl__arrow--prev{left:12px}.stl__arrow--next{right:12px}}.stl__arrow:disabled{opacity:.3;cursor:default;pointer-events:none}@media(hover:hover)and (pointer:fine){.stl__arrow:not(:disabled):hover{background-color:var(--color-slider-arrow-background-hover, #000);color:var(--color-slider-arrow-icon-hover, #fff);fill:var(--color-slider-arrow-icon-hover, #fff);border-color:var(--color-slider-arrow-icon-hover, #000)}}.stl__arrow:focus-visible{outline:2px solid var(--color-slider-arrow-background, #000);outline-offset:2px}.stl__arrow svg{width:20px;height:20px;pointer-events:none;display:block}@media(min-width:768px){body.rtl .stl__container--left{flex-direction:row-reverse}body.rtl .stl__container--right{flex-direction:row}}.no-js .stl__arrow,.no-js .stl__point{display:none}.no-js .stl__slide{position:relative;opacity:1;visibility:visible;pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shop-the-look-custom.build.css.map */