.beforeAndAfter{background-color:#f1eae3}.beforeAndAfter__container{max-width:144rem;margin:0 auto;padding:3.2rem 1.6rem}.beforeAndAfter__headingWrap{margin-bottom:2.4rem;text-align:center}.beforeAndAfter__heading{font-family:Garnett,sans-serif;font-size:2.4rem;line-height:3.1rem;font-weight:750;color:#15103d;margin:0}.beforeAndAfter__content{position:relative;display:flex;align-items:center;gap:2rem}.beforeAndAfter__navArrow{display:none;cursor:pointer;flex-shrink:0;width:3.2rem;height:3.2rem;transition:opacity .3s ease}.beforeAndAfter__navArrow svg{width:100%;height:100%}.beforeAndAfter__navArrow.swiper-button-disabled{opacity:.35;cursor:not-allowed;pointer-events:none;opacity:1!important}.beforeAndAfter__navArrow.swiper-button-disabled path{fill:#bfbcb2}.beforeAndAfter__carousel{flex:1;overflow:hidden;padding-bottom:0}.beforeAndAfter__carousel .swiper-wrapper{display:flex}.beforeAndAfter__slide{display:flex;flex-direction:column;background-color:#fff;border-radius:.8rem;overflow:visible;border:.1rem solid #15103d;height:auto}.beforeAndAfter__imagesWrap{display:flex;gap:.4rem;width:100%;border-radius:.8rem .8rem 0 0;overflow:hidden}.beforeAndAfter__imageContainer{position:relative;flex:1;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.beforeAndAfter__image{width:100%;height:100%;display:block}.beforeAndAfter__img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:358 / 362}.beforeAndAfter__label{position:absolute;top:1.2rem;left:1.2rem;background-color:#fff;border:.075rem solid #15103d;border-radius:.8rem;padding:.2rem 1.6rem;z-index:10;opacity:1;visibility:visible;pointer-events:none;transform:translateZ(1px);-webkit-transform:translateZ(1px);will-change:transform}.beforeAndAfter__labelText{font-family:Garnett,sans-serif;font-size:1.2rem;line-height:1.7rem;font-weight:500;color:#15103d;display:block}.beforeAndAfter__details{display:flex;flex-direction:column;gap:.8rem;text-align:center;padding:1.6rem}.beforeAndAfter__description{font-family:Garnett,sans-serif;font-size:1.8rem;line-height:2.6rem;font-weight:500;color:#15103d;margin:0}.beforeAndAfter__name{font-family:Garnett,sans-serif;font-size:1.3rem;line-height:1.7rem;font-weight:400;color:#15103d;margin:0}.beforeAndAfter__progressBar{position:static;height:.3rem;width:100%;background-color:#d9d9d9;border-radius:10rem;margin-top:2.4rem}.beforeAndAfter__progressBar .swiper-pagination-progressbar-fill{background:#15103d;border-radius:10rem}@media (min-width: 768px){.beforeAndAfter__container{padding:3.2rem 4rem}.beforeAndAfter__heading{font-size:3.2rem;line-height:4.2rem}.beforeAndAfter__description{font-size:1.6rem;line-height:2.1rem}.beforeAndAfter__name{font-size:1.3rem;line-height:1.6rem}.beforeAndAfter__labelText{font-size:1.3rem;line-height:1.8rem}.beforeAndAfter__imagesWrap{max-width:71.6rem;margin:0 auto;border-radius:0}.beforeAndAfter__navArrow{display:flex;align-items:center;justify-content:center}.beforeAndAfter__progressBar{display:none}.beforeAndAfter__slide{flex-direction:row;align-items:center;background-color:transparent;border:0;gap:1.6rem}.beforeAndAfter__imagesWrap{max-width:71.6rem;width:100%;gap:.8rem;margin:0}.beforeAndAfter__details{padding:0;max-width:22.1rem}}@media (min-width: 1024px){.beforeAndAfter{padding:4.8rem 0}.beforeAndAfter__container{padding:0 7rem}.beforeAndAfter__headingWrap{margin-bottom:2.4rem}.beforeAndAfter__content{gap:2.4rem;justify-content:space-between}.beforeAndAfter__carousel{padding-bottom:0;max-width:129.9rem;margin:0 auto}.beforeAndAfter__navArrow{width:4.3rem;height:4.3rem}.beforeAndAfter__slide{gap:4.5rem}.beforeAndAfter__imagesWrap{max-width:71.6rem;width:100%;gap:.8rem;margin:0}.beforeAndAfter__imageContainer--before{border-radius:.8rem 0 0 .8rem}.beforeAndAfter__imageContainer--after{border-radius:0 .8rem .8rem 0}.beforeAndAfter__details{max-width:37.1rem;text-align:center;padding:0;gap:1.6rem}.beforeAndAfter__description{font-size:2rem;line-height:2.6rem}.beforeAndAfter__name{font-size:1.6rem;line-height:2.1rem}}@media (min-width: 1440px){.beforeAndAfter__container{padding:0 7rem}.beforeAndAfter__heading{font-size:3.2rem;line-height:4.2rem}}
/*# sourceMappingURL=/cdn/shop/t/525/assets/before-and-after.css.map */