.pba{padding-block:var(--pba-pad-top, 56px) var(--pba-pad-bottom, 56px);background:rgb(var(--color-background))}.pba__inner{max-width:1280px;margin-inline:auto;padding-inline:var(--container-padding, clamp(16px, 4vw, 48px));display:flex;flex-direction:column;gap:clamp(28px,5vw,48px)}.pba__header{display:flex;flex-direction:column;gap:10px}.pba__header--center{align-items:center;text-align:center}.pba__header--left{align-items:flex-start}.pba__header--right{align-items:flex-end;text-align:right}.pba__eyebrow{font-size:var(--type-label-size, 1.1rem);font-weight:700;letter-spacing:var(--type-label-spacing, .16em);text-transform:uppercase;color:rgb(var(--color-foreground));opacity:.55;margin:0}.pba__heading{font-family:var(--heading-font);font-size:var(--type-heading-size, clamp(2rem, 1.35rem + 2.2vw, 3.1rem));font-weight:700;line-height:var(--type-title-line, 1.08);letter-spacing:-.02em;color:rgb(var(--color-foreground));margin:0}.pba__subtitle{font-size:var(--type-subtitle-size, clamp(1.5rem, 1.42rem + .4vw, 1.75rem));line-height:var(--type-body-line, 1.6);color:rgb(var(--color-foreground));opacity:.65;margin:0;max-width:60ch}.pba__viewport{position:relative}.pba__arrow{position:absolute;top:40%;transform:translateY(-50%);z-index:4;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;color:rgb(var(--color-foreground));box-shadow:0 2px 12px #00000024;transition:background var(--transition-fast, .15s),transform var(--transition-fast, .15s),box-shadow var(--transition-fast, .15s)}.pba__arrow:hover{background:#fff;box-shadow:0 4px 20px #0003}.pba__arrow--prev{left:-14px}.pba__arrow--next{right:-14px}.pba__track{display:flex;gap:var(--pba-gap, 20px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;list-style:none;margin:0;padding:4px 2px 16px}.pba__track::-webkit-scrollbar{display:none}.pba__slide{flex:0 0 calc(50% - var(--pba-gap, 20px) / 2);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px}.pba__ba.ba{padding:0;min-height:0;background:transparent;display:block;overflow:hidden;border-radius:var(--pba-radius, 20px);box-shadow:0 4px 32px #0000001a}.pba__ba.ba .ba__inner{max-width:none;width:100%;justify-content:stretch}.pba__ba.ba .ba__compare{border-radius:var(--pba-img-radius, 14px);aspect-ratio:var(--ba-aspect, 7 / 8);width:100%;height:auto;max-height:none}.pba__ba.ba.ba--reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.pba__ba.ba.ba--reveal.is-in{opacity:1;transform:none}.pba__caption{padding:16px 18px;border-radius:calc(var(--pba-radius, 20px) * .7);background:rgb(var(--color-base-background-2, 243 243 243));border:1px solid rgba(var(--color-foreground),.08);display:flex;flex-direction:column;gap:8px}.pba__caption-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.pba__customer{font-size:var(--fs-base, 1.55rem);font-weight:700;color:rgb(var(--color-foreground))}.pba__duration{font-size:var(--fs-xs, 1.1rem);font-weight:600;padding:3px 10px;border-radius:100px;background:rgba(var(--color-foreground),.07);color:rgb(var(--color-foreground));white-space:nowrap}.pba__quote{font-size:var(--fs-sm, 1.25rem);line-height:1.5;font-style:italic;color:rgb(var(--color-foreground));opacity:.75;margin:0}.pba__cta-btn{align-self:flex-start;margin-top:4px}.pba__progressbar{height:3px;background:rgba(var(--color-foreground),.12);border-radius:3px;margin-top:14px;overflow:hidden}.pba__progressbar-fill{display:block;height:100%;background:rgb(var(--color-foreground));border-radius:3px;width:0%;transition:width var(--transition-normal, .24s) ease}.pba__empty{padding:32px;text-align:center;opacity:.5;font-size:var(--fs-base, 1.55rem)}@media(max-width:749px){.pba__slide{flex:0 0 85%}.pba__arrow{display:none}}@media(min-width:750px)and (max-width:989px){.pba__slide{flex:0 0 calc(66.666% - var(--pba-gap, 20px) / 2)}}@media(min-width:990px){.pba__slide{flex:0 0 calc(50% - var(--pba-gap, 20px) / 2)}}.pba__arrow:focus-visible{outline:var(--focus-ring, .2rem solid rgb(var(--color-foreground)));outline-offset:var(--focus-offset, 2px)}@media(prefers-reduced-motion:reduce){.pba__track{scroll-behavior:auto}.pba__ba.ba.ba--reveal{transition:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/product-ba-slider.css.map */