@property --ba-pos{syntax: "<percentage>"; inherits: false; initial-value: 50%;}.ba-compare{--ba-pos: 50%;position:relative;overflow:hidden;border-radius:1.6rem;aspect-ratio:4 / 3;background:rgba(var(--color-foreground),.06);touch-action:pan-y;user-select:none;-webkit-user-select:none;isolation:isolate}@media screen and (min-width:750px){.ba-compare{aspect-ratio:16 / 10}}.ba-compare__layer{position:absolute;top:0;right:0;bottom:0;left:0}.ba-compare__layer--after{z-index:0}.ba-compare__layer--before{z-index:1;clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}.ba-compare__media{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.ba-compare__divider{position:absolute;top:0;bottom:0;left:var(--ba-pos);z-index:2;width:.3rem;margin-left:-.15rem;background:#fff;box-shadow:0 0 1.2rem #00000059;pointer-events:none}.ba-compare__handle{position:absolute;top:50%;left:var(--ba-pos);z-index:3;display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;background:#fff;color:#121212;cursor:ew-resize;transform:translate(-50%,-50%);box-shadow:0 .4rem 1.6rem #00000059;touch-action:none}.ba-compare__handle:hover{transform:translate(-50%,-50%) scale(1.07)}.ba-compare__handle:focus{outline:none}.ba-compare__handle:focus-visible{outline:.3rem solid rgb(var(--color-foreground));outline-offset:.4rem}.ba-compare__handle svg{width:2.2rem;height:2.2rem;flex:none}.ba-compare__tag{position:absolute;top:1.2rem;z-index:2;margin:0;padding:.6rem 1.2rem;border-radius:999px;background:#1212129e;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.ba-compare__tag--before{left:1.2rem}.ba-compare__tag--after{right:1.2rem}.ba-compare__hint{position:absolute;left:50%;bottom:1.6rem;z-index:2;transform:translate(-50%);display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.6rem;border-radius:999px;background:#1212129e;color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:1;transition:opacity .4s ease}.ba-compare.is-interacted .ba-compare__hint{opacity:0}.ba-compare.is-resetting{transition:--ba-pos .6s ease}.ba-compare-section__heading{text-align:center;margin-bottom:2.4rem}.ba-compare-section__grid{display:grid;gap:2.4rem}@media screen and (min-width:750px){.ba-compare-section__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ba-compare-section__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.ba-compare__empty{border:.2rem dashed rgba(var(--color-foreground),.25);border-radius:1.6rem;padding:3.2rem 2.4rem;text-align:center;color:rgba(var(--color-foreground),.75)}@media(prefers-reduced-motion:reduce){.ba-compare__hint{transition:none}.ba-compare__handle:hover{transform:translate(-50%,-50%)}.ba-compare.is-resetting{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/before-after.css.map */