.before-after{background-color:var(--background-color);color:var(--text-color)}.before-after .section-title{color:var(--title-color)}.before-after .swiper-slide{padding-left:calc(calc(100% - calc(var(--page-width) - 10rem)) / 2);padding-right:calc(calc(100% - calc(var(--page-width) - 10rem)) / 2)}.before-after .swiper-scrollbar{bottom:87px;left:auto;right:calc(calc(calc(100% - calc(var(--page-width) - 10rem)) / 2) + 108px);width:calc(calc(var(--page-width) * 33.3 / 100) - 10rem - 30px);height:2px;background-color:#fff6;border-radius:0}.before-after .swiper-scrollbar .swiper-scrollbar-drag{background-color:var(--color-white);border-radius:0;display:block}.before-after .swiper-button-next{top:auto;right:calc(calc(100% - calc(var(--page-width) - 10rem)) / 2);bottom:78px;width:22px;height:22px;color:var(--color-white);background:url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5666 9.81323L9.09996 2.34657L11 0.479899L21.6666 11.1466L11 21.8132L9.09996 19.9466L16.5666 12.4799L0.333291 12.4799L0.333291 9.81323L16.5666 9.81323Z" fill="%23F2F2F2"/></svg>');display:block}.before-after .swiper-button-prev{top:auto;left:auto;right:calc(calc(calc(100% - calc(var(--page-width) - 10rem)) / 2) + 54px);bottom:78px;width:22px;height:22px;color:var(--color-white);background:url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.43337 9.81323L12.9 2.34657L11 0.479899L0.333375 11.1466L11 21.8132L12.9 19.9466L5.43337 12.4799L21.6667 12.4799L21.6667 9.81323L5.43337 9.81323Z" fill="%23F2F2F2"/></svg>');display:block}.before-after .swiper-button-next.swiper-button-disabled,.before-after .swiper-button-prev.swiper-button-disabled{opacity:.6}.before-after .swiper-button-next:after,.before-after .swiper-button-prev:after{content:none}.before-after .before-after--block{display:flex}.before-after .before-after--image{width:66.6%}.before-after .before-after--image img{width:100%;height:auto;display:block}.before-after .before-after--image-ab{display:grid;grid-template-columns:repeat(2,1fr);text-align:center;font-size:19px;line-height:30px;font-weight:600;color:var(--color-background-dark);margin-top:18px}.before-after .before-after--content{width:33.3%;padding:30px 0 30px 30px;display:flex;flex-direction:column;gap:8px}.before-after .before-after--rating{display:flex;align-items:center;gap:8px;font-size:14px;line-height:normal;color:#262c2f99}.before-after .before-after--rating svg{display:block}.before-after .before-after--cta{margin-top:8px}.before-after .before-after--cta .button.button--dark:hover,.before-after .before-after--cta .button.button--dark:focus{background-color:var(--color-white)}@media screen and (max-width: 1439px){.before-after .swiper-slide{padding-left:5rem;padding-right:5rem}.before-after .swiper-scrollbar{right:calc(5rem + 108px);width:calc(33.3% - 10rem - 30px)}.before-after .swiper-button-next{right:5rem}.before-after .swiper-button-prev{right:calc(5rem + 54px)}}@media screen and (max-width: 1023px){.before-after .swiper{padding-bottom:42px}.before-after .swiper-slide{padding-left:20px;padding-right:20px}.before-after .swiper-scrollbar{bottom:0;right:auto;left:20px;width:calc(100% - 40px)}.before-after .swiper-button-next,.before-after .swiper-button-prev{display:none}.before-after .before-after--image,.before-after .before-after--content{width:50%}}@media screen and (max-width: 767px){.before-after .before-after--block{flex-wrap:wrap}.before-after .before-after--image,.before-after .before-after--content{width:100%}.before-after .before-after--content{padding:25px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-before-after.css.map */