.before-after-section{background-color:var(--color-bg-deep-black);position:relative}.before-after-wrapper{max-width:1080px;margin:0 auto}.ba-slider{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);border:var(--border-medium);overflow:hidden;box-shadow:0 20px 50px #000c;-webkit-user-select:none;user-select:none;touch-action:none}@media(max-width:768px){.ba-slider{aspect-ratio:4 / 3}}.ba-slider__image-before,.ba-slider__image-after{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba-slider__after-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0 0 0 50%);pointer-events:none}.ba-slider__handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:var(--color-accent-red);box-shadow:0 0 12px var(--color-accent-red-glow);cursor:ew-resize;z-index:10;transform:translate(-50%)}.ba-slider__button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background-color:var(--color-bg-graphite);border:2px solid var(--color-accent-red);box-shadow:0 0 20px #d7192080;display:flex;align-items:center;justify-content:center;color:var(--color-text-white);cursor:ew-resize}.ba-slider__button svg{width:20px;height:20px;color:var(--color-text-white)}.ba-slider__label{position:absolute;top:20px;z-index:5;padding:6px 14px;background:#080808d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border-subtle);border-radius:var(--radius-xs);font-family:var(--font-family-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.ba-slider__label--before{left:20px;color:var(--color-text-soft-grey)}.ba-slider__label--after{right:20px;color:var(--color-accent-bright-red);border-color:#d719204d}.ba-slider__caption{text-align:center;margin-top:1.5rem;font-size:.88rem;color:var(--color-text-soft-grey);display:flex;align-items:center;justify-content:center;gap:8px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-before-after.css.map */