.ba-gallery{--ba-accent: var(--color-base-accent, 247, 152, 131);--ba-radius: 14px;--ba-gap: clamp(14px, 2vw, 24px);--ba-card-w: clamp(260px, 78vw, 348px)}.ba-gallery__track{display:flex;gap:var(--ba-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--ba-gap);padding:4px 0 14px;margin:0;list-style:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.ba-gallery__track::-webkit-scrollbar{height:6px}.ba-gallery__track::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.18);border-radius:999px}.ba-gallery--grid .ba-gallery__track{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));overflow:visible}.ba-card{flex:0 0 var(--ba-card-w);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px}.ba-gallery--grid .ba-card{flex:initial}before-after-item{position:relative;display:block;aspect-ratio:var(--ba-ratio, 4 / 5);border-radius:var(--ba-radius);overflow:hidden;background:rgba(var(--color-foreground),.06);cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}before-after-item:focus-visible{outline:3px solid rgb(var(--color-base-accent, 247, 152, 131));outline-offset:3px}.ba-layer{position:absolute;top:0;right:0;bottom:0;left:0}.ba-layer img,.ba-layer svg{width:100%;height:100%;object-fit:cover;display:block}.ba-layer--before{clip-path:inset(0 calc(100% - var(--ba-pos, 50%)) 0 0)}.ba-divider{position:absolute;top:0;bottom:0;left:var(--ba-pos, 50%);width:2px;transform:translate(-1px);background:#fffffff2;box-shadow:0 0 0 1px #0000001f;pointer-events:none}.ba-handle{position:absolute;top:50%;left:var(--ba-pos, 50%);width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:#fffffff5;box-shadow:0 2px 10px #00000038;display:grid;place-items:center;color:#1a1b18;pointer-events:none;transition:transform .12s ease}before-after-item.is-dragging .ba-handle{transform:scale(1.06)}.ba-handle svg{width:20px;height:20px}.ba-tag{position:absolute;bottom:12px;font-family:var(--font-body-family);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.ba-tag--before{left:12px;background:#1a1b189e;color:#fff}.ba-tag--after{right:12px;background:rgb(var(--color-base-accent, 247, 152, 131));color:#3a1a12}@media(prefers-reduced-motion:no-preference){before-after-item.ba-hint{animation:ba-hint 1.1s ease .2s 1}@keyframes ba-hint{0%{--ba-pos: 50%}30%{--ba-pos: 62%}65%{--ba-pos: 40%}to{--ba-pos: 50%}}}.ba-cap{display:flex;flex-direction:column;gap:6px}.ba-quote{margin:0;font-family:var(--font-body-family);font-size:14.5px;line-height:1.5;color:rgb(var(--color-foreground))}.ba-stars{display:inline-flex;gap:2px;color:rgb(var(--color-base-accent, 247, 152, 131))}.ba-stars svg{width:14px;height:14px}.ba-author{margin:0;font-size:12.5px;letter-spacing:.01em;color:rgba(var(--color-foreground),.62)}.ba-cta{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;color:rgb(var(--color-foreground));border-bottom:1.5px solid rgb(var(--color-base-accent, 247, 152, 131));padding-bottom:1px}.ba-cta:hover{opacity:.78}.ba-cta .ba-cta__price{color:rgba(var(--color-foreground),.6);font-weight:500}.ba-gallery__nav{display:none;gap:8px;margin-left:auto}@media(min-width:990px){.ba-gallery--carousel .ba-gallery__nav{display:inline-flex}}.ba-gallery__arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.22);background:transparent;color:rgb(var(--color-foreground));cursor:pointer;display:grid;place-items:center}.ba-gallery__arrow:hover{border-color:rgb(var(--color-base-accent, 247, 152, 131))}.ba-gallery__arrow:disabled{opacity:.3;cursor:default}.ba-gallery__arrow svg{width:16px;height:16px}.ba-gallery__head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.ba-gallery__intro{margin:6px 0 0;max-width:60ch;color:rgba(var(--color-foreground),.7);font-size:14.5px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-before-after-gallery.css.map */