@layer components{.a2-tl{--a2-tl-row:26px;--a2-tl-label:15rem;flex-direction:column;gap:8px;min-width:0;margin:0;display:flex}.a2-tl__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;display:flex}.a2-tl__legend{color:var(--a2-note);flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.a2-tl__legend li{align-items:center;gap:6px;display:inline-flex}.a2-tl__key{flex:none;display:inline-block}.a2-tl__key--use{background:var(--a2-elyos);width:2px;height:12px}.a2-tl__key--win{background:var(--a2-elyos);opacity:.55;border-radius:2px;width:14px;height:8px}.a2-tl__key--death{background:var(--a2-warning);width:2px;height:12px}.a2-tl__zoom{color:var(--a2-note);align-items:center;gap:4px;font-size:12px;display:inline-flex}.a2-tl__zoom>span{margin-right:4px}.a2-tl__zoom button[aria-pressed=true]{color:#fff;box-shadow:inset 0 0 0 1px var(--a2-select-line,#ffffff4d)}.a2-tl__grid{grid-template-columns:minmax(0, var(--a2-tl-label)) minmax(0, 1fr);min-width:0;display:grid;container-type:inline-size}.a2-tl__labels{min-width:0}.a2-tl__label,.a2-tl__head{height:var(--a2-tl-row);min-width:0;box-shadow:inset 0 -1px 0 var(--a2-list-line);align-items:center;gap:6px;padding-right:8px;font-size:12.5px;display:flex}.a2-tl__label img,.a2-tl__ph{border-radius:3px;flex:none;width:20px;height:20px}.a2-tl__ph{background:var(--a2-sunken);display:inline-block}.a2-tl__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--a2-text);flex:auto;overflow:hidden}.a2-tl__name a{color:inherit}.a2-tl__name a:hover{color:var(--a2-link);text-decoration:underline}.a2-tl__n{color:var(--a2-text-faint);flex:none;font-size:11.5px}.a2-tl__head{z-index:1;white-space:nowrap;text-overflow:ellipsis;width:max-content;max-width:100cqw;line-height:var(--a2-tl-row);color:var(--a2-note);box-shadow:none;font-weight:600;display:block;position:relative;overflow:hidden}.a2-tl__head span{text-overflow:ellipsis;display:block;overflow:hidden}.a2-tl__scroll{overscroll-behavior-x:contain;min-width:0;overflow-x:auto}.a2-tl__plot{width:calc(100% * var(--a2-tl-zoom,1));min-width:100%;padding-bottom:20px;position:relative}.a2-tl__lane{height:var(--a2-tl-row);box-shadow:inset 0 -1px 0 var(--a2-list-line)}.a2-tl__lane svg{width:100%;height:100%;display:block}.a2-tl__lane--head{background:#ffffff05}.a2-tl__use,.a2-tl__win{fill:none;vector-effect:non-scaling-stroke}.a2-tl__use{stroke:var(--a2-elyos);stroke-width:2px}.a2-tl__win{stroke:var(--a2-elyos);stroke-opacity:.55;stroke-width:10px}.a2-tl__rule,.a2-tl__death,.a2-tl__cross{width:1px;position:absolute;top:0;bottom:20px}.a2-tl__rule{background:var(--a2-list-line);pointer-events:none}.a2-tl__death{background:var(--a2-warning);width:2px}.a2-tl__death:after{content:"";position:absolute;inset:0 -5px}.a2-tl__cross{pointer-events:none;background:#fff6}.a2-tl__cross[hidden]{display:none}.a2-tl__clock{color:#fff;white-space:nowrap;background:#000000c0;border-radius:3px;padding:0 4px;font-size:11px;position:absolute;top:0;left:4px}.a2-tl__cross[data-side=left] .a2-tl__clock{left:auto;right:4px}.a2-tl__axis{height:18px;color:var(--a2-text-faint);font-size:11px;position:absolute;bottom:0;left:0;right:0}.a2-tl__axis span{white-space:nowrap;position:absolute;top:2px;transform:translate(-50%)}.a2-tl__axis span:first-child{transform:none}.a2-tl__axis span.a2-tl__end{transform:translate(-100%)}@media (max-width:639.98px){.a2-tl{--a2-tl-label:9rem}.a2-tl__zoom{display:none}.a2-tl__plot{width:100%}.a2-tl__axis span:nth-child(2n){display:none}}}