:root{--hm-ease:cubic-bezier(.16, 1, .3, 1);--hm-row:68px;--hm-amber-text:#8a5400}.dark{--hm-amber-text:var(--am-amber)}@media (min-width:768px){:root{--hm-row:52px}}html:not(.js) .hm-js-only{display:none!important}@media (prefers-reduced-motion:reduce){.hm-js-only{display:none!important}}.hm-replay{font-family:var(--font-mono);color:var(--am-text-2);white-space:nowrap;border-radius:4px;outline:none;min-height:44px;padding:8px 4px;font-size:12px;line-height:16px}.hm-replay:hover{color:var(--am-text-1)}.hm-replay:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--am-align) 55%, transparent)}.hm-line,.hm-wd{margin:-.12em -.05em;padding:.12em .05em;display:block;overflow:hidden}.hm-wd{vertical-align:top;margin:-.1em -.02em;padding:.1em .02em;display:inline-block}.hm-line-in,.hm-wd-in{text-wrap:balance;display:block}.hm-wd-in{display:inline-block}.hm-tok{white-space:nowrap;position:relative}.hm-tok-line{transform-origin:0;background:currentColor;height:1px;position:absolute;bottom:-.12em;left:0;right:0}.hm-rule{border-top:1px solid var(--am-align);border-bottom:1px solid var(--am-align);transform-origin:100%;height:3px}.hm-rule.is-ink{border-color:var(--am-text-1)}.hm-amt{font-variant-numeric:tabular-nums slashed-zero}.hm-ch{display:inline-block}.hm-slot{opacity:0}.hm-rows{min-height:calc(var(--hm-row) * 7)}.hm-row{height:var(--hm-row);border-top-color:var(--am-hairline)}.hm-row.is-first{border-top-color:var(--am-hairline-strong)}.hm-amber,.hm-check .hm-acct{color:var(--hm-amber-text)}.hm-dup{white-space:nowrap;opacity:0;position:absolute;top:0;left:0}.hm-ditto{padding-left:2px;display:inline-block}.hm-bar{transform-origin:bottom}:root{--hm-guide:#00000012;--hm-tick:#00000047;--hm-paper:#0000000e}.dark{--hm-guide:#ffffff0f;--hm-tick:#ffffff52;--hm-paper:#ffffff0b}.hm-page{isolation:isolate;position:relative}.hm-guide{background:var(--hm-guide);width:1px;position:absolute;top:0;bottom:0}.hm-tick{top:calc(-1 * var(--hm-py,64px));width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.hm-tick:before,.hm-tick:after{content:"";background:var(--hm-tick);position:absolute}.hm-tick:before{width:1px;height:9px;top:0;left:4px}.hm-tick:after{width:9px;height:1px;top:4px;left:0}@layer components{.hm-page :where(h1,h2,h3,p){background-color:var(--am-bg);width:fit-content}.hm-page .hm-panel :where(h1,h2,h3,p){background-color:#0000;width:auto}}.hm-paper{width:100%;height:100%;color:var(--hm-paper);pointer-events:none;position:absolute;inset:0}.hm-controls{counter-reset:hmc}.hm-controls>li,.hm-controls>[data-gate]>li{counter-increment:hmc}.hm-ctl-code:before{content:"C" counter(hmc)}.hm-cells{overflow:hidden}.hm-cells>li{border-top:1px solid var(--am-hairline);border-left:1px solid var(--am-hairline);margin:-1px 0 0 -1px}.hm-spark{fill:none;stroke:var(--am-text-1);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.hm-spark-base{stroke:var(--am-hairline-strong);stroke-width:1px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.hm-btn{font-family:var(--font-mono);border:1px solid var(--am-hairline-strong);min-height:36px;color:var(--am-text-1);cursor:pointer;transition:background-color .12s var(--hm-ease), border-color .12s var(--hm-ease);background:0 0;border-radius:2px;outline:none;padding:0 12px;font-size:12px;line-height:16px}.hm-btn:hover{background:var(--am-surface-2);border-color:var(--am-text-2)}.hm-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--am-align) 55%, transparent)}.hm-btn.is-primary{background:var(--am-text-1);color:var(--am-bg);border-color:var(--am-text-1)}.hm-btn.is-primary:hover{background:var(--am-text-2)}.hm-select{border:1px solid var(--am-hairline-strong);background:var(--am-bg);min-height:36px;color:var(--am-text-1);border-radius:2px;padding:0 8px;font-size:13px}@media screen and (prefers-reduced-motion:no-preference){html.js [data-mf=wait] .hm-line-in,html.js [data-mf=wait] .hm-wd-in{transform:translateY(112%)}html.js [data-mf=play] .hm-line-in{transition:transform .64s var(--hm-ease) calc(var(--i,0) * .11s + var(--d,0s))}html.js [data-mf=play] .hm-wd-in{transition:transform .52s var(--hm-ease) calc(var(--d,0s) + var(--i,0) * 34ms)}.hm-clip{clip-path:inset(-6px)}html.js [data-mf=wait] .hm-clip{clip-path:inset(-6px 100% -6px -6px)}html.js [data-mf=play] .hm-clip{transition:clip-path var(--t,.48s) var(--hm-ease) var(--d,0s)}html.js [data-mf=wait] .hm-fade{opacity:0}html.js [data-mf=play] .hm-fade{transition:opacity var(--t,.24s) ease-out var(--d,0s)}html.js [data-mf=wait] .hm-in-l{opacity:0;transform:translate(-56px)}html.js [data-mf=wait] .hm-in-r{opacity:0;transform:translate(56px)}html.js [data-mf=play] .hm-in-l,html.js [data-mf=play] .hm-in-r{transition:transform .56s var(--hm-ease) var(--d,0s), opacity .2s ease-out var(--d,0s)}html.js [data-mf=wait] .hm-draw{transform:scaleX(0)}html.js [data-mf=play] .hm-draw{transition:transform var(--t,.52s) var(--hm-ease) var(--d,0s)}html.js [data-mf=wait] .hm-amt .hm-ch{opacity:0;transform:translateX(calc((var(--n,1) - var(--i,0)) * 1ch))}html.js [data-mf=play] .hm-amt .hm-ch{transition:transform .44s var(--hm-ease) calc(var(--d,0s) + var(--i,0) * 34ms), opacity 90ms linear calc(var(--d,0s) + var(--i,0) * 34ms)}html.js [data-mf=wait] .hm-slot{opacity:1}html.js [data-mf=play] .hm-slot{transition:opacity .2s ease-out .48s}html.js [data-mf=wait] .hm-spark{stroke-dasharray:1;stroke-dashoffset:1px}html.js [data-mf=play] .hm-spark{stroke-dasharray:1;transition:stroke-dashoffset .9s var(--hm-ease) var(--d,.3s)}html.js [data-mf=wait] .hm-bar{transform:scaleY(0)}html.js [data-mf=play] .hm-bar{transition:transform .52s var(--hm-ease) calc(var(--i,0) * 45ms)}html.js [data-mf=wait] .hm-row{transform:translateY(calc(var(--from,0) * var(--hm-row)));border-top-color:var(--am-hairline)}html.js [data-mf=play] .hm-row{transition:transform .62s var(--hm-ease) calc(1.75s + var(--i,0) * 40ms), border-color .3s ease-out 2.3s}html.js [data-mf=wait] .hm-dup{opacity:1}html.js [data-mf=wait] .hm-ditto{opacity:0}html.js [data-mf=play] .hm-dup,html.js [data-mf=play] .hm-ditto{transition:opacity .24s ease-out 2.35s}html.js [data-mf=wait] .hm-check .hm-acct{color:var(--am-text-1)}html.js [data-mf=play] .hm-check .hm-acct{transition:color .2s ease-out 1.5s}}
