.ba-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ba-grid-row-gap, var(--spacing-8)) var(--grid-gutter)}@media screen and (min-width:1000px){.ba-grid{grid-template-columns:repeat(var(--ba-grid-columns, 3),minmax(0,1fr));gap:var(--spacing-10) var(--grid-gutter)}}.ba-grid__item{display:grid;grid-template-rows:auto auto;gap:var(--spacing-4);align-content:start}before-after-compare{--ba-position: 50%;--ba-line-width: 2px;--ba-knob-size: 2.125rem;--ba-knob-icon-size: 1.125rem;--ba-label-inset: var(--spacing-3);--ba-handle-hit-area: 2.75rem;--ba-handle-background: 255 255 255;--ba-handle-icon: 0 0 0;--ba-label-background: 0 0 0;--ba-label-text: 255 255 255;--ba-label-opacity: .55;position:relative;display:block;overflow:hidden;aspect-ratio:var(--ba-aspect-ratio, 4 / 3);border-radius:var(--rounded-lg);background:rgb(var(--text-color) / .06);isolation:isolate;contain:layout paint;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media screen and (min-width:700px){before-after-compare{--ba-knob-size: 2.375rem;--ba-knob-icon-size: 1.25rem;--ba-label-inset: var(--spacing-4)}}before-after-compare.is-dragging{cursor:ew-resize}before-after-compare.ba-compare--shadow{box-shadow:var(--shadow)}.ba-compare__media{position:absolute;top:0;right:0;bottom:0;left:0}.ba-compare__media img,.ba-compare__media svg{display:block;width:100%;height:100%;object-fit:cover}.ba-compare__media--before{clip-path:inset(0 calc(100% - var(--ba-position)) 0 0)}[dir=rtl] .ba-compare__media--before{clip-path:inset(0 0 0 calc(100% - var(--ba-position)))}.ba-compare__media--after{clip-path:inset(0 0 0 var(--ba-position))}[dir=rtl] .ba-compare__media--after{clip-path:inset(0 var(--ba-position) 0 0)}.ba-compare__label{position:absolute;padding:.35em .85em;border-radius:var(--rounded-full);background:rgb(var(--ba-label-background) / var(--ba-label-opacity));color:rgb(var(--ba-label-text));font-size:var(--ba-label-font-size, var(--text-xs));font-weight:500;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ba-compare__label--top{top:var(--ba-label-inset)}.ba-compare__label--bottom{bottom:var(--ba-label-inset)}.ba-compare__label--before{inset-inline-start:var(--ba-label-inset)}.ba-compare__label--after{inset-inline-end:var(--ba-label-inset)}.ba-compare__handle{position:absolute;z-index:2;inset-block:0;inset-inline-start:var(--ba-position);display:grid;place-items:center;width:var(--ba-handle-hit-area);padding:0;border:0;background:none;color:inherit;cursor:ew-resize;touch-action:none;transform:translate(calc(-50% * var(--transform-logical-flip)))}.ba-compare__handle:before{content:"";position:absolute;inset-block:0;width:var(--ba-line-width);background:rgb(var(--ba-handle-background) / .9)}.ba-compare__knob{position:relative;display:grid;place-items:center;width:var(--ba-knob-size);height:var(--ba-knob-size);border-radius:var(--rounded-full);background:rgb(var(--ba-handle-background));color:rgb(var(--ba-handle-icon));box-shadow:0 2px 12px #00000047;transition:transform .15s ease-out}.ba-compare__knob svg{width:var(--ba-knob-icon-size);height:var(--ba-knob-icon-size);fill:currentColor}.ba-compare__handle:hover .ba-compare__knob,.ba-compare__handle:focus-visible .ba-compare__knob,before-after-compare.is-dragging .ba-compare__knob{transform:scale(1.08)}.ba-compare__handle:focus-visible{outline:none}.ba-compare__handle:focus-visible .ba-compare__knob{outline:2px solid rgb(var(--ba-handle-background));outline-offset:3px}@media(prefers-reduced-motion:reduce){.ba-compare__knob{transition:none}}.ba-grid__caption{display:grid;gap:var(--spacing-1)}.ba-grid__caption p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/50/assets/before-after-grid.css.map */