/* Swiss grid: the hairlines (gridLines). Lines take --sw-line and --sw-line-w; numbers --sw-n-ink. */
.sw-lines .sw-v, .sw-lines .sw-h { position: absolute; display: block; background: var(--sw-line, color-mix(in srgb, currentColor 14%, transparent)); transition: transform .32s cubic-bezier(.2, 0, 0, 1); }
.sw-lines .sw-v { top: 0; bottom: 0; width: var(--sw-line-w, 1px); transform-origin: 50% 0; }
.sw-lines .sw-h { left: 0; right: 0; height: var(--sw-line-w, 1px); transform-origin: 0 50%; }
.sw-lines .sw-n { position: absolute; top: 10px; padding-left: 6px; font: 500 11px/1 var(--sx-text, system-ui, sans-serif); font-variant-numeric: tabular-nums; color: var(--sw-n-ink, color-mix(in srgb, currentColor 55%, transparent)); transition: opacity .2s; }
@media (prefers-reduced-motion: reduce) { .sw-lines .sw-v, .sw-lines .sw-h { transition: none; } }