.tp-stage{position:relative}@media (width>=64rem){.tp-stage{aspect-ratio:1200/620}.tp-stage [data-node]{top:calc(var(--y) / 620 * 100%);left:calc(var(--x) / 1200 * 100%);width:calc(var(--w) / 1200 * 100%);height:calc(var(--h) / 620 * 100%);position:absolute}}.tp-links path{fill:none;stroke-linecap:round}.tp-link{stroke:var(--color-border-strong,var(--hm-hairline));stroke-width:1.25px}.tp-pulse{opacity:0;filter:drop-shadow(0 0 4px var(--color-brand));stroke:var(--color-brand);stroke-width:2px;stroke-dasharray:.14 1.3}.tp-mini{width:calc(100% / var(--s,.72));height:calc(100% / var(--s,.72));transform:scale(var(--s,.72));transform-origin:0 0}.tp-mini[dir=rtl]{transform-origin:100% 0}.tp-tile{position:relative}.tp-tile:after{pointer-events:none;content:"";border-radius:inherit;box-shadow:0 0 0 1px var(--color-brand), 0 0 24px -4px var(--color-brand);opacity:0;position:absolute;inset:-1px}@media (prefers-reduced-motion:no-preference){.hm-scene:is([data-play=on],[data-now]) .tp-pulse{animation:tp-pulse 1.1s var(--hm-ease-in-out) calc(var(--d,0) * 1ms) both}.hm-scene:is([data-play=on],[data-now]) .tp-tile:after{animation:tp-ring 1.4s ease-out calc(var(--r,0) * 1ms) both}}@keyframes tp-pulse{0%{opacity:0;stroke-dashoffset:.14px}12%{opacity:1}85%{opacity:1}to{opacity:0;stroke-dashoffset:-1.16px}}@keyframes tp-ring{0%{opacity:0}18%{opacity:.55}to{opacity:0}}.tp-thread{position:relative}@media (width>=85rem){.tp-thread:before,.tp-thread:after{pointer-events:none;content:"";width:1px;position:absolute;inset-block:4rem;inset-inline-start:calc(50% - 600px - 1.75rem)}.tp-thread:before{background:var(--hm-hairline)}.tp-thread:after{background:linear-gradient(to bottom, transparent, var(--color-brand) 12%, var(--color-brand));opacity:0;transform-origin:top}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tp-thread:after{opacity:.7;animation:linear both tp-fill;animation-timeline:view();animation-range:cover 15% cover 85%}}}}@keyframes tp-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.tp-tab-bar{transform-origin:0;transition:transform .42s var(--hm-ease);transform:scaleX(0)}.tp-tab[aria-selected=true] .tp-tab-bar{transform:scaleX(1)}.tp-flash{pointer-events:none;opacity:0}@media (prefers-reduced-motion:no-preference){.hm-scene:is([data-play=on],[data-now]) .tp-flash{animation:tp-flash calc(var(--len,1000) * 1ms) var(--hm-ease) calc(var(--d,0) * 1ms) both}.hm-scene[data-play=off] .tp-seq [data-tp=note-section]{opacity:0}.hm-scene:is([data-play=on],[data-now]) .tp-seq [data-tp=note-section]{animation:hm-a .56s var(--hm-ease) calc((var(--tp-base,3150) + var(--tp-i,0) * 150) * 1ms) both}.hm-scene:is([data-play=on],[data-now]) .tp-seq [data-tp=note-value]{animation:tp-mark .9s ease calc((var(--tp-base,3150) + 500) * 1ms) both}}@keyframes tp-flash{0%{opacity:0;transform:translateY(4px)scale(.985)}12%{opacity:1;transform:none}86%{opacity:1}to{opacity:0}}@keyframes tp-mark{0%{box-shadow:0 0 #0000}35%{box-shadow:0 0 0 4px var(--color-brand-subtle)}to{box-shadow:0 0 #0000}}