.before-after-swiper .swiper:not(.swiper-initialized) .swiper-wrapper{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px) / 3);gap:24px}@media (max-width: 767px){.before-after-swiper .swiper:not(.swiper-initialized) .swiper-wrapper{grid-auto-columns:80%;gap:12px}}.before-after-swiper .swiper{padding-bottom:24px}.before-after-slide{transform:scale(.9)!important;opacity:.6;transition:transform .3s ease,opacity .3s ease}.before-after-slide.is-center{transform:scale(1)!important;opacity:1}.ba-card{text-align:center;margin:0 auto;background:var(--card-bg-color, #fff);padding:10px;border-radius:var(--rounded);box-shadow:0 0 10.88px #70707033;margin-block-start:5px}.ba-comparison{position:relative;width:100%;overflow:hidden;border-radius:var(--rounded);touch-action:pan-y;--ba-pos: 50%}.ba-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.ba-image-wrapper.after{position:relative;z-index:1}.ba-image-wrapper.before{z-index:2;clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}.ba-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ba-handle{position:absolute;top:0;bottom:0;left:var(--ba-pos);transform:translate(-50%);z-index:10;width:44px;display:flex;align-items:center;justify-content:center;cursor:ew-resize}.ba-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translate(-50%)}.ba-circle{width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000026;position:relative;z-index:11}.ba-label{position:absolute;top:10px;background:#ffffffe6;color:#222;font-size:10px;padding:4px 8px;border-radius:4px;z-index:4;font-weight:600}.ba-tags{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ba-tag{width:calc(45% - 4px);box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:12px;padding:6px 10px;border-radius:999px;background:var(--ba-tag-bg, rgba(0,0,0,.06));color:var(--ba-tag-color, #222);border:1px solid}.ba-tag:last-child{width:max-content}.ba-name{color:#818181;margin-top:12px}.ba-cta{display:inline-flex;margin-top:12px;background:var(--ba-cta-bg, #2e7d32);color:var(--ba-cta-color, #fff);border-radius:999px;text-decoration:underline;font-size:14px;justify-content:center}.before-after-swiper .swiper-pagination{margin-top:12px;text-align:center;position:relative}.before-after-swiper .swiper-pagination-bullet-active{width:20px;border-radius:15px;background:var(--pagination-active-color, #000)}@media (max-width: 767px){.ba-tag{width:calc(50% - 4px);font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/221/assets/before-after-swiper.css.map */