.bas{overflow:hidden;padding:72px 0 80px}.bas .bas-inner{width:min(calc(100% - 32px),1400px);margin:0 auto}.bas .bas-heading{max-width:350px;margin:0 0 52px}.bas .bas-filters{display:flex;align-items:center;gap:28px;margin-bottom:28px;padding-top:16px;border-top:1px solid rgba(0,0,0,.16);color:#000}.bas .bas-filter-label{flex:0 0 auto;font-size:.8rem;line-height:1.2;white-space:nowrap}.bas .bas-filter-viewport{position:relative;min-width:0;flex:1 1 auto;overflow:hidden;-webkit-mask-image:linear-gradient(to right,#0000,#000 12.5% 87.5%,#0000);mask-image:linear-gradient(to right,#0000,#000 12.5% 87.5%,#0000)}.bas .bas-filter-track{display:flex;width:max-content;gap:28px;animation:before-after-filter-scroll 48s linear infinite}.bas .bas-filter-group{display:flex;flex:0 0 auto;gap:28px}.bas .bas-filter{flex:0 0 auto;color:inherit;font-size:.8rem;line-height:1.2;white-space:nowrap}.bas .bas-viewport{overflow:hidden}.bas .bas-viewport+.bas-viewport{margin-top:var(--before-after-gap)}.bas .bas-track{display:flex;width:max-content;gap:var(--before-after-gap);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.bas .bas-track-reverse{cursor:grab}.bas .bas-track-dragging{cursor:grabbing}.bas .before-after-card{width:var(--before-after-card-width);flex:0 0 var(--before-after-card-width);padding:10px;border-radius:12px;background:#fff;box-shadow:0 10px 25px #1716140d;color:#000}.bas .before-after-card-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bas .before-after-card-image{aspect-ratio:14 / 15;overflow:hidden;border-radius:8px;background:#e6e3df}.bas .before-after-card-image img{pointer-events:none;-webkit-user-drag:none}.bas .before-after-card-image img,.bas .before-after-card-placeholder{display:block;width:100%;height:100%;object-fit:cover}.bas .before-after-card-placeholder{background:linear-gradient(135deg,#d8d2cb,#f1ede8)}.bas .before-after-card-info{padding:18px 5px 8px;font-size:.85rem;line-height:1.1}@keyframes before-after-filter-scroll{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.bas .bas-filter-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/before-after-scroller.css.map */