.exercise-item{align-items:start}.exercise-item>div:first-child{min-width:0}.exercise-tab{margin-top:8px;border:1px solid #303540;border-radius:11px;background:#0d0f13;overflow-x:auto;padding:8px 7px 7px;max-width:100%}.exercise-tab-grid{display:grid;grid-template-columns:repeat(var(--tab-notes),minmax(27px,1fr));min-width:max-content}.exercise-tab-cell{width:28px;text-align:center;border-right:1px solid #242831;position:relative;padding:0 1px}.exercise-tab-cell.beat{border-left:1px solid #59606b}.exercise-tab-count{height:13px;color:#717782;font:800 8px ui-monospace,monospace}.exercise-tab-note{height:31px;border-top:1px solid #555c67;border-bottom:1px solid #555c67;display:flex;align-items:center;justify-content:center;color:#f4f5f7;font:950 14px ui-monospace,monospace;position:relative}.exercise-tab-note:after{content:"";position:absolute;left:50%;top:-5px;bottom:-5px;border-left:1px solid #555c67;z-index:0}.exercise-tab-note b{position:relative;z-index:1;background:#0d0f13;padding:0 2px}.exercise-tab-note .grace{font-size:8px;color:#ff9a6c;vertical-align:top;margin-right:1px}.exercise-tab-note.accent:before{content:">";position:absolute;top:-15px;left:50%;transform:translateX(-50%) rotate(90deg);color:#ff6828;font-size:11px;font-weight:950}.exercise-tab-note.buzz b{text-decoration:overline wavy #ff9a6c}.exercise-tab-guide{font:750 9px ui-monospace,monospace;color:#ff9a6c;margin-top:7px;white-space:normal;line-height:1.35}.exercise-tab-key{font-size:8px;color:#777d87;margin-top:4px}.exercise-video{display:block;text-decoration:none;text-align:center}.exercise-source{font-size:8px;color:#747a84;margin-top:4px;text-align:center}@media(max-width:380px){.exercise-item{grid-template-columns:minmax(0,1fr)}.exercise-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.exercise-use{min-width:0}.exercise-source{grid-column:1/-1}.exercise-tab-cell{width:26px}}