.hz-sheet{--sheet-label-h:22px;--sheet-cap-h:44px;--sheet-chrome:calc(var(--sheet-label-h) + var(--sheet-cap-h));width:min(100cqw, max(min(calc(100cqw - 2 * var(--sky-side,0px)), calc((100cqh - var(--sheet-chrome)) * 8.02)), calc((min(100cqh, var(--sky-sun-room,0px)) - var(--sheet-chrome)) * 8.02)));font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:#fff;pointer-events:none;margin:0;position:relative}.hz-sheet-board{width:100%;margin-top:var(--sheet-label-h);position:relative}.hz-sheet-board--stack{display:none}@media (max-aspect-ratio:20/23){.hz-sheet{--sheet-cap-h:58px;width:min(100cqw, calc((100cqh - var(--sheet-label-h) - var(--sheet-cap-h)) * 2.124))}.hz-sheet-board--row{display:none}.hz-sheet-board--stack{display:block}}.hz-sheet-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hz-sheet-line{fill:none;stroke:#ffffffa8;stroke-width:.72px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0;transition:stroke .3s}.hz-sheet-edge{stroke:#fffffff0;stroke-width:.95px}.hz-sheet-faint{stroke:#ffffff4d}.hz-sheet-ink{fill:#fffffff2;font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-weight:500;transition:fill .3s}.hz-sheet-serif{font-family:var(--film-serif);letter-spacing:-.02em;font-weight:400}.hz-sheet-dim{fill:#ffffff9e;font-weight:400}.hz-sheet-link .hz-sheet-line,[data-frame=measure] .hz-sheet-sun-line,.hz-sheet [data-frame][data-lit] .hz-sheet-sun-line,.hz-sheet [data-frame][data-lit] .hz-sheet-edge{stroke:var(--web-sun)}[data-frame=measure] .hz-sheet-sun-ink,.hz-sheet [data-frame][data-lit] .hz-sheet-sun-ink{fill:var(--web-sun)}.hz-sheet-link .hz-sheet-line{stroke-width:1.1px}.hz-sheet-link-end{fill:var(--web-sun)}.hz-sheet-send{fill:var(--web-sun);stroke:var(--web-sun)}.hz-sheet-send-ink{fill:#0b2138}.hz-sheet-press{transform-box:fill-box;transform-origin:50%}.hz-sheet [data-frame]{transition:opacity .3s}.hz-sheet[data-held] [data-frame]:not([data-lit]),.hz-sheet[data-held] .hz-sheet-link{opacity:.38}.hz-sheet-hit{color:inherit;font:inherit;cursor:default;pointer-events:auto;background:0 0;border:none;border-radius:4px;padding:0;position:absolute}.hz-sheet-hit:focus-visible{outline-offset:4px;outline:1.5px solid #fff}.hz-sheet-label{letter-spacing:.01em;white-space:nowrap;color:#fffc;text-shadow:var(--film-shadow);padding-bottom:7px;font-size:11.5px;font-weight:500;line-height:1;transition:color .3s;position:absolute;bottom:100%;left:0}.hz-sheet-hit:hover .hz-sheet-label,.hz-sheet-hit:focus-visible .hz-sheet-label{color:var(--web-sun)}.hz-sheet-n{font-variant-numeric:tabular-nums;color:#ffffff80;margin-right:6px}.hz-sheet-caps{min-height:calc(var(--sheet-cap-h) - 14px);color:#ffffffc2;text-shadow:var(--film-shadow);margin-top:14px;font-size:12.5px;line-height:1.5;display:grid}.hz-sheet-caps>[data-cap]{opacity:0;grid-area:1/1;transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1);transform:translateY(3px)}.hz-sheet-caps>[data-cap][data-on]{opacity:1;transform:none}.hz-sheet-caps strong{color:#fff;font-weight:500}.hz-sheet-hint{color:#ffffff8a}.hz-sheet-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hz-stage:not([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-line{stroke-dashoffset:1px}.hz-stage:not([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-send{fill:#0000}.hz-stage:not([data-beat=on],[data-beat=leave]) .hz-sheet :is(.hz-sheet-ink,.hz-sheet-label,.hz-sheet-link-end,.hz-sheet-picture,.hz-sheet-caps){opacity:0}.hz-sheet :is([data-frame],.hz-sheet-link,.hz-sheet-hit){--at:calc(var(--sheet-start) + var(--t,0s))}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-edge{animation:hz-sheet-draw .76s cubic-bezier(.65, 0, .35, 1) var(--at) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-wire{animation:hz-sheet-draw .62s cubic-bezier(.22, 1, .36, 1) calc(var(--at) + .26s) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-ink{animation:hz-sheet-set .52s ease-out calc(var(--at) + .48s) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-label{animation:hz-sheet-set .52s ease-out var(--at) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet [data-frame]:not([data-frame=measure]) .hz-sheet-sun-line{animation:hz-sheet-draw .62s cubic-bezier(.22, 1, .36, 1) calc(var(--at) + .26s) both, hz-sheet-glint 1.4s ease calc(var(--at) + .38s) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet [data-frame]:not([data-frame=measure]) .hz-sheet-sun-ink{animation:hz-sheet-set .52s ease-out calc(var(--at) + .48s) both, hz-sheet-glint-ink 1.4s ease calc(var(--at) + .48s) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-picture{animation:hz-sheet-rise .9s cubic-bezier(.22, 1, .36, 1) calc(var(--at) + .3s) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-press{animation:hz-sheet-press .52s cubic-bezier(.22, 1, .36, 1) calc(var(--sheet-start) + var(--sheet-press,1.88s)) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-send{animation:hz-sheet-draw .62s cubic-bezier(.22, 1, .36, 1) calc(var(--at) + .26s) both, hz-sheet-fill .36s ease calc(var(--sheet-start) + 1.56s) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-send-ink{animation:hz-sheet-set .52s ease-out calc(var(--at) + .48s) both, hz-sheet-send-ink .36s ease calc(var(--sheet-start) + 1.56s) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-link .hz-sheet-line{animation:hz-sheet-draw .64s cubic-bezier(.65, 0, .35, 1) var(--at) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-link-end{animation:hz-sheet-set .3s ease-out calc(var(--at) + .56s) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-tick{animation:hz-sheet-draw .42s cubic-bezier(.22, 1, .36, 1) calc(var(--at) + .56s) both}.hz-stage:is([data-beat=on],[data-beat=leave]) .hz-sheet .hz-sheet-caps{animation:hz-sheet-set .6s ease-out calc(var(--sheet-start) + 3.4s) both}@keyframes hz-sheet-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hz-sheet-set{0%{opacity:0}to{opacity:1}}@keyframes hz-sheet-glint{0%,to{stroke:#ffffffa8}25%,55%{stroke:var(--web-sun)}}@keyframes hz-sheet-glint-ink{0%,to{fill:#fffffff2}25%,55%{fill:var(--web-sun)}}@keyframes hz-sheet-rise{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes hz-sheet-press{0%,to{scale:1}35%{scale:.9}}@keyframes hz-sheet-fill{0%{fill:#ffd29a00;stroke:#ffffffa8}to{fill:var(--web-sun);stroke:var(--web-sun)}}@keyframes hz-sheet-send-ink{0%{fill:#fffffff2}to{fill:#0b2138}}@media (max-width:720px){.hz-sheet{--sheet-label-h:0px;--sheet-cap-h:58px}.hz-sheet-label{display:none}.hz-sheet-caps{margin-top:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.hz-sheet *,.hz-sheet .hz-sheet-caps{animation:none!important}.hz-sheet [data-frame],.hz-sheet-caps>[data-cap]{transition:none}}
