.ba-grid{width:100%;padding:var(--ba-padding-block) var(--ba-padding-inline-mobile);overflow:hidden;background:var(--ba-background)}.ba-grid__inner{display:flex;flex-direction:column;align-items:center;gap:var(--ba-gap);width:100%;max-width:var(--ba-max-width);margin:0 auto}.ba-grid__header{display:flex;flex-direction:column;gap:6px;width:100%}.ba-grid__heading{margin:0;color:var(--ba-heading-color);font-family:var(--ba-font-display);font-size:var(--ba-heading-size-mobile);font-weight:500;line-height:1.0625;text-align:center}.ba-grid__subheading{margin:0;color:var(--ba-subheading-color);font-family:var(--ba-font-body);font-size:14px;font-weight:400;line-height:1.5;text-align:center}.ba-grid__cards{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ba-card-gap);width:100%;max-width:var(--ba-cards-max-width);padding:0;margin:0;list-style:none}.ba-grid__card{width:100%}.ba-card{--ba-position: 50%;position:relative;display:block;width:100%;height:var(--ba-card-height-mobile);overflow:hidden;border-radius:var(--ba-card-radius);background:var(--ba-card-background)}.ba-card--interactive{cursor:ew-resize;touch-action:pan-y}.ba-card__layer{position:absolute;top:0;right:0;bottom:0;left:0}.ba-card__layer--after{clip-path:inset(0 0 0 var(--ba-position))}.ba-card__layer img,.ba-card__layer svg{display:block;width:100%;height:100%;object-fit:cover}.ba-card__range{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ba-card__handle{position:absolute;top:0;bottom:0;left:var(--ba-position);width:2px;margin-left:-1px;background:var(--ba-card-background);pointer-events:none}.ba-card__range:focus-visible~.ba-card__handle{box-shadow:0 0 0 2px var(--ba-marker-color)}.ba-card__marker{position:absolute;top:50%;left:50%;display:flex;align-items:center;gap:13px;color:var(--ba-marker-color);transform:translate(-50%,-50%)}.ba-card__marker svg{display:block}.ba-card__marker svg:first-child{transform:rotate(180deg)}.ba-grid__testimonial{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;max-width:var(--ba-testimonial-max-width);padding:8px 0 16px}.ba-grid__avatar{flex:0 0 auto;width:80px;height:80px;border:1px solid var(--ba-avatar-border-color);border-radius:100px;object-fit:cover}.ba-grid__quote-group{display:flex;flex:1 1 0;flex-direction:column;gap:8px;min-width:0}.ba-grid__quote{color:var(--ba-quote-color);font-family:var(--ba-font-body);font-size:14px;font-weight:400;line-height:22px}.ba-grid__quote>*:first-child{margin-top:0}.ba-grid__quote>*:last-child{margin-bottom:0}.ba-grid__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.ba-grid__author{color:var(--ba-author-color);font-family:var(--ba-font-alt);font-size:14px;font-weight:400;line-height:19px}.ba-grid__verified{display:flex;align-items:center;gap:8px;color:var(--ba-author-color);font-family:var(--ba-font-alt);font-size:12px;font-weight:400;line-height:19px}.ba-grid__verified-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:16px;height:16px;border-radius:100px;background:var(--ba-verified-color);color:#fff}@media screen and (min-width:750px){.ba-grid{padding:var(--ba-padding-block) var(--ba-padding-inline)}.ba-grid__heading{font-size:var(--ba-heading-size)}.ba-grid__cards{flex-direction:row;align-items:stretch;padding:0 var(--ba-cards-padding-inline)}.ba-grid__card{flex:1 1 0;max-width:var(--ba-card-max-width)}.ba-card{height:auto;aspect-ratio:1}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/before-after-grid.css.map */