.baft{--baft-accent: #f5a623;--baft-icon-size: 5.6rem;--baft-icon-bg: #f5f5f5;--baft-icon-border: #e5e5e5;--baft-handle-color: #1a1a2e;--baft-slider-size: min(46rem, 90vw);--baft-feature-gap: 2.8rem}.baft__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2.4rem 3.2rem}@media screen and (max-width:899px){.baft__inner{grid-template-columns:1fr;gap:2rem}}.baft__header{grid-column:1 / -1;text-align:center;margin-bottom:.8rem}.baft__title{margin:0 0 .8rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .04rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));color:rgb(var(--color-foreground))}.baft__subtitle{margin:0;font-size:calc(var(--font-body-scale, 1) * 1.6rem);line-height:1.5;color:rgba(var(--color-foreground),.7)}.baft__features{display:flex;flex-direction:column;gap:var(--baft-feature-gap)}@media screen and (max-width:899px){.baft__features{display:grid;grid-template-columns:1fr 1fr;gap:2rem}}@media screen and (max-width:549px){.baft__features{grid-template-columns:1fr}}.baft__feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.baft__feature-icon{width:var(--baft-icon-size);height:var(--baft-icon-size);border-radius:50%;background:var(--baft-icon-bg);border:1px solid var(--baft-icon-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.baft__feature-icon svg,.baft__feature-icon img{width:2.4rem;height:2.4rem;object-fit:contain}.baft__feature-title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale, 1) * 1.7rem);line-height:1.3;color:rgb(var(--color-foreground))}.baft__feature-text{margin:0;font-size:calc(var(--font-body-scale, 1) * 1.45rem);line-height:1.5;color:rgba(var(--color-foreground),.75)}.baft__slider-wrap{width:var(--baft-slider-size);max-width:100%;flex-shrink:0}@media screen and (max-width:899px){.baft__slider-wrap{width:100%;max-width:42rem;margin:0 auto}}.baft__labels{display:flex;justify-content:space-between;margin-bottom:.8rem;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));letter-spacing:.04em;text-transform:uppercase}.baft__widget{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 4px 32px #0000001f;background:#eee}.baft__widget--square{border-radius:var(--baft-widget-radius, 1.6rem);aspect-ratio:var(--baft-widget-ratio, 4 / 3)}.baft__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}.baft__img--after{clip-path:inset(0 0 0 50%)}.baft__handle{position:absolute;top:0;bottom:0;left:50%;width:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.baft__handle-line{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:var(--baft-handle-color);opacity:.85}.baft__handle-knob{width:3.6rem;height:3.6rem;border-radius:50%;background:var(--baft-handle-color);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 2px 8px #00000040;flex-shrink:0}.baft__handle-knob svg{width:1.8rem;height:1.8rem;color:#fff;fill:#fff}.baft__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.3);font-size:1.3rem}.baft__cta{grid-column:1 / -1;text-align:center;margin-top:.8rem}@media screen and (max-width:899px){.baft__features--left{order:2}.baft__slider-wrap{order:1}.baft__features--right{order:3}}@media screen and (max-width:749px){.baft__widget{aspect-ratio:3 / 4;border-radius:50%}.baft__widget--square{aspect-ratio:3 / 4;border-radius:calc(var(--baft-widget-radius, 1.6rem) * .6)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-before-after.css.map */
