.before-after{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.before-after__frame{--ba-pos: 50;position:relative;max-width:62rem;margin-inline:auto;aspect-ratio:var(--ba-ratio, 4 / 3);overflow:hidden;border-radius:6px;background:var(--ga-surface-tint, rgba(43, 36, 32, .05));touch-action:pan-y;user-select:none;-webkit-user-select:none}.before-after__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.before-after__img.placeholder{fill:rgb(var(--ga-accent-rgb) / .5)}.before-after__img--after{clip-path:inset(0 calc((100 - var(--ba-pos)) * 1%) 0 0)}.before-after__label{position:absolute;inset-block-end:1.2rem;z-index:3;padding:.4rem 1.1rem;border-radius:100px;background:#2b24209e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#f5efe4;font-size:1.15rem;font-weight:600;letter-spacing:.04em;pointer-events:none}.before-after__label--before{inset-inline-start:1.2rem}.before-after__label--after{inset-inline-end:1.2rem}.before-after__divider{position:absolute;inset-block:0;left:calc(var(--ba-pos) * 1%);width:2px;transform:translate(-1px);background:#f5efe4;z-index:4;pointer-events:none}.before-after__handle{position:absolute;top:50%;left:calc(var(--ba-pos) * 1%);transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:#f5efe4;color:#2b2420;box-shadow:0 2px 14px #2b242047;pointer-events:none}.before-after__handle svg{width:2rem;height:2rem}.before-after__frame:focus-within .before-after__handle{outline:2px solid var(--ga-accent);outline-offset:3px}.before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:6}@media(hover:none){.before-after__range{cursor:default}}.before-after__caption{margin:1.4rem auto 0;max-width:62rem;text-align:center;font-size:1.25rem;color:rgba(var(--color-foreground),.55)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/before-after.css.map */