.timeline-lines.svelte-s6vpe6{--ruler:calc(40 * var(--chops-unit));opacity:.6;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}@media (width>=48rem){.timeline-lines.svelte-s6vpe6{--ruler:calc(36 * var(--chops-unit));opacity:.8}}.ruler.svelte-s6vpe6{top:var(--ruler);background-color:var(--ui-03);height:1px;position:absolute;left:0;right:0}.bar.svelte-s6vpe6{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-s6vpe6:nth-of-type(n+6){display:none}@media (width>=48rem){.bar.svelte-s6vpe6:nth-of-type(n+6){display:block}.bar.svelte-s6vpe6:last-of-type{border-right:1px solid var(--ui-03)}}.tick.svelte-s6vpe6{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-s6vpe6{display:block}}