[data-hairline]{--hl-plate:var(--hairline-plate,var(--color-paper));--hl-hi:var(--hairline-hi,var(--color-ink));--hl-edge:var(--hairline-edge,var(--color-hairline-edge));--hl-mid:var(--hairline-mid,var(--color-hairline-mid));--hl-lo:var(--hairline-lo,var(--color-hairline-lo));--hl-sw:var(--hairline-stroke,1.05)}:where([data-hairline]){aspect-ratio:5/4;touch-action:pan-y;-webkit-user-select:none;user-select:none;display:block;position:relative}:where([data-hairline]:focus-visible){outline:1.5px solid var(--hl-hi);outline-offset:2px}:where([data-hairline]>svg){width:100%;height:100%;display:block;position:absolute;inset:0}:where([data-hairline]>svg) :where(path,polygon,ellipse,line){fill:var(--hl-plate);stroke:var(--hl-mid);stroke-width:var(--hl-sw);vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;transition:stroke .26s cubic-bezier(.5,0,.1,1)}:where([data-hairline]>svg) :where(.nf){fill:none}:where([data-hairline]>svg) :where(.fo){stroke:none}:where([data-hairline]>svg) :where(.sil){stroke:var(--hl-edge)}:where([data-hairline]>svg) :where(.hi){stroke:var(--hl-hi)}:where([data-hairline]>svg) :where(.lo){stroke:var(--hl-lo)}:where([data-hairline]>svg) :where(.dash){stroke-dasharray:1 3}:where([data-hairline]>svg) :where(.dot){stroke:none;fill:var(--hl-hi);transition:fill .26s cubic-bezier(.5,0,.1,1)}:where([data-hairline]>svg) :where(.dot.m){fill:var(--hl-edge)}:where([data-hairline]>svg) :where(.dot.off){fill:var(--hl-lo)}@media (prefers-reduced-motion:reduce){:where([data-hairline]>svg) :where(path,polygon,ellipse,line,.dot){transition:none}}