@layer equip{.eq-compare{--_handle:32px;border:1px solid var(--eq-line);border-radius:var(--eq-radius-l);background:var(--eq-surface);color:var(--eq-ink);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;display:grid;position:relative;overflow:hidden}.eq-compare[data-orientation=vertical]{cursor:ns-resize;touch-action:pan-x}.eq-compare-layer{grid-area:1/1;min-width:0;min-height:0}.eq-compare-layer[data-layer=after]{clip-path:inset(0 0 0 var(--_pos))}.eq-compare[data-orientation=vertical] .eq-compare-layer[data-layer=after]{clip-path:inset(var(--_pos) 0 0 0)}.eq-compare-divider{top:0;bottom:0;left:var(--_pos);background:var(--eq-raised);width:2px;box-shadow:0 0 0 1px var(--eq-line-strong);pointer-events:none;margin-left:-1px;position:absolute}.eq-compare[data-orientation=vertical] .eq-compare-divider{top:var(--_pos);width:auto;height:2px;margin:-1px 0 0;bottom:auto;left:0;right:0}.eq-compare[data-glide] .eq-compare-layer[data-layer=after]{transition:clip-path var(--eq-dur-move) var(--eq-spring)}.eq-compare[data-glide] .eq-compare-divider{transition:left var(--eq-dur-move) var(--eq-spring), top var(--eq-dur-move) var(--eq-spring)}.eq-compare-handle{box-sizing:border-box;width:var(--_handle);height:var(--_handle);margin:calc(var(--_handle) / -2) 0 0 calc(var(--_handle) / -2);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-full);background:var(--eq-raised);color:var(--eq-ink-2);box-shadow:var(--eq-shadow);-webkit-backdrop-filter:var(--eq-blur);backdrop-filter:var(--eq-blur);pointer-events:auto;cursor:grab;transition:color var(--eq-dur) var(--eq-ease), scale var(--eq-dur-move) var(--eq-spring);place-items:center;display:grid;position:absolute;top:50%;left:50%}.eq-compare-handle>svg{width:16px;height:16px}.eq-compare[data-orientation=vertical] .eq-compare-handle>svg{rotate:90deg}@media (hover:hover){.eq-compare-handle:hover{color:var(--eq-ink)}}.eq-compare[data-dragging] .eq-compare-handle{color:var(--eq-ink);cursor:grabbing;scale:1.15}.eq-compare-handle:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-compare-label{top:var(--eq-space-2);height:20px;padding:0 var(--eq-space-2);border-radius:var(--eq-radius-s);background:color-mix(in srgb, var(--eq-raised) 88%, transparent);color:var(--eq-ink);font:var(--eq-weight-strong) var(--eq-text-xs) / 1 var(--eq-font);pointer-events:none;transition:opacity var(--eq-dur) var(--eq-ease);align-items:center;display:inline-flex;position:absolute}.eq-compare-label[data-side=before]{left:var(--eq-space-2)}.eq-compare-label[data-side=after]{right:var(--eq-space-2)}.eq-compare[data-orientation=vertical] .eq-compare-label[data-side=after]{top:auto;right:auto;bottom:var(--eq-space-2);left:var(--eq-space-2)}.eq-compare-label[data-hidden]{opacity:0}}