.timeline-grid.svelte-uyiwpe{--ruler:calc(40 * var(--chops-unit));--number-top:calc(11.2 * var(--chops-unit));--number-size:calc(15 * var(--chops-unit));--number-opacity:var(--timeline-number-opacity,.55);--lines-opacity:.6;--fade-start:var(--timeline-fade-start,69%);--fade-end:var(--timeline-fade-end,86%);--grid-px:calc(100cqw / var(--grid-width));z-index:-1;pointer-events:none;position:absolute;inset:0}@media (width>=48rem){.timeline-grid.svelte-uyiwpe{--ruler:calc(36 * var(--chops-unit));--number-top:calc(12 * var(--chops-unit));--number-size:calc(14.4 * var(--chops-unit));--number-opacity:var(--timeline-number-opacity,.75);--lines-opacity:.8;--fade-start:var(--timeline-fade-start,71%);--fade-end:var(--timeline-fade-end,88%)}}.lines.svelte-uyiwpe{opacity:var(--lines-opacity);-webkit-mask-image:linear-gradient(to bottom, black var(--fade-start), transparent var(--fade-end));mask-image:linear-gradient(to bottom, black var(--fade-start), transparent var(--fade-end));position:absolute;inset:0}.ruler.svelte-uyiwpe{top:var(--ruler);background-color:var(--ui-03);height:1px;position:absolute;left:0;right:0}.bar.svelte-uyiwpe{top:0;bottom:0;left:calc(var(--chops-margin) + var(--bar-index) * var(--chops-bar));width:var(--chops-bar);border-left:1px solid var(--ui-03);position:absolute}.bar.svelte-uyiwpe:nth-of-type(n+6){display:none}@media (width>=48rem){.bar.svelte-uyiwpe:nth-of-type(n+6){display:block}.bar.svelte-uyiwpe:last-of-type{border-right:1px solid var(--ui-03)}}.number.svelte-uyiwpe{top:var(--number-top);left:calc(var(--chops-bar) * .09);color:var(--ui-04);font-size:var(--number-size);opacity:var(--number-opacity);mix-blend-mode:var(--timeline-number-blend,normal);line-height:1;position:absolute}.tick.svelte-uyiwpe{top:calc(25 * var(--chops-unit));left:calc(var(--beat) * 25%);width:1px;height:calc(11 * var(--chops-unit));background-color:var(--text-01);opacity:.09;display:none;position:absolute}@media (width>=48rem){.tick.svelte-uyiwpe{display:block}}.marker.svelte-uyiwpe{top:calc(36 * var(--chops-unit));left:calc(var(--chops-margin) + var(--start) * var(--chops-bar) + var(--grid-px));width:calc(var(--span) * var(--chops-bar) - 2 * var(--grid-px));height:calc(18 * var(--chops-unit));padding-inline:calc(9 * var(--chops-unit));border-radius:calc(3 * var(--chops-unit));background-color:color-mix(in srgb, var(--text-01) 3%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-01) 6%, transparent);color:color-mix(in srgb, var(--text-01) 18%, transparent);font-size:calc(11 * var(--chops-unit));font-weight:600;line-height:calc(18 * var(--chops-unit));white-space:nowrap;display:none;position:absolute;overflow:hidden}@media (width>=48rem){.marker.svelte-uyiwpe{display:block}}