:where([data-hairline]){aspect-ratio:5/4;touch-action:pan-y;-webkit-user-select:none;user-select:none;--hl-sw:var(--hairline-stroke,.9);--hl-plate:var(--hairline-plate,#fff);--hl-hi:var(--hairline-hi,#232327);--hl-edge:var(--hairline-edge,#a4a4ac);--hl-mid:var(--hairline-mid,#c3c3c9);--hl-lo:var(--hairline-lo,#e0e0e4);display:block;position:relative}:where(.dark,[data-theme=dark]) :where([data-hairline]){--hl-plate:var(--hairline-plate,#08090a);--hl-hi:var(--hairline-hi,#d0d6e0);--hl-edge:var(--hairline-edge,#5b5d64);--hl-mid:var(--hairline-mid,#3e3e44);--hl-lo:var(--hairline-lo,#29292d)}:where([data-hairline][data-hairline-theme=light]){--hl-plate:var(--hairline-plate,#fff);--hl-hi:var(--hairline-hi,#232327);--hl-edge:var(--hairline-edge,#a4a4ac);--hl-mid:var(--hairline-mid,#c3c3c9);--hl-lo:var(--hairline-lo,#e0e0e4)}:where([data-hairline][data-hairline-theme=dark]){--hl-plate:var(--hairline-plate,#08090a);--hl-hi:var(--hairline-hi,#d0d6e0);--hl-edge:var(--hairline-edge,#5b5d64);--hl-mid:var(--hairline-mid,#3e3e44);--hl-lo:var(--hairline-lo,#29292d)}: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]>[data-hairline-live]){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}: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)}:where([data-hairline]>svg) :where(.ghost path){fill:none;stroke:var(--hl-mid)}[data-hairline]{--hairline-plate:#f2f0eb;--hairline-hi:#5769e0;--hairline-edge:#111543;--hairline-mid:#7d809d;--hairline-lo:#d9d6ce;--hairline-stroke:1.1;aspect-ratio:5/4}[data-hairline] svg :where(path,polygon,ellipse,line){transition:stroke .26s cubic-bezier(.16,1,.3,1)}[data-hairline] svg .dot{transition:fill .26s cubic-bezier(.16,1,.3,1)}.hl-legende{text-align:center;min-height:1.25rem;color:var(--text-light);opacity:0;visibility:hidden;transition:opacity var(--sc-dur-micro) var(--sc-ease-out-expo), visibility 0s linear var(--sc-dur-micro);margin:.5rem 0 0;font-size:.875rem;line-height:1.25rem}.hl-legende.hl-legende--visible{opacity:1;visibility:visible;transition:opacity var(--sc-dur-fast) var(--sc-ease-out-expo), visibility 0s}.hl-legende__survol{display:none}@media (hover:hover){.hl-legende__survol{display:inline}.hl-legende__toucher{display:none}}@media print{[data-hairline] svg :where(path,polygon,ellipse,line){opacity:1!important;fill-opacity:1!important}[data-hairline] svg :where(path,polygon,ellipse,line):not(.dash){stroke-dasharray:none!important;stroke-dashoffset:0!important}}@media (prefers-reduced-motion:reduce){[data-hairline] svg :where(path,polygon,ellipse,line),[data-hairline] svg .dot{transition:none}.hl-legende{display:none}}