.bac{background:rgb(var(--color-base-background-1));background:var(--bac-bg, rgb(var(--color-base-background-1)));color:var(--bac-text, rgb(var(--color-base-text)))}.bac-inner{max-width:var(--page-width, 120rem);margin:0 auto;padding:0 1.5rem}.bac-header{text-align:center;max-width:56rem;margin:0 auto 3.2rem}.bac-heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style, normal);font-weight:var(--font-heading-weight, 700);color:var(--bac-text);font-size:3.2rem;line-height:1.15;margin:0 0 .8rem}.bac-subtext{font-family:var(--font-body-family);color:var(--bac-text);opacity:.7;font-size:1.5rem;margin:0}.bac-carousel{display:block;max-width:var(--bac-max-width, 720px);margin:0 auto}.bac-track-viewport{border-radius:var(--bac-radius, 24px)}.bac-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.bac-track::-webkit-scrollbar{display:none}.bac-slide{flex:0 0 100%;min-width:0;scroll-snap-align:center}.bac-compare{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--bac-radius, 24px);background:#eee;-webkit-user-select:none;user-select:none}.bac-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bac-layer img,.bac-placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.bac-layer--after img{object-position:var(--after-object-position, center)}.bac-layer--before{clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0);will-change:clip-path}.bac-layer--before img{object-position:var(--before-object-position, center)}.bac-placeholder-label{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#0009;color:#fff;font-family:var(--font-body-family);font-size:1.1rem;padding:.4rem .9rem;border-radius:999px;white-space:nowrap;z-index:3}.bac-badge{position:absolute;top:1.2rem;font-family:var(--font-body-family);font-size:1.1rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.5rem 1.1rem;border-radius:999px;z-index:4}.bac-badge--before{left:1.2rem;background:#ffffffeb;color:var(--bac-text)}.bac-badge--after{right:1.2rem;background:var(--bac-accent);color:#fff}.bac-customer{position:absolute;left:0;right:0;bottom:0;padding:3.2rem 1.4rem 1.4rem;background:linear-gradient(to top,#0009,#0000);color:#fff;z-index:3;pointer-events:none}.bac-customer__name{font-family:var(--font-heading-family);font-weight:700;font-size:1.8rem;margin:0 0 .4rem}.bac-stars{display:flex;gap:.2rem;margin-bottom:.4rem}.bac-star{fill:#fc0}.bac-star--empty{fill:#ffffff59}.bac-verified{display:flex;align-items:center;gap:.4rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;margin:0}.bac-verified svg{fill:#fff;flex-shrink:0}.bac-handle{position:absolute;top:0;bottom:0;left:var(--pos, 50%);transform:translate(-50%);width:4.8rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;margin:0;cursor:ew-resize;touch-action:none;z-index:5}.bac-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:.2rem;transform:translate(-50%);background:#ffffffe6;box-shadow:0 0 .6rem #00000040}.bac-handle__grip{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:#fff;box-shadow:0 .2rem .8rem #00000040;color:var(--bac-accent)}.bac-handle:focus-visible .bac-handle__grip{outline:.2rem solid var(--bac-accent);outline-offset:.2rem}@media screen and (min-width:750px){.bac-handle{width:4rem}.bac-handle__grip{width:4rem;height:4rem}}.bac-controls{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:2rem}.bac-arrow{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;border:.1rem solid rgba(var(--color-base-text),.15);background:rgb(var(--color-base-background-1));color:var(--bac-text);cursor:pointer;transition:border-color .2s ease,color .2s ease}.bac-arrow:hover{border-color:var(--bac-accent);color:var(--bac-accent)}.bac-arrow[disabled]{opacity:.35;cursor:default;pointer-events:none}.bac-arrow:focus-visible{outline:.2rem solid var(--bac-accent);outline-offset:.2rem}.bac-counter{font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;color:var(--bac-text);min-width:4.5rem;text-align:center;margin:0}@media screen and (max-width:749px){.bac-inner{padding:0 1rem}.bac-heading{font-size:2.6rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-before-after-carousel.css.map */