.before-after{background:var(--bc-bg, #ffffff);color:var(--bc-text, #111111);padding-top:var(--bc-padding-top, 60px);padding-bottom:var(--bc-padding-bottom, 60px)}.before-after__inner{max-width:1100px;margin:0 auto;padding-left:20px;padding-right:20px}.before-after__heading{font-size:min(var(--bc-heading-size, 40px),9vw);font-weight:500;text-align:center;margin:0 0 .75rem;letter-spacing:-.01em;line-height:1.15}@media(min-width:750px){.before-after__heading{font-size:var(--bc-heading-size, 40px)}}.before-after__subheading{font-size:var(--bc-subheading-size, 17px);text-align:center;margin:0 auto 2.5rem;max-width:640px;line-height:1.5;opacity:.85}.before-after__slider{position:relative;width:100%;aspect-ratio:1 / 1;max-height:720px;border-radius:16px;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none;touch-action:none;cursor:ew-resize;outline:none}.before-after__slider:focus-visible{box-shadow:0 0 0 3px #00000040}@media(min-width:750px){.before-after__slider{aspect-ratio:16 / 12}}.before-after__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.before-after__image img,.before-after__image svg{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.before-after__image--before{clip-path:inset(0 0 0 50%);will-change:clip-path}.before-after__label-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;will-change:clip-path}.before-after__label-layer--left{clip-path:inset(0 50% 0 0)}.before-after__label-layer--right{clip-path:inset(0 0 0 50%)}.before-after__label{position:absolute;top:10px;background:var(--bc-label-bg, #ffffff);color:var(--bc-label-text, #111111);font-size:max(10px,calc(var(--bc-label-size, 14px) * .7));font-weight:600;padding:.45em .9em;border-radius:5px;letter-spacing:.01em;box-shadow:0 1px 3px #0000001f;pointer-events:none;white-space:nowrap}.before-after__label--left{left:10px}.before-after__label--right{right:10px}@media(min-width:750px){.before-after__label{top:24px;font-size:var(--bc-label-size, 14px);padding:.5em 1em;border-radius:6px}.before-after__label--left{left:24px}.before-after__label--right{right:24px}}.before-after__divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--bc-divider, #ffffff);transform:translate(-50%);pointer-events:none;z-index:3;will-change:left}.before-after__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:56px;border-radius:12px;background:#fff;border:none;cursor:ew-resize;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000040;pointer-events:auto;padding:0;color:#111;transition:transform .15s ease}.before-after__handle:hover{transform:translate(-50%,-50%) scale(1.06)}.before-after__handle:focus-visible{outline:2px solid #111;outline-offset:3px}.before-after__handle-icon{width:14px;height:14px}@media(min-width:750px){.before-after__handle{width:44px;height:44px;border-radius:50%}.before-after__handle-icon{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.before-after__handle,.before-after__image--before,.before-after__label-layer,.before-after__divider{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-before-after.css.map */