.ba-section *,.ba-section *:before,.ba-section *:after{box-sizing:border-box;margin:0;padding:0}.ba-section{background-color:var(--ba-bg, #0b0f1a);padding:72px 0 80px;position:relative;overflow:hidden}.ba-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(59,130,246,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 80% 100%,rgba(245,158,11,.05) 0%,transparent 60%);pointer-events:none;z-index:0}.ba-header{text-align:center;padding:0 24px;position:relative;z-index:1;max-width:860px;margin-inline:auto;margin-bottom:48px}.ba-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ba-accent, #3D7BFF);margin-bottom:20px;padding:5px 14px;border:1px solid rgba(11,120,245,.3);border-radius:100px;background:#f59e0b0f}.ba-heading{font-size:clamp(26px,4.5vw,40px);font-weight:600;line-height:1.2;color:var(--ba-text, #ffffff);text-transform:capitalize;letter-spacing:.5px;margin-bottom:14px;font-family:Franie}.ba-heading__highlight{color:var(--ba-highlight, #00c2ff);display:inline}.ba-subheading{font-size:15px;font-weight:400;letter-spacing:.06em;color:#ffffff73;text-transform:uppercase}.ba-marquee-outer{position:relative;overflow:hidden;width:100%;z-index:1;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 6%,black 94%,transparent 100%)}.ba-marquee-track{display:flex;align-items:stretch;gap:var(--ba-gap, 10px);width:max-content;min-width:200vw;animation:ba-scroll var(--ba-speed, 40s) linear infinite;will-change:transform}.ba-marquee-outer:hover .ba-marquee-track{animation-play-state:paused}@keyframes ba-scroll{0%{transform:translate(0)}to{transform:translate(-25%)}}.ba-item{flex-shrink:0;width:var(--ba-item-w, 300px)}.ba-pair{display:flex;gap:3px;height:100%;border-radius:var(--ba-radius, 12px);overflow:hidden;border:1px solid var(--ba-border, #1e2d4a);box-shadow:0 8px 32px #00000080;transition:box-shadow .3s ease,border-color .3s ease}.ba-pair:hover{box-shadow:0 16px 48px #000000a6,0 0 0 1px #0b74f533;border-color:#0b94f540}.ba-card{background-color:var(--ba-card-bg, #131929);display:flex;flex-direction:column;overflow:hidden;flex:1}.ba-card--single{border-radius:var(--ba-radius, 12px);border:1px solid var(--ba-border, #1e2d4a);box-shadow:0 8px 32px #00000080;transition:box-shadow .3s ease,border-color .3s ease}.ba-card--single:hover{box-shadow:0 16px 48px #000000a6,0 0 0 1px #0b70f533;border-color:#0b84f540}.ba-card--before{border-right:1px solid rgba(255,255,255,.06)}.ba-image-wrap{position:relative;flex:1;overflow:hidden;background:#0d1220;aspect-ratio:1 / 1}.ba-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s ease}.ba-pair:hover .ba-img,.ba-card--single:hover .ba-img{transform:scale(1.05)}.ba-img--placeholder{width:100%;height:100%;object-fit:cover;opacity:.15}.ba-label{position:absolute;top:10px;left:10px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:4px;line-height:1;pointer-events:none}.ba-label--before{background:#fffffff2;color:#0b0f1a}.ba-label--after{background:var(--ba-accent, #3D7BFF);color:#fff}.ba-verified{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;border-top:1px solid var(--ba-border, #1e2d4a);background:#00000040}.ba-verified svg{color:var(--ba-accent, #3D7BFF);flex-shrink:0}.ba-counter{display:flex;flex-direction:column;align-items:center;margin-top:40px;gap:4px;position:relative;z-index:1}.ba-counter__number{font-size:36px;font-weight:900;color:var(--ba-accent, #3D7BFF);letter-spacing:-.01em;line-height:1}.ba-counter__label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff6}@media(max-width:768px){.ba-section{padding:48px 0 56px}.ba-heading{font-size:clamp(22px,6vw,36px)}.ba-header{margin-bottom:30px}.ba-subheading{font-size:13px}}@media(max-width:480px){.ba-eyebrow{font-size:10px;letter-spacing:.12em}.ba-verified{padding:6px 10px;font-size:8px}.ba-label{font-size:9px;padding:3px 8px}}@media(prefers-reduced-motion:reduce){.ba-marquee-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/before-after-slider.css.map */
