.monorail{--monorail-point-size: 5px;--monorail-stroke-width: 1px;--monorail-fill-opacity: 0.1;--monorail-fill-opacity: 0.1;--monorail-font-family: "Fira Code", "DejaVu Sans Mono", Menlo, ui-monospace, "Cascadia Code", "Source Code Pro", Consolas, monospace;--monorail-font-size: 0.75rem;--monorail-bg: #fdfaf9;--monorail-fg: #191819;--monorail-light-gray: #c1c1c9;--monorail-red: #d9174b;--monorail-orange: #f27d00;--monorail-yellow: #e3aa00;--monorail-green: #00b96b;--monorail-blue: #0085fb;--monorail-purple: #3a17c6;--monorail-current-time: #940757;--monorail-swatch-outline: rgb(0 0 0 / 0.1)}@media(prefers-color-scheme: dark){.monorail{--monorail-bg: #191819;--monorail-fg: #fdfaf9;--monorail-light-gray: #313139;--monorail-red: #ff4073;--monorail-orange: #ff9320;--monorail-yellow: #ffd700;--monorail-green: #00ff93;--monorail-blue: #3ea5ff;--monorail-purple: #8b6eff;--monorail-current-time: #fd799c;--monorail-swatch-outline: rgb(255 255 255 / 0.1)}}.monorail{font-family:var(--monorail-font-family);line-height:1.3;font-weight:500;container-type:inline-size}.monorail,.monorail *{box-sizing:border-box}.monorail svg{overflow:visible;display:block}.monorail-lines{stroke-width:var(--monorail-stroke-width)}.monorail-fills path{opacity:var(--monorail-fill-opacity)}.monorail-points{stroke-width:var(--monorail-point-size);stroke-linecap:round}.monorail-zero-line,.monorail-notch{stroke:var(--monorail-light-gray)}.monorail-current-time{stroke:var(--monorail-current-time);stroke-width:var(--monorail-stroke-width);stroke-dasharray:2 3;stroke-linecap:round}.monorail-current-time-point{stroke-width:var(--monorail-point-size);stroke-linecap:square;transform-box:fill-box;transform-origin:center;transform:rotate(45deg)}.monorail-timeline{font-size:var(--monorail-font-size);display:flex;justify-content:space-between;height:1.3em;position:relative;margin:.5em 0}.monorail-timeline div{flex:0 0 0}.monorail-timeline span{position:absolute;transform:translateX(-50%)}.monorail-play-pause-button{margin-bottom:.75rem}.monorail:not(.monorail-playing) .monorail-pause,.monorail-playing .monorail-play{display:none}.monorail-tooltip{font-size:var(--monorail-font-size);display:inline-block;padding:.625rem;border:1px solid var(--monorail-light-gray);color:var(--monorail-fg);background-color:var(--monorail-bg);border-radius:4px;width:100%}.monorail-tooltip>div{display:flex;justify-content:space-between;gap:0 1.5rem;position:relative;flex-wrap:wrap}.monorail-color-swatch{display:inline-block;vertical-align:middle;width:1em;height:1em;border-radius:2px;outline:1px solid var(--monorail-swatch-outline);outline-offset:-1px;transform:translateY(-0.1em);margin-left:.2em;left:101%}@container (min-width: 400px){.monorail svg{--monorail-point-size: 8px;--monorail-stroke-width: 2px}.monorail-timeline,.monorail-play-pause-button,.monorail-tooltip{--monorail-font-size: 0.875rem}.monorail-tooltip{min-width:var(--monorail-tooltip-min-width)}.monorail-current-time{stroke-dasharray:4 6}}@container (min-width: 600px){.monorail-tooltip{width:fit-content;transform:translateX(calc(var(--monorail-tooltip-x) + var(--monorail-tooltip-margin)))}}