.kz-ba{background:var(--kz-ba-bg);padding-block:var(--kz-ba-pad);box-sizing:border-box}.kz-ba *,.kz-ba *:before,.kz-ba *:after{box-sizing:border-box}.kz-ba__inner{max-width:var(--kz-ba-max);margin-inline:auto;padding-inline:2rem}.kz-ba__head{max-width:64rem;margin:0 auto 3.2rem;text-align:center}.kz-ba__heading{margin:0 0 .4em;color:var(--kz-ba-heading);font-size:clamp(2.56rem,3vw,4rem);line-height:1.1;letter-spacing:-.01em}.kz-ba__text{margin:0;color:var(--kz-ba-text);line-height:1.6}.kz-ba__frame{--pos: 50%;position:relative;height:var(--kz-ba-h);border-radius:var(--kz-ba-radius);overflow:hidden;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;isolation:isolate}.kz-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0}.kz-ba__layer--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0);z-index:1}.kz-ba__img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.kz-ba__ph{position:absolute;top:0;right:0;bottom:0;left:0}.kz-ba__ph--before{background:linear-gradient(135deg,#8a8580,#5c5853)}.kz-ba__ph--after{background:linear-gradient(135deg,#efe7da,#c9b08a)}.kz-ba__label{position:absolute;top:1.6rem;padding:.56rem 1.28rem;border-radius:999px;background:var(--kz-ba-label-bg);color:var(--kz-ba-label);font-size:1.36rem;font-weight:600;line-height:1.2}.kz-ba__label--before{left:1.6rem}.kz-ba__label--after{right:1.6rem}.kz-ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);z-index:2;width:2px;margin-left:-1px;background:var(--kz-ba-handle);outline:none}.kz-ba__knob{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--kz-ba-handle);color:var(--kz-ba-label);transform:translate(-50%,-50%);box-shadow:0 2px 14px #0003;transition:transform .2s ease}.kz-ba__frame.is-dragging .kz-ba__knob{transform:translate(-50%,-50%) scale(1.08)}.kz-ba__handle:focus-visible .kz-ba__knob{outline:2px solid var(--kz-ba-label);outline-offset:3px}@media(max-width:781px){.kz-ba__frame{height:var(--kz-ba-hm)}}@media(prefers-reduced-motion:reduce){.kz-ba__knob{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-kz-before-after.css.map */