.ba-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ba-grid-row-gap, var(--spacing-8)) var(--grid-gutter);align-items:start}@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;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;position:relative;display:block;overflow:hidden;aspect-ratio:var(--ba-aspect-ratio, 4 / 3);border-radius:var(--c8-radius-block);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(--c8-radius-badge);background:rgb(var(--ba-label-background, 0 0 0) / var(--ba-label-opacity, .55));color:rgb(var(--ba-label-text, 255 255 255));font-family:var(--mono-font-family);font-size:var(--ba-label-font-size, var(--text-xs));font-weight:var(--label-font-weight);line-height:1.4;letter-spacing:var(--c8-label-sm-tracking);text-transform:uppercase;white-space:nowrap;pointer-events:none;backdrop-filter:blur(var(--ba-label-blur, 8px));-webkit-backdrop-filter:blur(var(--ba-label-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, 255 255 255) / .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, 255 255 255));color:rgb(var(--ba-handle-icon, 0 0 0));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, 255 255 255));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/52/assets/before-after-grid.css.map */