.hTHa5q_wrap{margin:0}.hTHa5q_dynamic{text-align:left;border-bottom:1px solid var(--section-divider-color);padding:5px 0 0;@media print{&{display:none}}}.hTHa5q_dynamic:empty,.hTHa5q_dynamic .hTHa5q_articleGroup .hTHa5q_hidden,.hTHa5q_dynamic .hTHa5q_feature .hTHa5q_hidden{display:none}.hTHa5q_dynamic .hTHa5q_articleGroup{grid-template-rows:repeat(3,auto)}.hTHa5q_dynamicHeader{flex-direction:column;align-items:center;gap:5px;margin:0 0 35px;display:flex}.hTHa5q_dynamicH2{font-weight:var(--system-font-weight-bold);color:var(--header-text);align-items:center;margin:0;font-size:28px;line-height:normal;display:inline-flex}.hTHa5q_dynamicHeaderName{font-size:16px;line-height:normal;font-weight:var(--system-font-weight-normal,inherit);display:inline-flex;position:relative}.hTHa5q_articleGroup{grid-column-gap:39px;grid-template-rows:auto auto auto;grid-template-columns:repeat(3,1fr);grid-auto-flow:column;margin-bottom:40px;display:grid}.hTHa5q_feature{margin-bottom:40px;transition:background-color 2s ease-out}.hTHa5q_featureImg{max-width:100%;height:auto;display:block}.hTHa5q_feature .hTHa5q_featureImg{padding:20px 0}.hTHa5q_articleGroup .hTHa5q_featureHeader,.hTHa5q_articleGroup .hTHa5q_featureContainer{border-radius:10px;margin:-10px;padding:10px;transition:background-color 2s ease-out}.hTHa5q_articleGroup .hTHa5q_featureHeader{border-bottom-right-radius:0;border-bottom-left-radius:0;height:fit-content;margin-bottom:0;padding-bottom:0}.hTHa5q_articleGroup .hTHa5q_featureHeader+.hTHa5q_featureContainer{border-radius:0;margin:0 -10px;padding:0 10px}.hTHa5q_articleGroup .hTHa5q_featureContainer~.hTHa5q_featureContainer{border-top-left-radius:0;border-top-right-radius:0;margin-top:0;padding-top:0}.hTHa5q_featureHeader{height:37px}.hTHa5q_featureTitle{font-weight:var(--system-font-weight-bold);color:var(--header-text);margin:0 0 13px;padding:0;font-size:21px;line-height:21px}.hTHa5q_featureBody,.hTHa5q_featureLink{font-weight:var(--system-font-weight-light,300);font-size:15px;line-height:22px;display:inline}.hTHa5q_featureBody{color:var(--text)}.hTHa5q_grid{flex:4;grid-template-columns:repeat(3,1fr);display:grid}.hTHa5q_grid:after{content:"";border:2px solid var(--htrt-toc-bottom);grid-column:1/4;margin-top:-2px;padding-bottom:2px;@media (height<480px) and (width<990px) and (orientation:landscape),(width<480px) and (height<940px) and (orientation:portrait){&{grid-column-end:3}}}.hTHa5q_toc{border-bottom:1px solid var(--htrt-toc-divider);font-weight:var(--system-font-weight-normal,inherit);flex-direction:column;justify-content:center;align-items:center;gap:35px;padding:45px 0;display:flex}.hTHa5q_tocHeader{font-weight:var(--system-font-weight-bold);color:var(--header-text);text-align:center;flex:1;width:fit-content;margin:0;font-size:28px;line-height:normal;@media (768px<=width<1023px){&{margin:0}}@media (height<480px) and (width<990px) and (orientation:landscape),(width<480px) and (height<940px) and (orientation:portrait){&{margin:auto;padding-bottom:20px}}}.hTHa5q_tocIcon{fill:var(--htrt-toc-icon);margin:0 auto}.hTHa5q_tocName{text-align:left;margin-left:12px;margin-right:9px;font-size:15px;line-height:17px;@media (768px<=width<1023px){&{margin-left:2px;margin-right:1px}}}.hTHa5q_tocItem{border-bottom:1px solid var(--htrt-toc-divider);grid-template-columns:35px 5fr;align-items:center;min-height:36px;display:grid}.hTHa5q_content{text-align:left;padding:40px 0}.hTHa5q_hidden{visibility:hidden;height:0;display:block;position:relative;top:-250px}.hTHa5q_mock{grid-row:1/4;margin:auto;text-decoration:none!important}.hTHa5q_mockBig{grid-area:1/2/4/4;width:250px;height:250px;margin:auto;text-decoration:none!important}.hTHa5q_mockBigPlus{grid-area:1/2/4/4;width:340px;height:320px;margin:auto;text-decoration:none!important}.hTHa5q_dynamic .hTHa5q_mock,.hTHa5q_dynamic .hTHa5q_mockBig,.hTHa5q_dynamic .hTHa5q_mockBigPlus{grid-row-end:4}a.hTHa5q_mock:after,a.hTHa5q_mockBigPlus:after{content:"View";color:var(--plus-banner-green);font-size:15px;font-weight:700;line-height:15px;position:relative}a.hTHa5q_mock:after{top:-85px;left:120px}a.hTHa5q_mockBigPlus:after{position:relative;top:-131px;left:155px}a.hTHa5q_mock:hover:after,a.hTHa5q_mockBigPlus:hover:after{color:var(--plus-banner-blue)}[data-id=understandingTab]~.hTHa5q_featureContainer{grid-column-gap:37px;grid-row-gap:22px;grid-template-columns:2fr 1fr;display:grid}[data-id=understandingTab]~.hTHa5q_featureContainer :first-child{white-space:pre-wrap}[data-id=chord]~.hTHa5q_featureContainer{grid-row-gap:20px;grid-column-gap:36px;grid-template-columns:1fr 1fr 1fr;display:grid}[data-id=chord]~.hTHa5q_featureContainer :first-child{grid-column:1/4;@media (height<480px) and (width<990px) and (orientation:landscape),(width<480px) and (height<940px) and (orientation:portrait){&{grid-column-end:auto}}}[data-id=bar]~.hTHa5q_featureContainer{grid-column-gap:35px;grid-auto-flow:column;display:grid}[data-id=timeSignature]~.hTHa5q_featureContainer{grid-column-gap:80px;grid-auto-flow:column;display:grid}.hTHa5q_feature[data-section=notesAndRests]{grid-column-gap:39px;grid-template-columns:repeat(3,1fr);display:grid;@media (height<480px) and (width<990px) and (orientation:landscape),(width<480px) and (height<940px) and (orientation:portrait){&{display:block}}}.hTHa5q_feature[data-section=notesAndRests] header{grid-column:1/4}.hTHa5q_feature[data-section=triplet],.hTHa5q_feature[data-section=swingRhythm]{grid-column-gap:39px;grid-template-columns:repeat(3,1fr);display:grid;@media (height<480px) and (width<990px) and (orientation:landscape),(width<480px) and (height<940px) and (orientation:portrait){&{display:block}}}.hTHa5q_feature[data-section=triplet] header,.hTHa5q_feature[data-section=swingRhythm] header{grid-column:1/4}.hTHa5q_feature[data-section=triplet] header+.hTHa5q_featureContainer,.hTHa5q_feature[data-section=swingRhythm] header+.hTHa5q_featureContainer{grid-column:1/3}@media (width<720px){.hTHa5q_toc{flex-direction:column}.hTHa5q_tocHeader{width:unset;text-align:center;margin-bottom:30px}}@media (width<650px){.hTHa5q_wrap{margin:0 20px}.hTHa5q_grid{box-sizing:border-box}.hTHa5q_feature .hTHa5q_featureContainer,.hTHa5q_articleGroup,.hTHa5q_toc{grid-row-gap:0;grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:auto!important}}@media (width<480px){.hTHa5q_grid{grid-template-columns:repeat(2,1fr)}}@media (width<320px){.hTHa5q_grid{flex-direction:column;display:flex}}.hTHa5q_featureHeader[data-id=accented]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=beam]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=bend]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=dot]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=dotted]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=heavyAccented]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=graceNoteOn]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=graceNoteBefore]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=pinchHarmonic]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=releaseBend]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=staccato]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=tapping]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=tie]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=tremolo]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=vibratoTremolo]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=vibrato]+.hTHa5q_featureContainer,.hTHa5q_featureHeader[data-id=wideVibrato]+.hTHa5q_featureContainer{padding-bottom:20px}.hTHa5q_featureHeader[data-id=legatoSlide]+.hTHa5q_featureContainer{padding-bottom:12px}.hTHa5q_featureHeader[data-id=letRing]+.hTHa5q_featureContainer{padding-bottom:24px}.hTHa5q_featureHeader[data-id=palmMute]+.hTHa5q_featureContainer{padding-bottom:17px}.hTHa5q_featureHeader[data-id=naturalHarmonic]+.hTHa5q_featureContainer{padding-bottom:5px}@media print{[data-section=understandingTab]{page-break-before:always}[data-section=group-1],[data-section=group-3],[data-section=group-5],[data-section=group-7],[data-section=group-9],[data-section=group-11],[data-section=group-13],[data-section=rhythmNotation],[data-section=notesAndRests],[data-section=swingRhythm]{page-break-before:always;padding-top:30px}}
/*# sourceMappingURL=HowToReadTabPanel-5887f49bd9.css.map */