.eonklk{margin:0}.eon16o{border-bottom:1px solid var(--section-divider-color);padding:5px 0 0;text-align:left;@media print{display:none}}.eon16o .eon2c6 .eon1vw,.eon16o .eonbvt .eon1vw,.eon16o:empty{display:none}.eon16o .eonbvt{grid-template-rows:repeat(3,auto)}.eon1vk{align-items:center;display:flex;flex-direction:column;gap:5px;margin:0 0 35px}.eont2s{align-items:center;color:var(--header-text);font-size:28px;font-weight:var(--system-font-weight-bold);margin:0}.eon52u,.eont2s{display:inline-flex;line-height:normal}.eon52u{font-size:16px;font-weight:var(--system-font-weight-normal,inherit);position:relative}.eonbvt{display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto;grid-column-gap:39px}.eon2c6,.eonbvt{margin-bottom:40px}.eon2c6{transition:background-color 2s ease-out}.eon1jv{display:block;height:auto;max-width:100%}.eon2c6 .eon1jv{padding:20px 0}.eonbvt .eon1f7,.eonbvt .eon24q{border-radius:10px;margin:-10px;padding:10px;transition:background-color 2s ease-out}.eonbvt .eon24q{border-bottom-left-radius:0;border-bottom-right-radius:0;height:fit-content;margin-bottom:0;padding-bottom:0}.eonbvt .eon24q+.eon1f7{border-radius:0;margin:0 -10px;padding:0 10px}.eonbvt .eon1f7~.eon1f7{border-top-left-radius:0;border-top-right-radius:0;margin-top:0;padding-top:0}.eon24q{height:37px}.eon1df{color:var(--header-text);font-size:21px;font-weight:var(--system-font-weight-bold);line-height:21px;margin:0 0 13px;padding:0}.eon1w8,.eon1w81{display:inline;font-size:15px;font-weight:var(--system-font-weight-light,300);line-height:22px}.eon1w8{color:var(--text)}.eonklx{display:grid;flex:4;grid-template-columns:repeat(3,1fr)}.eonklx:after{border:2px solid var(--htrt-toc-bottom);content:"";grid-column-end:4;grid-column-start:1;margin-top:-2px;padding-bottom:2px;@media (height < 480px) and (width < 940px) and (orientation:landscape),(width < 480px) and (height < 940px) and (orientation:portrait){grid-column-end:3}}.eon5tz{align-items:center;border-bottom:1px solid var(--htrt-toc-divider);display:flex;flex-direction:column;font-weight:var(--system-font-weight-normal,inherit);gap:35px;justify-content:center;padding:45px 0}.eon1rl{color:var(--header-text);flex:1;font-size:28px;font-weight:var(--system-font-weight-bold);line-height:normal;margin:0;text-align:center;width:fit-content;@media (768px <= width < 1023px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}@media (height < 480px) and (width < 940px) and (orientation:landscape),(width < 480px) and (height < 940px) and (orientation:portrait){margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto;padding-bottom:20px}}.eon1qs{fill:var(--htrt-toc-icon);margin:0 auto}.eon1qs2{font-size:15px;line-height:17px;margin-left:12px;margin-right:9px;text-align:left;@media (768px <= width < 1023px){margin-left:2px;margin-right:1px}}.eon1qs3{align-items:center;border-bottom:1px solid var(--htrt-toc-divider);display:grid;grid-template-columns:35px 5fr;min-height:36px}.eon1yi{padding:40px 0;text-align:left}.eon1vw{display:block;height:0;position:relative;top:-250px;visibility:hidden}.eonkls{grid-row-end:4;grid-row-start:1;margin:auto;-webkit-text-decoration:none!important;text-decoration:none!important}.eon1y8{height:250px;width:250px}.eon1y8,.eon27z{grid-column-end:4;grid-column-start:2;grid-row-end:4;grid-row-start:1;margin:auto;-webkit-text-decoration:none!important;text-decoration:none!important}.eon27z{height:320px;width:340px}.eon16o .eon1y8,.eon16o .eon27z,.eon16o .eonkls{grid-row-end:4}a.eon27z:after,a.eonkls:after{color:var(--plus-banner-green);content:"View";font-size:15px;font-weight:700;line-height:15px;position:relative}a.eonkls:after{left:120px;top:-85px}a.eon27z:after{left:155px;position:relative;top:-131px}a.eon27z:hover:after,a.eonkls:hover:after{color:var(--plus-banner-blue)}[data-id=understandingTab]~.eon1f7{display:grid;grid-column-gap:37px;grid-template-columns:2fr 1fr;grid-row-gap:22px}[data-id=understandingTab]~.eon1f7 :first-child{white-space:pre-wrap}[data-id=chord]~.eon1f7{display:grid;grid-template-columns:1fr 1fr 1fr;grid-row-gap:20px;grid-column-gap:36px}[data-id=chord]~.eon1f7 :first-child{grid-column-end:4;grid-column-start:1;@media (height < 480px) and (width < 940px) and (orientation:landscape),(width < 480px) and (height < 940px) and (orientation:portrait){grid-column-end:auto}}[data-id=bar]~.eon1f7{display:grid;grid-auto-flow:column;grid-column-gap:35px}[data-id=timeSignature]~.eon1f7{display:grid;grid-auto-flow:column;grid-column-gap:80px}.eon2c6[data-section=notesAndRests]{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:39px;@media (height < 480px) and (width < 940px) and (orientation:landscape),(width < 480px) and (height < 940px) and (orientation:portrait){display:block}}.eon2c6[data-section=notesAndRests] header{grid-column-end:4;grid-column-start:1}.eon2c6[data-section=swingRhythm],.eon2c6[data-section=triplet]{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:39px;@media (height < 480px) and (width < 940px) and (orientation:landscape),(width < 480px) and (height < 940px) and (orientation:portrait){display:block}}.eon2c6[data-section=swingRhythm] header,.eon2c6[data-section=triplet] header{grid-column-end:4;grid-column-start:1}.eon2c6[data-section=swingRhythm] header+.eon1f7,.eon2c6[data-section=triplet] header+.eon1f7{grid-column-end:3;grid-column-start:1}@media (width < 720px){.eon5tz{flex-direction:column}.eon1rl{margin-bottom:30px;text-align:center;width:unset}}@media (width < 650px){.eonklk{margin:0 20px}.eonklx{box-sizing:border-box}.eon2c6 .eon1f7,.eon5tz,.eonbvt{grid-auto-flow:row;grid-template-columns:1fr;grid-row-gap:0;grid-template-rows:auto!important}}@media (width < 480px){.eonklx{grid-template-columns:repeat(2,1fr)}}@media (width < 320px){.eonklx{display:flex;flex-direction:column}}.eon24q[data-id=accented]+.eon1f7,.eon24q[data-id=beam]+.eon1f7,.eon24q[data-id=bend]+.eon1f7,.eon24q[data-id=dot]+.eon1f7,.eon24q[data-id=dotted]+.eon1f7,.eon24q[data-id=graceNoteBefore]+.eon1f7,.eon24q[data-id=graceNoteOn]+.eon1f7,.eon24q[data-id=heavyAccented]+.eon1f7,.eon24q[data-id=pinchHarmonic]+.eon1f7,.eon24q[data-id=releaseBend]+.eon1f7,.eon24q[data-id=staccato]+.eon1f7,.eon24q[data-id=tapping]+.eon1f7,.eon24q[data-id=tie]+.eon1f7,.eon24q[data-id=tremolo]+.eon1f7,.eon24q[data-id=vibratoTremolo]+.eon1f7,.eon24q[data-id=vibrato]+.eon1f7,.eon24q[data-id=wideVibrato]+.eon1f7{padding-bottom:20px}.eon24q[data-id=legatoSlide]+.eon1f7{padding-bottom:12px}.eon24q[data-id=letRing]+.eon1f7{padding-bottom:24px}.eon24q[data-id=palmMute]+.eon1f7{padding-bottom:17px}.eon24q[data-id=naturalHarmonic]+.eon1f7{padding-bottom:5px}@media print{[data-section=understandingTab]{page-break-before:always}[data-section=group-11],[data-section=group-13],[data-section=group-1],[data-section=group-3],[data-section=group-5],[data-section=group-7],[data-section=group-9],[data-section=notesAndRests],[data-section=rhythmNotation],[data-section=swingRhythm]{page-break-before:always;padding-top:30px}}
/*# sourceMappingURL=HowToReadTabPanel-29e13f3945.css.map */