@layer components{._visualization_mi3lg_1{width:100%;padding:24px}._thumbnailVisual_mi3lg_6{padding:0}._staff_mi3lg_10{grid-template-columns:repeat(4,minmax(0,1fr));height:194px;padding-left:34px;display:grid;position:relative}._thumbnail_mi3lg_6{grid-template-columns:minmax(0,1fr);height:84px;padding-left:20px}._staffLine_mi3lg_24{z-index:0;background:var(--border-heavy);height:1px;position:absolute;left:0;right:0}._clef_mi3lg_33{z-index:1;width:44px;height:96px;color:var(--text-secondary);position:absolute;top:25px;left:0}._thumbnail_mi3lg_6 ._clef_mi3lg_33{width:26px;height:56px;top:14px}._chord_mi3lg_49{z-index:1;min-width:0;color:var(--text-secondary);border-radius:10px;transition:background-color .14s,color .14s;position:relative}._active_mi3lg_60{background:var(--learning-block-accent-surface,transparent);color:var(--text-primary)}._quality_mi3lg_65{z-index:2;text-align:center;white-space:nowrap;height:22px;position:relative}._active_mi3lg_60 ._quality_mi3lg_65{color:var(--learning-block-accent,var(--learning-block-color-primary))}._notation_mi3lg_77{position:absolute;inset:0}._intervalRail_mi3lg_82{background:var(--learning-block-color-companion);width:1px;position:absolute;left:calc(50% - 22px)}._active_mi3lg_60 ._intervalRail_mi3lg_82{background:var(--learning-block-accent,var(--learning-block-color-primary))}._noteRow_mi3lg_93{width:0;height:0;display:block;position:absolute;left:50%}._intervalTick_mi3lg_101{background:var(--learning-block-color-companion);width:9px;height:1px;position:absolute;top:0;left:-22px}._active_mi3lg_60 ._intervalTick_mi3lg_101{background:var(--learning-block-accent,var(--learning-block-color-primary))}._accidental_mi3lg_114{color:var(--text-secondary);position:absolute;top:-9px;left:-11px}._active_mi3lg_60 ._accidental_mi3lg_114{color:var(--text-primary)}._notehead_mi3lg_125{background:var(--learning-block-color-primary);border-radius:50%;width:17px;height:11px;display:block;position:absolute;top:-5px;left:1px;transform:rotate(-16deg)}._active_mi3lg_60 ._notehead_mi3lg_125{background:var(--learning-block-accent,var(--learning-block-color-primary))}._role_mi3lg_141{color:var(--text-tertiary);white-space:nowrap;position:absolute;top:-9px;left:21px}._altered_mi3lg_149{color:var(--learning-block-color-companion)}._active_mi3lg_60 ._altered_mi3lg_149{color:var(--learning-block-accent,var(--learning-block-color-primary))}._ledger_mi3lg_157{background:var(--text-primary);width:32px;height:1px;position:absolute;left:calc(50% - 7px)}._readout_mi3lg_165{position:absolute;bottom:3px;left:0;right:0}._notes_mi3lg_172{text-align:center;white-space:nowrap;min-height:20px}._intervals_mi3lg_178{color:var(--text-tertiary);white-space:nowrap;flex-direction:column;align-items:center;line-height:1.3;display:flex}._active_mi3lg_60 ._intervals_mi3lg_178{color:var(--text-secondary)}@media (width<=420px){._staff_mi3lg_10{padding-left:26px}._thumbnail_mi3lg_6{padding-left:20px}._clef_mi3lg_33{width:44px}._thumbnail_mi3lg_6 ._clef_mi3lg_33{width:26px}._intervalRail_mi3lg_82{left:calc(50% - 20px)}._intervalTick_mi3lg_101{width:7px;left:-20px}._notehead_mi3lg_125{width:15px;height:10px}._role_mi3lg_141{left:18px}._thumbnail_mi3lg_6 ._notehead_mi3lg_125{width:16px;height:10px}}@media (prefers-reduced-motion:reduce){._chord_mi3lg_49{transition:none}}}