._DragDetector_1e3gz_1{cursor:grab;&._Dragging_1e3gz_4{cursor:grabbing}}._Beats_1crpj_1{width:2.55em;border-right:1px solid color-mix(in srgb,currentColor 30%,transparent)}._Selection_1crpj_7{pointer-events:none;position:absolute;bottom:var(--progress);width:100%;height:var(--range);background-color:color-mix(in srgb,currentColor,transparent 80%)}._BeatLine_1crpj_20{pointer-events:none;position:absolute;bottom:var(--progress);width:100%;border-bottom:1px dotted white;&._Auxiliary_1crpj_28{border-color:#fff6}}._BeatIndicateLane_1crpj_33{position:relative;width:100%;height:100%}._LineInfo_1crpj_39{pointer-events:none;position:absolute;left:0;right:0;bottom:var(--progress);height:var(--length);display:flex;flex-direction:column;justify-content:space-between;font-size:.96em;color:color-mix(in srgb,currentColor 90%,transparent);&._Current_1crpj_54{color:#0ff}}._VerticalInfo_1crpj_59{transform-origin:top left;transform:translateY(100%) rotate(-90deg);padding-left:.4em}._TopInfo_1crpj_66{padding:.2em;display:flex;flex-direction:column;justify-content:space-around;text-align:right;font-size:.96em}._Kind_1crpj_77{margin-left:.4em;opacity:.85;white-space:nowrap;font-size:.96em}._NoteKeyframe_16qhp_1{width:100%;height:100%;padding:.2em;display:flex;justify-content:center;align-items:center;._Icon_16qhp_11{width:1em;height:1em;background-color:var(--color-main);opacity:.8;mask-position:center;mask-repeat:no-repeat;mask-size:contain;&[data-kind=press]{mask-image:url(/icon/note-press.svg)}&[data-kind=release]{mask-image:url(/icon/note-release.svg)}&[data-kind=trace]{mask-image:url(/icon/note-trace.svg)}&[data-kind=flick]{mask-image:url(/icon/note-flick.svg)}}}._KeyframeInteraction_1lf04_1{pointer-events:auto;grid-column:var(--gridOrder) / span var(--gridWidth);position:absolute;left:0;right:0;bottom:var(--progress);transform:translateY(50%);&._InAction_1lf04_10{opacity:.2}&._Selected_1lf04_14{outline:1px solid currentColor}&._MayBe_1lf04_18{pointer-events:none;color:color-mix(in srgb,currentColor,transparent 20%)}}._LaneContainer_1leiz_1{display:grid;align-items:stretch;grid-template-rows:100%;grid-template-columns:repeat(var(--laneCount),1fr);grid-auto-flow:column}._Lanes_1leiz_9{grid-column:1 / -1;display:grid;align-items:stretch;grid-template-rows:subgrid;grid-template-columns:subgrid;grid-auto-flow:column;:not(:first-child){border-left:1px solid color-mix(in srgb,currentColor 30%,transparent)}}._Keyframes_1leiz_23{pointer-events:none;grid-column:1 / -1;position:relative;display:grid;align-items:stretch;grid-template-rows:subgrid;grid-template-columns:subgrid;grid-auto-flow:column}