.bfaf-section{background-color:var(--bfaf-bg);padding-top:var(--bfaf-pt-desktop);padding-bottom:var(--bfaf-pb-desktop);width:100%}.bfaf-container{max-width:var(--bfaf-max-width-desktop);margin:0 auto;padding:0 24px}.bfaf-stage{position:relative;width:100%;aspect-ratio:var(--bfaf-ratio-desktop);overflow:hidden;border-radius:var(--bfaf-radius-desktop);isolation:isolate;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#e8e8e8}.bfaf-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.bfaf-layer--placeholder{display:flex;align-items:center;justify-content:center;background:#ececec}.bfaf-placeholder-svg{width:60%;height:60%;opacity:.5}.bfaf-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.bfaf-img--mobile-only{display:none}.bfaf-layer--before{clip-path:inset(0 calc(100% - var(--bfaf-pos, 50%)) 0 0);will-change:clip-path}.bfaf-label{position:absolute;top:16px;z-index:3;display:inline-block;padding:6px 14px;border-radius:999px;background:var(--bfaf-label-bg);color:var(--bfaf-label-text);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.bfaf-label--before{left:16px}.bfaf-label--after{right:16px}.bfaf-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:3;padding:6px 14px;border-radius:999px;background:#0000008c;color:#fff;font-size:12px;font-weight:500;pointer-events:none;transition:opacity .3s ease}.bfaf-stage[data-bfaf-active] .bfaf-hint{opacity:0}.bfaf-divider{position:absolute;top:0;bottom:0;left:var(--bfaf-pos, 50%);width:var(--bfaf-divider-width);margin-left:calc(var(--bfaf-divider-width) / -2);background:var(--bfaf-divider-color);z-index:4;pointer-events:none;box-shadow:0 0 6px #00000040}.bfaf-handle{position:absolute;top:50%;left:var(--bfaf-pos, 50%);transform:translate(-50%,-50%);z-index:5;width:var(--bfaf-handle-size-desktop);height:var(--bfaf-handle-size-desktop);border-radius:50%;border:none;background:var(--bfaf-handle-bg);color:var(--bfaf-handle-icon);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000040;pointer-events:none}.bfaf-handle-icon{width:55%;height:55%}.bfaf-range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none}.bfaf-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--bfaf-handle-size-desktop);height:100%}.bfaf-range::-moz-range-thumb{width:var(--bfaf-handle-size-desktop);height:100%;border:none;background:transparent}.bfaf-range:focus-visible~.bfaf-handle{box-shadow:0 0 0 3px #0000004d,0 2px 10px #00000040}.bfaf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bfaf-overlay{position:absolute;z-index:7;display:flex;flex-direction:column;gap:10px;max-width:90%;pointer-events:none}.bfaf-overlay>*{pointer-events:auto}.bfaf-overlay--top-left{top:40px;left:40px;align-items:flex-start;text-align:left}.bfaf-overlay--top-center{top:40px;left:50%;transform:translate(-50%);align-items:center;text-align:center}.bfaf-overlay--top-right{top:40px;right:40px;align-items:flex-end;text-align:right}.bfaf-overlay--middle-left{top:50%;left:40px;transform:translateY(-50%);align-items:flex-start;text-align:left}.bfaf-overlay--middle-center{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;text-align:center}.bfaf-overlay--middle-right{top:50%;right:40px;transform:translateY(-50%);align-items:flex-end;text-align:right}.bfaf-overlay--bottom-left{bottom:40px;left:40px;align-items:flex-start;text-align:left}.bfaf-overlay--bottom-center{bottom:40px;left:50%;transform:translate(-50%);align-items:center;text-align:center}.bfaf-overlay--bottom-right{bottom:40px;right:40px;align-items:flex-end;text-align:right}.bfaf-heading{margin:0;color:var(--bfaf-heading-color);font-size:var(--bfaf-heading-size-desktop);font-weight:700;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.25)}.bfaf-subtext{margin:0;color:var(--bfaf-subtext-color);font-size:var(--bfaf-subtext-size-desktop);line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.2)}.bfaf-subtext p{margin:0}.bfaf-button{display:inline-block;padding:12px 28px;border-radius:999px;border:1px solid var(--bfaf-button-border);background:var(--bfaf-button-bg);color:var(--bfaf-button-text);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .2s ease,transform .2s ease}.bfaf-button:hover{opacity:.85;transform:translateY(-1px)}@media(max-width:749px){.bfaf-section{padding-top:var(--bfaf-pt-mobile);padding-bottom:var(--bfaf-pb-mobile)}.bfaf-container{max-width:100%;padding:0 var(--bfaf-side-mobile)}.bfaf-stage{aspect-ratio:var(--bfaf-ratio-mobile);border-radius:var(--bfaf-radius-mobile)}.bfaf-img--mobile-only{display:block}.bfaf-img--mobile-only~.bfaf-img,.bfaf-layer>.bfaf-img:not(.bfaf-img--mobile-only):has(~.bfaf-img--mobile-only){display:none}.bfaf-handle,.bfaf-range::-webkit-slider-thumb,.bfaf-range::-moz-range-thumb{width:var(--bfaf-handle-size-mobile)}.bfaf-handle{height:var(--bfaf-handle-size-mobile)}.bfaf-heading{font-size:var(--bfaf-heading-size-mobile)}.bfaf-subtext{font-size:var(--bfaf-subtext-size-mobile)}.bfaf-overlay--top-left,.bfaf-overlay--top-center,.bfaf-overlay--top-right{top:20px}.bfaf-overlay--bottom-left,.bfaf-overlay--bottom-center,.bfaf-overlay--bottom-right{bottom:20px}.bfaf-overlay--top-left,.bfaf-overlay--middle-left,.bfaf-overlay--bottom-left{left:20px}.bfaf-overlay--top-right,.bfaf-overlay--middle-right,.bfaf-overlay--bottom-right{right:20px}}@media(prefers-reduced-motion:reduce){.bfaf-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/before-after-banner.css.map */