.az-ba{background-color:var(--color-ground-warm);padding-top:clamp(var(--section-y),6vw,var(--sp-7));padding-bottom:clamp(var(--section-y),6vw,var(--sp-7));padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.az-ba__inner{max-width:var(--page-max);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5)}.az-ba__label{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);text-align:center;margin:0 0 calc(var(--sp-3) - var(--sp-5))}.az-ba__headline{font-family:var(--font-display);font-size:var(--text-display-m);font-weight:700;line-height:var(--lh-tight);color:var(--color-ink);letter-spacing:-.02em;margin:0;text-align:center;max-width:600px}.az-ba__compare-wrap{width:100%;max-width:900px}.az-ba__compare{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--r-l);background-color:var(--color-ground-warm);user-select:none;-webkit-user-select:none;cursor:col-resize;touch-action:none}.az-ba__side{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.az-ba__side--before{z-index:2;clip-path:inset(0 50% 0 0)}.az-ba__side--after{z-index:1}.az-ba__side img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.az-ba__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-ground-warm)}.az-ba__placeholder--after{background-color:var(--color-ground);border:1.5px solid rgba(var(--color-ground-deep-rgb),.08)}.az-ba__placeholder span{font-family:var(--font-body);font-size:var(--text-body-s);color:var(--color-ink-soft);opacity:.55}.az-ba__badge{position:absolute;top:var(--sp-3);font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--fw-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-inverse);background-color:var(--color-ground-deep);padding:4px 10px;border-radius:var(--r-s);z-index:3;pointer-events:none;line-height:1.4}.az-ba__badge--before{left:var(--sp-3)}.az-ba__badge--after{right:var(--sp-3)}.az-ba__handle{position:absolute;top:0;left:50%;width:2px;height:100%;transform:translate(-50%);background-color:#ffffffa6;z-index:10;cursor:col-resize;touch-action:none}.az-ba__handle-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background-color:var(--color-accent);color:var(--color-ink-inverse);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000047;flex-shrink:0;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.az-ba__handle:focus-visible .az-ba__handle-grip,.az-ba__handle:hover .az-ba__handle-grip{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 16px #00000052}.az-ba__cta-wrap{display:flex;justify-content:center}.az-ba__cta{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--sp-5);height:54px;background-color:var(--color-accent);color:var(--color-ink-inverse);border-radius:var(--r-m);font-family:var(--font-body);font-size:var(--text-body-s);font-weight:var(--fw-medium);letter-spacing:.01em;text-decoration:none;transition:background-color var(--t-fast) var(--ease-out)}.az-ba__cta:hover{background-color:var(--color-accent-hover)}.az-ba__sub{font-family:var(--font-body);font-size:var(--text-body-s);color:var(--color-ink-soft);text-align:center;margin:0;line-height:var(--lh-body)}@media screen and (max-width:767px){.az-ba{padding-top:var(--sp-5);padding-bottom:var(--sp-5)}.az-ba__compare{aspect-ratio:4 / 3;border-radius:var(--r-m)}.az-ba__headline{font-size:clamp(26px,7vw,36px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/aurazen-before-after.css.map */