.before-after-section{padding:4rem 1.5rem;background-color:#fff8e4;text-align:center}.before-after-section .section-subtitle{font-family:var(--font-body-family, "Akatab", sans-serif);font-size:calc(var(--font-heading-scale, 1) * 1.5rem);font-weight:600;color:#3a4284;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.before-after-section .section-title{font-family:var(--font-heading-family, "Belkin", sans-serif);font-size:calc(var(--font-heading-scale, 1) * 3rem);font-weight:800;color:#1a1a1a;margin:0 0 1.25rem;line-height:calc(1 + .3/max(1,var(--font-heading-scale, 1)))}.before-after-section .section-description{font-family:var(--font-body-family, "Akatab", sans-serif);font-size:1.5rem;color:#555;max-width:620px;margin:0 auto 3rem;line-height:calc(1 + .8 / var(--font-body-scale, 1))}@media(min-width:750px){.before-after-section .section-subtitle{font-size:calc(var(--font-heading-scale, 1) * 1.7rem)}.before-after-section .section-title{font-size:calc(var(--font-heading-scale, 1) * 4rem)}.before-after-section .section-description{font-size:1.6rem}}.ba-slider{position:relative;max-width:600px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #0000001f;cursor:ew-resize;-webkit-user-select:none;user-select:none;aspect-ratio:1 / 1}.ba-slider img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba-slider .ba-after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ba-slider .ba-after img{position:absolute;top:0;left:0;width:100%;height:100%}.ba-slider .ba-before{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;z-index:2}.ba-slider .ba-before img{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ba-slider-width, 600px);max-width:none;object-fit:cover}.ba-slider .ba-handle{position:absolute;top:0;left:50%;width:3px;height:100%;background:#fff;z-index:3;transform:translate(-50%);box-shadow:0 0 8px #0000004d}.ba-slider .ba-handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #00000040;display:flex;align-items:center;justify-content:center;gap:6px;z-index:4}.ba-slider .ba-handle-circle .ba-arrow{width:0;height:0;border-style:solid}.ba-slider .ba-handle-circle .ba-arrow-left{border-width:5px 7px 5px 0;border-color:transparent #555 transparent transparent}.ba-slider .ba-handle-circle .ba-arrow-right{border-width:5px 0 5px 7px;border-color:transparent transparent transparent #555}.ba-slider .ba-label{position:absolute;bottom:16px;z-index:5;font-family:var(--font-body-family, "Akatab", sans-serif);font-size:1.3rem;font-weight:600;color:#fff;background:#00000073;padding:6px 18px;border-radius:20px;letter-spacing:.03em;pointer-events:none}.ba-slider .ba-label-before{left:16px}.ba-slider .ba-label-after{right:16px}@media(max-width:749px){.before-after-section{padding:3rem 1rem}.ba-slider{max-width:100%;border-radius:8px}.ba-slider .ba-handle-circle{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/before-after-slider.css.map */