.cba{background:var(--cba-bg-color)}.cba--has-bg-image{background-image:var(--cba-bg-image);background-size:var(--cba-bg-size, cover);background-position:var(--cba-bg-position, center center);background-repeat:var(--cba-bg-repeat, no-repeat)}.cba__inner{max-width:1200px;margin:0 auto;padding:var(--cba-padding-top-mobile) 16px var(--cba-padding-bottom-mobile)}.cba__content{max-width:720px;margin:0 auto 2rem}.cba__heading{text-align:var(--cba-heading-align-mobile, center);margin:0 0 1rem;font-size:var(--cba-heading-size-mobile);font-weight:700;color:var(--cba-heading-color);line-height:1.3}.cba__text{color:var(--cba-mobile-text-color);text-align:var(--cba-text-align-mobile, center)}.cba__text p{margin:0 0 .75rem}.cba__text p:last-child{margin-bottom:0}.cba__comparison{position:relative;border-radius:8px;overflow:hidden;-webkit-user-select:none;user-select:none}.cba__comparison--interactive{cursor:col-resize}.cba__comparison-inner{position:relative;width:100%;aspect-ratio:22 / 10;max-height:600px}.cba__comparison-before,.cba__comparison-after{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.cba__comparison-before .cba__img,.cba__comparison-after .cba__img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-drag:none;pointer-events:none}.cba__comparison-after{clip-path:inset(0 0 0 50%);pointer-events:none}.cba__comparison-after--full{clip-path:none}.cba__comparison-after .cba__img{position:absolute;top:0;left:0}.cba__handle{position:absolute;top:0;left:50%;bottom:0;width:4px;margin-left:-2px;background:var(--cba-handle-color);cursor:ew-resize;pointer-events:auto;z-index:2;transition:width .15s ease}.cba__handle:hover,.cba__handle:focus{width:6px;margin-left:-3px;outline:none}.cba__handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--cba-handle-color);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040}.cba__text p{line-height:1.75}.cba__handle-icon svg{width:20px;height:20px}@media(min-width:750px){.cba__text{color:var(--cba-text-color);text-align:var(--cba-text-align-desktop, center)}.cba__inner{padding:var(--cba-padding-top-desktop) 24px var(--cba-padding-bottom-desktop)}.cba__content{margin-bottom:3rem}.cba__heading{font-size:var(--cba-heading-size-desktop);margin-bottom:1.25rem;text-align:var(--cba-heading-align-desktop)}.cba__text{font-size:var(--cba-text-size-desktop)}.cba__comparison-inner{max-height:700px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-content-before-after.css.map */