.f-ba__main .f-ba__inner{display:grid;grid-template-columns:1.3fr 500px 1.3fr;align-items:center;gap:2rem}.f-ba__main .f-ba__cols{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;text-align:center;height:100%;align-items:center}.f-ba__main .f-ba__single{max-width:285px;width:100%}.f-ba__main .f-ba__single--heading{font-weight:600;font-size:2em;margin:.8rem 0 .5rem}.f-ba__main .f-ba__single-content{font-size:1.1rem;text-align:center;line-height:1.5rem;color:#454545}.f-ba__main .f-ba__center-col{overflow:hidden;display:flex;flex-direction:column;position:relative}.f-ba__main .f-ba__center-col .before-after-card__icon-drag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;cursor:grab}.f-ba__main .f-ba__center-col .before-after-card__icon-drag:after{position:absolute;content:"";width:2px;height:500%;background:#fff;top:-200%;overflow:hidden;left:50%;transform:translate(-50%);z-index:0}.f-ba__main .f-ba__center-col .before-after-card__icon-drag svg{position:relative;z-index:1}.f-ba__main .f-ba__center-col .before-after-card__image{flex:1;position:relative}.f-ba__main .f-ba__center-col .before-after-card__image img{width:100%;object-fit:cover;display:block;border-radius:12px}.f-ba__main .f-ba__center-col .before-after-card__image.before-after-card__image--after{position:absolute;right:0;top:0;width:50%}.f-ba__main .f-ba__center-col .before-after-card__image.before-after-card__image--after img{border-radius:0 12px 12px 0;max-height:500px;min-height:500px}.f-ba__main .f-ba__center-col .before-after-card__image.before-after-card__image--after .before-after-card__label{right:12px;left:unset}.f-ba__main .f-ba__center-col .before-after-card__label{position:absolute;bottom:12px;left:12px;background:#000000b3;color:#fff;font-size:.85rem;padding:4px 10px;border-radius:6px}@media only screen and (max-width:768px){.f-ba__main .container{padding:0 1rem}.f-ba__main .f-ba__inner{grid-template-columns:1fr}.f-ba__main .f-ba__cols{flex-direction:row;gap:.8rem;align-items:unset}.f-ba__main .f-ba__single img{width:40px;height:40px}.f-ba__main .f-ba__single--heading{font-size:1.1rem}.f-ba__main .f-ba__single-content{font-size:.875rem;line-height:1.2rem}.f-ba__main .f-ba__center-col .before-after-card__icon-drag svg{width:70px}.f-ba__main .f-ba__center-col .before-after-card__image img{height:auto}.f-ba__main .f-ba__center-col .before-after-card__image.before-after-card__image--after{height:100%}.f-ba__main .f-ba__center-col .before-after-card__image.before-after-card__image--after img{max-height:unset;min-height:unset;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/f-before-after.css.map */