.note-timeline{--nt-pitch:6px;--nt-labels:1.05rem;--nt-pad:0px;-webkit-user-select:none;user-select:none;height:4.8rem;margin:1.4rem 0 .6rem;position:relative}.note-timeline[data-state=error]{display:none}.nt-scroll{--fade-l:0px;--fade-r:0px;scrollbar-width:none;overscroll-behavior-x:contain;cursor:default;height:100%;-webkit-mask-image:var(--nt-mask);-webkit-mask-image:var(--nt-mask);mask-image:var(--nt-mask);--nt-mask:linear-gradient(to right, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);outline:none;overflow:auto hidden}.nt-scroll::-webkit-scrollbar{display:none}.nt-scroll[data-start]{--fade-l:2rem}.nt-scroll[data-end]{--fade-r:2rem}.nt-scroll[data-dragging]{cursor:grabbing}.note-timeline:has(.nt-scroll:focus-visible){box-shadow:0 1px 0 var(--ochre)}.nt-track{height:100%;position:relative}.nt-d{bottom:var(--nt-labels);left:calc(var(--nt-pad) + var(--i) * var(--nt-pitch));width:var(--nt-pitch);transform-origin:50% 100%;flex-direction:column-reverse;align-items:center;gap:2px;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute}.nt-d>i{flex:none;width:2px;display:block}.nt-d>.nt-t{background:color-mix(in srgb, var(--gray) 50%, transparent);width:1px;height:5px}.nt-d[data-m]>.nt-t{background:var(--gray);height:9px}.nt-d>.nt-n{background:var(--darkgray)}.nt-d>.nt-u{background:var(--rust)}.nt-d.on>.nt-t{background:var(--ochre)}.note-timeline[data-touch] .nt-d[data-a]{scroll-snap-align:center}.note-timeline[data-touch] .nt-scroll{scroll-snap-type:x proximity}.nt-m{bottom:0;left:calc(var(--nt-pad) + var(--i) * var(--nt-pitch) + 2px);font:12.5px/1 var(--fell-sc);letter-spacing:.03em;color:var(--muted);white-space:nowrap;position:absolute}.nt-cursor{top:0;bottom:var(--nt-labels);left:var(--nt-pad);background:color-mix(in srgb, var(--ochre) 28%, transparent);width:4px;transform:translateX(calc(var(--c,0) * var(--nt-pitch) + 1px));opacity:0;pointer-events:none;transition:transform 90ms cubic-bezier(.2,.8,.2,1),opacity .12s;position:absolute}.note-timeline[data-active] .nt-cursor{opacity:1}.note-timeline[data-touch] .nt-cursor{display:none}.note-timeline[data-touch]:after{content:"";top:0;bottom:var(--nt-labels);background:color-mix(in srgb, var(--ochre) 28%, transparent);opacity:0;pointer-events:none;width:4px;transition:opacity .12s;position:absolute;left:calc(50% - 2px)}.note-timeline[data-touch][data-active]:after{opacity:1}.nt-card{z-index:20;bottom:calc(100% + .3rem);left:var(--x,0px);box-sizing:border-box;background:var(--light);border:1px solid var(--hair);width:max-content;max-width:min(24rem,100%);max-height:13rem;font:15px/1.35 var(--fell);color:var(--dark);opacity:0;visibility:hidden;pointer-events:none;padding:.4rem .65rem .45rem;transition:opacity .12s,visibility 0s .12s;position:absolute;overflow-y:auto}.note-timeline[data-active] .nt-card{opacity:1;visibility:visible;transition:opacity .12s}.note-timeline[data-pinned] .nt-card,.note-timeline[data-touch] .nt-card{pointer-events:auto}.nt-card time{font:12.5px/1.3 var(--fell-sc);letter-spacing:.03em;color:var(--muted);display:block}.nt-card ul{margin:.15rem 0 0;padding:0;list-style:none}.nt-card li{margin:0;padding:0}.nt-card li+li{margin-top:.12rem}.nt-card a{color:var(--dark);background:0 0;font-weight:400;text-decoration:none;display:block}.nt-card a:hover,.nt-card a:focus-visible{color:var(--rust)}.nt-k{font:12.5px/1 var(--fell-sc);letter-spacing:.04em;color:var(--darkgray);margin-right:.45em}.nt-k[data-k="1"]{color:var(--rust)}.nt-sub{color:var(--muted);font-style:italic}@media (prefers-reduced-motion:reduce){.nt-d,.nt-cursor,.nt-card{transition:none!important}}.note-timeline[data-dir=down]{margin:0}.note-timeline[data-dir=down] .nt-d{top:var(--nt-labels);transform-origin:50% 0;flex-direction:column;bottom:auto}.note-timeline[data-dir=down] .nt-m{top:0;bottom:auto}.note-timeline[data-dir=down] .nt-cursor,.note-timeline[data-dir=down][data-touch]:after{top:var(--nt-labels);bottom:0}.note-timeline[data-dir=down] .nt-card{top:calc(100% + .3rem);bottom:auto}.nt-toolbar{justify-content:center;align-items:center;display:flex}.nt-toggle{width:2rem;height:2rem;color:var(--darkgray);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.nt-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}.nt-toggle:hover,.nt-toggle[aria-expanded=true]{color:var(--rust)}.nt-toggle:focus-visible{outline:1px solid var(--ochre);outline-offset:2px}.nt-drop{--nt-ease:cubic-bezier(.2, .8, .2, 1);visibility:hidden;transition:grid-template-rows .3s var(--nt-ease), visibility 0s .3s;grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);display:grid}.nt-drop[data-open]{visibility:visible;transition:grid-template-rows .3s var(--nt-ease);grid-template-rows:1fr}.nt-panel{min-width:0;min-height:0;overflow:hidden}.nt-drop[data-settled] .nt-panel{overflow:visible}.nt-panel>.note-timeline{opacity:0;transition:transform .3s var(--nt-ease), opacity .22s;margin:.9rem 0 .4rem;transform:translateY(-100%)}.nt-drop[data-open] .nt-panel>.note-timeline{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.nt-drop,.nt-panel>.note-timeline{transition:none!important}}