.koffi-ba{position:relative;padding:var(--koffi-pad-y) 0;color:var(--koffi-text);overflow:clip}.koffi-ba__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--koffi-bg);z-index:0}.koffi-ba__container{position:relative;z-index:1;max-width:var(--koffi-max);margin:0 auto;padding:0 var(--koffi-pad-x);display:grid;gap:18px}.koffi-ba__header{display:grid;gap:8px;text-align:center}.koffi-ba__eyebrow{display:inline-flex;justify-content:center;margin:0 auto;padding:8px 12px;border-radius:999px;border:1px solid var(--koffi-border);background:var(--koffi-card);color:var(--koffi-muted);text-transform:uppercase;letter-spacing:.08em;font-size:var(--koffi-eye)}.koffi-ba__heading{margin:0;font-size:var(--koffi-h);line-height:1.15;letter-spacing:-.02em}.koffi-ba__subheading{color:var(--koffi-muted);font-size:var(--koffi-sub);line-height:1.6}.koffi-ba__subheading p{margin:0}.koffi-ba__frame{position:relative;border-radius:var(--koffi-radius);border:1px solid var(--koffi-border);background:var(--koffi-card);overflow:hidden;height:var(--koffi-height)}@media (max-width: 749px){.koffi-ba__frame{height:var(--koffi-height-m)}}.koffi-ba__media,.koffi-ba__img{position:absolute;top:0;right:0;bottom:0;left:0}.koffi-ba__image,.koffi-ba__ph{width:100%;height:100%;object-fit:cover;display:block}.koffi-ba__img--before{clip-path:inset(0 50% 0 0)}.koffi-ba__divider{position:absolute;top:0;bottom:0;left:50%;width:var(--koffi-divider);background:color-mix(in srgb,var(--koffi-border) 70%,transparent);transform:translate(calc(var(--koffi-divider) / -2));pointer-events:none}.koffi-ba__handle{position:absolute;top:50%;left:50%;width:var(--koffi-handle);height:var(--koffi-handle);transform:translate(-50%,-50%);border-radius:999px;border:var(--koffi-handle-border) solid var(--koffi-border);background:#00000059;color:var(--koffi-text);display:grid;place-items:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.koffi-ba__handle:active{cursor:grabbing}.koffi-ba__handleIcon{font-size:16px;letter-spacing:.08em;opacity:.95}.koffi-ba__label{position:absolute;top:14px;padding:8px 12px;border-radius:999px;border:1px solid var(--koffi-border);background:#00000059;color:var(--koffi-text);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.koffi-ba__label--before{left:14px}.koffi-ba__label--after{right:14px}.koffi-ba__badge{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:999px;border:1px solid var(--koffi-border);background:#00000059;color:var(--koffi-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.koffi-ba__range{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:ew-resize}.koffi-ba__range:focus-visible+.koffi-ba__badge{outline:2px solid var(--koffi-accent);outline-offset:4px}.koffi-ba__img.koffi-ba__img--after svg{fill:#fff;stroke:#fff;stroke-width:1px}@media (prefers-reduced-motion: reduce){.koffi-ba__handle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/koffi-before-after.css.map */