.before-after--bg-paper{background:var(--anew-paper)}.before-after--bg-chalk{background:var(--anew-chalk)}.before-after--bg-stone{background:var(--anew-stone-deep)}.before-after--bg-mist{background:var(--anew-mist)}.before-after__intro{max-width:640px;margin:0 auto var(--anew-space-6);text-align:center}@media screen and (min-width:750px){.before-after__intro{margin-bottom:var(--anew-space-8)}}.before-after__eyebrow{margin:0 0 var(--anew-space-2);color:var(--anew-forest)}.before-after__heading{margin:0}.before-after__body{margin:var(--anew-space-3) 0 0;color:var(--anew-fg-2)}.before-after__frame{position:relative;display:block;max-width:1040px;margin:0 auto;aspect-ratio:1 / 1;border-radius:var(--anew-radius-lg);overflow:hidden;background:var(--anew-ink-06);touch-action:pan-y;-webkit-user-select:none;user-select:none}@media screen and (min-width:750px){.before-after__frame{width:min(100%,1040px,calc((100svh - 30rem)/.8));aspect-ratio:5 / 4}}.before-after__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.before-after__image--left{clip-path:inset(0 calc(100% - var(--ba-pos, 50%)) 0 0)}.before-after__label{position:absolute;bottom:var(--anew-space-4);padding:6px var(--anew-space-3);border-radius:var(--anew-radius-pill);background:#1a1e1ab8;color:var(--anew-paper);font-family:var(--anew-font-sans);font-size:var(--anew-text-caption);font-weight:600;letter-spacing:var(--anew-track-micro);line-height:1.3;text-transform:uppercase;pointer-events:none;transition:opacity var(--anew-duration-fast) var(--anew-ease-standard)}.before-after__label--left{left:var(--anew-space-4);background:var(--anew-forest)}.before-after__label--right{right:var(--anew-space-4)}@media screen and (max-width:749px){.before-after__label{bottom:var(--anew-space-3);padding:4px var(--anew-space-2);font-size:var(--anew-text-micro);letter-spacing:.04em}.before-after__label--left{left:var(--anew-space-3)}.before-after__label--right{right:var(--anew-space-3)}}.before-after__label.is-covered{opacity:0}.before-after__divider{position:absolute;top:0;bottom:0;left:var(--ba-pos, 50%);width:2px;margin-left:-1px;background:var(--anew-paper);pointer-events:none}.before-after__handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:6px;width:48px;height:48px;border-radius:var(--anew-radius-pill);background:var(--anew-paper);color:var(--anew-ink);box-shadow:var(--anew-shadow-md);transform:translate(-50%,-50%)}.before-after__handle .svg-wrapper{display:flex;width:10px;height:auto}.before-after__handle .svg-wrapper:first-child{transform:rotate(90deg)}.before-after__handle .svg-wrapper:last-child{transform:rotate(-90deg)}.before-after__handle .icon{width:10px;height:auto;fill:currentColor}.before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.before-after__range::-webkit-slider-thumb{width:48px;height:100vh;-webkit-appearance:none;appearance:none}.before-after__range::-moz-range-thumb{width:48px;height:100vh;border:0}.before-after__frame:has(.before-after__range:focus-visible) .before-after__handle{outline:2px solid var(--anew-forest);outline-offset:3px}.before-after__placeholder{margin:0;padding:var(--anew-space-8);border:1px dashed var(--anew-border-default);border-radius:var(--anew-radius-lg);text-align:center;font-size:var(--anew-text-body-sm);color:var(--anew-fg-4)}@media(prefers-reduced-motion:reduce){.before-after__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/208/assets/section-before-after.css.map */