.hl-lab{--hl-stage-bg:var(--hyerlo-canvas);--hl-face:var(--hyerlo-raised);--hl-stage-border:color-mix(in srgb,var(--hyerlo-border) 85%,transparent);--hl-stroke:rgb(var(--surface-700));--hl-crease:color-mix(in oklab,rgb(var(--surface-700)) 32%,transparent);--hl-crease-lo:color-mix(in oklab,rgb(var(--surface-700)) 22%,transparent);--hl-bright:rgb(var(--surface-900));--hl-dash:color-mix(in oklab,rgb(var(--surface-700)) 35%,transparent);--hl-caption:rgb(var(--surface-700));--hl-hint:rgb(var(--surface-500));--hl-live:rgb(var(--surface-800));--hl-stroke-width:.6;--hl-dot:rgb(var(--surface-700));--hl-dot-m:rgb(var(--surface-900));--hl-dot-off:color-mix(in oklab,rgb(var(--surface-700)) 28%,transparent);--hl-hi:var(--p-primary-500)}.dark .hl-lab,.p-dark .hl-lab{--hl-stage-bg:var(--hyerlo-canvas);--hl-face:var(--hyerlo-raised);--hl-stage-border:color-mix(in srgb,var(--hyerlo-border) 90%,transparent);--hl-stroke:rgb(var(--surface-300));--hl-crease:color-mix(in oklab,rgb(var(--surface-300)) 32%,transparent);--hl-crease-lo:color-mix(in oklab,rgb(var(--surface-300)) 20%,transparent);--hl-bright:rgb(var(--surface-50));--hl-dash:color-mix(in oklab,rgb(var(--surface-300)) 35%,transparent);--hl-caption:rgb(var(--surface-200));--hl-hint:rgb(var(--surface-400));--hl-live:rgb(var(--surface-100));--hl-dot:rgb(var(--surface-300));--hl-dot-m:rgb(var(--surface-50));--hl-dot-off:color-mix(in oklab,rgb(var(--surface-300)) 28%,transparent);--hl-hi:var(--p-primary-400)}.hl-lab .hl-face,.hl-lab .hl-sil,.hl-lab .sil{fill:var(--hl-face);stroke:var(--hl-stroke);stroke-linejoin:round;stroke-width:var(--hl-stroke-width);vector-effect:non-scaling-stroke}.hl-lab .sil.hi{stroke:var(--hl-bright);stroke-width:calc(var(--hl-stroke-width) + .25)}.hl-lab .hl-crease,.hl-lab .hl-nf,.hl-lab .hl-stroke,.hl-lab .nf{fill:none;stroke:var(--hl-crease);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--hl-stroke-width);vector-effect:non-scaling-stroke}.hl-lab .hl-lo,.hl-lab .lo,.hl-lab .nf.lo{fill:none;stroke:var(--hl-crease-lo);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--hl-stroke-width);vector-effect:non-scaling-stroke}.hl-lab .nf.sil{stroke:var(--hl-stroke)}.hl-lab .nf.sil.hi{stroke:var(--hl-bright);stroke-width:calc(var(--hl-stroke-width) + .25)}.hl-lab .fo,.hl-lab .hl-fo,.hl-lab .hl-solid{fill:var(--hl-face);stroke:var(--hl-stroke);stroke-linejoin:round;stroke-width:var(--hl-stroke-width);vector-effect:non-scaling-stroke}.hl-lab .dot,.hl-lab .hl-dot{fill:var(--hl-dot);stroke:none}.hl-lab .dot.m,.hl-lab .hl-dot--m{fill:var(--hl-dot-m)}.hl-lab .dot.off{fill:var(--hl-dot-off)}.hl-lab .ghost path,.hl-lab .hl-ghost{fill:none;opacity:.55;stroke:var(--hl-crease-lo);stroke-linecap:round;stroke-linejoin:round;stroke-width:.45;vector-effect:non-scaling-stroke}.hl-lab .hl-dash,.hl-lab .nf.dash{fill:none;opacity:.55;stroke:var(--hl-dash);stroke-dasharray:2.5 2.5;stroke-linecap:round;stroke-width:var(--hl-stroke-width);vector-effect:non-scaling-stroke}.hl-lab .hl-bright{fill:none;stroke:var(--hl-bright);stroke-linecap:round;stroke-linejoin:round;stroke-width:calc(var(--hl-stroke-width) + .35);vector-effect:non-scaling-stroke}.hl-lab .hl-bands path{fill:transparent;pointer-events:none;stroke:none}.hl-lab .hl-bands.is-on path{fill:color-mix(in oklab,var(--hl-hi) 16%,transparent);stroke:color-mix(in oklab,var(--hl-hi) 45%,transparent);stroke-width:.75}.hl-lab .hl-bands.is-on path.is-active{fill:color-mix(in oklab,var(--hl-hi) 28%,transparent)}.hl-lab label.hl-ctrl{align-items:center;display:inline-flex;font-variant-numeric:tabular-nums;gap:.4rem}.hl-lab label.hl-ctrl input[type=range]{accent-color:var(--hl-hi);width:6.5rem}.hl-lab label.hl-ctrl input[type=checkbox]{accent-color:var(--hl-hi)}