.bfr{background:var(--bfr-bg, #FAF6F1);color:var(--bfr-text, #2A211B);padding:20px 0}.bfr__inner{max-width:1240px;margin:0 auto;padding:0 15px}.bfr__header{text-align:center;max-width:640px;margin:0 auto 20px}.bfr__eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bfr-muted, #b79e84);font-weight:700}.bfr__heading{margin:0;font-family:var(--bfr-heading-font, Georgia, serif);font-weight:500;font-size:26px;line-height:1.25;letter-spacing:-.01em}.bfr__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}.bfr__filter-pill{-webkit-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--bfr-text) 18%,transparent);background:transparent;color:var(--bfr-text);border-radius:999px;padding:7px 16px;font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.bfr__filter-pill:hover{border-color:var(--bfr-accent)}.bfr__filter-pill.is-active{background:var(--bfr-accent);border-color:var(--bfr-accent);color:#fff}.bfr__track-wrap{position:relative}.bfr__track{display:flex;gap:18px;overflow-x:hidden;padding:4px 4px 0;margin:0;list-style:none}.bfr__card{flex:0 0 auto;width:78vw;max-width:300px;scroll-snap-align:start;transition:opacity .2s ease;border:1px solid #e9dacb;border-radius:4px;text-align:center;padding-bottom:10px}.bfr__card[hidden]{display:none}@media(min-width:700px){.bfr__card{width:calc((100% - 54px)/4)}}@media(min-width:990px){.bfr__card{width:calc((100% - 18px * 5) / 6)}}.bfr__compare{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bfr-card, #EFE7DC);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:0}.bfr__img-layer{position:absolute;top:0;right:0;bottom:0;left:0}.bfr__img-layer img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.bfr__img-layer--before{clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0);will-change:clip-path}.bfr__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bfr-card, #EFE7DC)}.bfr__placeholder-svg{width:40%;height:40%;opacity:.35}.bfr__tag{position:absolute;bottom:10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:#ffffffe0;color:var(--bfr-text);display:none}.bfr__tag--before{left:10px}.bfr__tag--after{right:10px}.bfr__handle{position:absolute;top:0;bottom:0;left:var(--pos, 50%);transform:translate(-50%);width:0;display:flex;align-items:center;justify-content:center;outline:none}.bfr__handle-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #00000014}.bfr__handle-grip{position:relative;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--bfr-text);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e;padding:0 10px}.bfr__handle:focus-visible .bfr__handle-grip{box-shadow:0 0 0 3px var(--bfr-accent)}.bfr__caption{margin-top:12px}.bfr__caption-text,.bfr__caption-link{margin:0;font-size:14px;color:var(--bfr-text);text-decoration:none}.bfr__caption-link{border-bottom:1px solid transparent;transition:border-color .15s ease}.bfr__caption-link:hover{border-color:var(--bfr-accent)}.bfr__nav{display:none}@media(min-width:700px){.bfr__nav{display:flex;align-items:center;justify-content:center;position:absolute;top:38%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb,var(--bfr-text) 15%,transparent);background:var(--bfr-bg);color:var(--bfr-text);cursor:pointer;z-index:2;transition:border-color .15s ease,opacity .15s ease}.bfr__nav:hover{border-color:var(--bfr-accent);color:var(--bfr-accent)}.bfr__nav:disabled{opacity:.35;cursor:default}.bfr__nav--prev{left:-20px}.bfr__nav--next{right:-20px}.bfr__heading{font-size:20px}}.bfr__cta{text-align:center;margin-top:0}.bfr__button{display:inline-flex;align-items:center;gap:8px;padding:6px 22px;border-radius:4px;border:1px solid #e9dacb;color:var(--bfr-text);text-decoration:none;font-size:14px;transition:border-color .15s ease,background .15s ease,color .15s ease}.bfr__button:hover{background:var(--bfr-accent);border-color:var(--bfr-accent);color:#fff}.bfr__empty{text-align:center;color:var(--bfr-muted);padding:40px 0;font-size:14px}@media(prefers-reduced-motion:reduce){.bfr__card,.bfr__filter-pill,.bfr__nav,.bfr__button,.bfr__caption-link{transition:none}}@media only screen and (max-width:767px){.bfr__heading{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/before-after-gallery.css.map */