rd-screen{display:block;background-color:#000;width:352px;height:198px}rd-timeline{--min-width: 1;--min-height: 4;--unit: 2px;display:grid;grid-template-rows:repeat(var(--min-height), calc(14 * var(--unit)));grid-auto-rows:calc(14*var(--unit));min-width:calc(14*var(--min-width)*var(--unit));image-rendering:pixelated;background:url(http://localhost:4000/images/rd-view/grid.png) top left/calc(14 * var(--unit)) local padding-box;overflow:auto visible}rd-timeline[inline]{--min-height: 1;--unit: calc(1ic / 14);display:inline grid;background:none;vertical-align:middle;transform:translateY(calc(0.5ex - 0.5cap))}button[is=rd-event]{--event-x: 0;--event-y: 0;--x: 0;--y: 0;--width: 1;--height: 1;grid-row:calc(var(--y) + 1)/span var(--height);grid-column:1;display:grid;appearance:none;font:inherit;width:calc(14*var(--width)*var(--unit));background:url(http://localhost:4000/images/rd-view/event.png) calc(-14*var(--event-x)*var(--unit)) calc(-14 * var(--unit) * (var(--event-y) + 4))/calc(322 * var(--unit));padding:0;border:none;margin-left:calc(14*var(--x)*var(--unit))}button[is=rd-event]:active,button[is=rd-event]:has(+:popover-open){background-position:calc(-14*var(--event-x)*var(--unit)) calc(-14*var(--event-y)*var(--unit))}button[is=rd-event]:not(:active,:has(+:popover-open))>rd-effect[type=hold]{visibility:hidden}button[is=rd-beat]{--x: 0;--y: 0;--width: 1;grid-row:calc(var(--y) + 1);grid-column:1;display:grid;appearance:none;font:inherit;width:calc(14*var(--width)*var(--unit));background:none;padding:0;border:solid rgba(0,0,0,0);border-width:0 0 0 calc(2*var(--unit));border-image:url(http://localhost:4000/images/rd-view/beat-border.png) 2 0 2 2 fill/calc(2 * var(--unit)) 0 calc(2*var(--unit)) calc(2*var(--unit));margin-left:calc(14*var(--x)*var(--unit))}button[is=rd-beat]:active,button[is=rd-beat]:has(+:popover-open){border-image-source:url(http://localhost:4000/images/rd-view/beat-border-active.png)}button[is=rd-beat]:not(:hover)>rd-pulse:not([type=hit],[type=subhit],[type=skip],[type=freeze],[type=burn]){visibility:hidden}button[is=rd-event]:active>rd-effect[type=hold],button[is=rd-event]:has(+:popover-open)>rd-effect[type=hold],button[is=rd-beat]:active>rd-effect[type=hold],button[is=rd-beat]:has(+:popover-open)>rd-effect[type=hold]{background-image:url(http://localhost:4000/images/rd-view/hold-bg-active.png);border-image-source:url(http://localhost:4000/images/rd-view/hold-border-active.png)}rd-pulse{--x: 0;grid-area:1/1;display:block;width:calc(3*var(--unit));height:100%;background:url(http://localhost:4000/images/rd-view/pulse.png) center/contain no-repeat;margin-left:calc((14*var(--x) - 3)*var(--unit))}rd-pulse[type=subpulse]{background-image:url(http://localhost:4000/images/rd-view/subpulse.png)}rd-pulse[type=hit]{width:calc(5*var(--unit));background-image:url(http://localhost:4000/images/rd-view/hit.png);margin-left:calc((14*var(--x) - 4)*var(--unit))}rd-pulse[type=subhit]{width:calc(5*var(--unit));background-image:url(http://localhost:4000/images/rd-view/subhit.png);margin-left:calc((14*var(--x) - 4)*var(--unit))}rd-pulse[type=skip]{pointer-events:none;width:calc(5*var(--unit));background-image:url(http://localhost:4000/images/rd-view/skip.png);margin-left:calc((14*var(--x) - 5)*var(--unit))}rd-pulse[type=freeze]{width:calc(5*var(--unit));background-image:url(http://localhost:4000/images/rd-view/freeze.png);margin-left:calc((14*var(--x) - 4)*var(--unit))}rd-pulse[type=burn]{width:calc(7*var(--unit));background-image:url(http://localhost:4000/images/rd-view/burn.png);margin-left:calc((14*var(--x) - 5)*var(--unit))}rd-pulse[type=cue]{background-image:url(http://localhost:4000/images/rd-view/cue.png)}rd-effect{--x: 0;--width: 1;grid-area:1/1;display:block;pointer-events:none;width:calc(14*var(--width)*var(--unit));height:100%;box-sizing:border-box;margin-left:calc((14*var(--x) - 2)*var(--unit))}rd-effect[type=hold]{padding:var(--unit) var(--unit) var(--unit) 0;background:url(http://localhost:4000/images/rd-view/hold-bg.png) top left/calc(2 * var(--unit)) content-box;border-image:url(http://localhost:4000/images/rd-view/hold-border.png) 0 2 0 0 fill/0 calc(2*var(--unit)) 0 0}rd-effect[type=subdiv]{background:url(http://localhost:4000/images/rd-view/subdiv-bg.png) left/calc(2 * var(--unit)) content-box}rd-effect[type=skip]{background:url(http://localhost:4000/images/rd-view/skip-bg.png) left/calc(2 * var(--unit)) content-box}rd-indicator{grid-area:1/1;display:block;width:100%;height:100%}rd-indicator[type=conditional]{background:url(http://localhost:4000/images/rd-view/conditional.png) top left/calc(6 * var(--unit)) no-repeat}rd-indicator[type=negated-conditional]{background:url(http://localhost:4000/images/rd-view/negated-conditional.png) top left/calc(6 * var(--unit)) no-repeat}rd-indicator[type=mixed-conditional]{background:url(http://localhost:4000/images/rd-view/mixed-conditional.png) top left/calc(6 * var(--unit)) no-repeat}rd-indicator[type=tagged]{background:url(http://localhost:4000/images/rd-view/tagged.png) bottom left/calc(6 * var(--unit)) no-repeat}rd-tooltip{display:block;position:absolute;position-fallback:--tooltip-position;inset:auto;left:clamp(0px,anchor(left) - 4px,100% - 340px);color:#fff;font-size:16px;font-weight:bold;line-height:23px;background-color:rgba(43,43,43,.9333333333);width:min(340px,100%);box-sizing:border-box;padding:4px 10px;border:4px solid #1a1a1a;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}rd-tooltip:popover-open{opacity:1;visibility:visible}rd-tooltip input,rd-tooltip textarea{color:#323232;font:inherit;background-color:#fff;width:100%;box-sizing:border-box;padding:3px 5px;border:none;border-radius:4px;box-shadow:2px 2px #d1d1d1 inset}rd-tooltip input.semidark,rd-tooltip textarea.semidark{color:#cecece;background-color:#3c3c3c;box-shadow:2px 2px #313131 inset}rd-tooltip input.dark,rd-tooltip textarea.dark{color:#fff;background-color:#1f1f1f;box-shadow:2px 2px #191919 inset}@position-fallback --tooltip-position{@try{top:calc(anchor(bottom) - 4px)}@try{bottom:calc(anchor(top) - 4px)}}.rd-text-stroke{text-shadow:0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black),0 0 calc(1px*var(--stroke-width, 2)) var(--stroke-color, black)}.rd-label{display:inline grid;align-items:center}.rd-label>*{grid-area:1/1}.rd-label>span{pointer-events:none;color:#b2b2b2;padding:0 5px;z-index:1}.rd-select{display:inline grid;align-items:center}.rd-select>*{grid-area:1/1}.rd-select>input{background-color:#e5e5e5;box-shadow:none}.rd-select::after{content:"▼";grid-area:1/1;color:#2e2e2e;text-align:right;padding:0 5px}