.qCmj-W_previewSurface{background-color:hsl(var(--secondary) / .65);background-image:radial-gradient(hsl(var(--foreground) / .1) .75px, transparent .75px);background-size:16px 16px}.qCmj-W_practicePanel,.qCmj-W_composePanel{min-height:440px}.qCmj-W_practicePanel{--playback-practice-strip-height:274px}.qCmj-W_composePanel{--feature-editor-viewport-height:408px;--feature-autoscroll-viewport-height:326px}.qCmj-W_demoRoot{--screenshot-background:var(--background);--screenshot-foreground:var(--foreground);--screenshot-border:var(--border);--screenshot-secondary:var(--secondary);--screenshot-primary-foreground:var(--primary-foreground);--screenshot-accent:var(--accent);width:100%;min-width:0}.qCmj-W_practiceViewport{overscroll-behavior:contain;width:100%;max-height:312px;overflow:auto}.qCmj-W_editorViewport{width:100%;max-height:var(--feature-editor-viewport-height,560px);overscroll-behavior:contain;overflow:auto}.qCmj-W_autoscrollViewport{height:var(--feature-autoscroll-viewport-height,380px);overscroll-behavior:contain;overflow:auto}
.wQZW-W_motion{transition-duration:.5s;transition-timing-function:cubic-bezier(.32,.72,0,1)}
.eEdeOq_desktopHeader{width:100%;display:none}@media (min-width:1024px){.eEdeOq_desktopHeader{grid-template:"logo.tools tuner search explore create.theme authentication"1fr/175px 1fr 48px 48px minmax(350px,450px) 48px 48px 1fr 48px 48px;align-items:center;gap:1rem;padding:0 1rem;display:grid}}@media (min-width:1536px){.eEdeOq_desktopHeader{padding:0 2rem}}.eEdeOq_leftGroup{grid-area:left}.eEdeOq_rightGroup{grid-area:right}.eEdeOq_logo{grid-area:logo;transition:filter .15s cubic-bezier(.4,0,.2,1)}.eEdeOq_logo:hover{filter:brightness(1.05)}.eEdeOq_logo:active{filter:brightness(.95)}.eEdeOq_tools{grid-area:tools}.eEdeOq_tuner{grid-area:tuner}.eEdeOq_search{grid-area:search}.eEdeOq_explore{grid-area:explore}.eEdeOq_create{grid-area:create}.eEdeOq_theme{grid-area:theme}.eEdeOq_authentication{grid-area:authentication}
.RIuUwa_animation{flex-direction:column;align-items:center;gap:12px;display:flex}.RIuUwa_bell{color:#ff3b30;transform-origin:50% 12.5%;width:24px;height:24px;animation:2s ease-in-out forwards RIuUwa_enableSound,2s ease-in-out forwards RIuUwa_ringBell}.RIuUwa_bell svg{width:100%;height:100%;display:block}.RIuUwa_labels{font-size:12px;font-weight:500;display:grid}.RIuUwa_labels span{grid-area:1/1}.RIuUwa_slash{stroke-dasharray:1;stroke-dashoffset:0;animation:2s ease-in-out forwards RIuUwa_retractSlash}.RIuUwa_silentLabel{animation:2s ease-in-out forwards RIuUwa_hideSilentMode}@keyframes RIuUwa_retractSlash{0%,35%{stroke-dashoffset:0;opacity:1}57%{stroke-dashoffset:1px;opacity:1}58%,to{stroke-dashoffset:1px;opacity:0}}@keyframes RIuUwa_ringBell{0%,65%{transform:rotate(0)}71%{transform:rotate(-14deg)}77%{transform:rotate(11deg)}83%{transform:rotate(-8deg)}89%{transform:rotate(5deg)}95%{transform:rotate(-2deg)}to{transform:rotate(0)}}.RIuUwa_soundLabel{opacity:0;animation:3.2s ease-in-out forwards RIuUwa_showSound}@keyframes RIuUwa_enableSound{0%,35%{color:#ff3b30}65%,to{color:hsl(var(--foreground))}}@keyframes RIuUwa_hideSilentMode{0%,35%{opacity:1}60%,to{opacity:0}}@keyframes RIuUwa_showSound{0%,45%{opacity:0}65%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.RIuUwa_bell{color:hsl(var(--foreground));animation:none;transform:none}.RIuUwa_slash,.RIuUwa_silentLabel{opacity:0;animation:none}.RIuUwa_slash{stroke-dashoffset:1px}.RIuUwa_soundLabel{opacity:1;animation:none}}
@font-face{font-family:notoSans;src:url(../media/noto_sans-s.p.3-x1qpj0q8vq7.woff2)format("woff2");font-display:swap;font-weight:400 700;font-style:normal}@font-face{font-family:notoSans;src:url(../media/noto_sans_italic-s.p.2laq9uics0ew5.woff2)format("woff2");font-display:swap;font-weight:400 700;font-style:italic}@font-face{font-family:notoSans Fallback;src:local(Arial);ascent-override:100.41%;descent-override:27.52%;line-gap-override:0.0%;size-adjust:106.47%}.SBwgyq_className{font-family:notoSans,notoSans Fallback}
._7VPPsq_pane{transition:clip-path .25s cubic-bezier(.22,1,.36,1)}._7VPPsq_overflowFade{-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000)}@media (prefers-reduced-motion:reduce){._7VPPsq_pane{transition:none}}
.Amhepq_pageShell{width:100%;min-width:0;max-width:1400px}@media (min-width:768px){.Amhepq_pageShell{width:calc(100% - clamp(2rem,4vw,4rem))}}.Amhepq_stickyHeader{z-index:20;width:100%;position:sticky;top:4rem}.Amhepq_backdrop{display:none}.Amhepq_tableTrack{--table-sticky-top:8rem;--table-horizontal-travel:0px;timeline-scope:--table-pan}.Amhepq_tableScroller{overscroll-behavior-x:none;scroll-timeline:--table-pan inline;overflow:auto}.Amhepq_tableHeader{top:var(--table-sticky-top);z-index:10;color:hsl(var(--panel-foreground) / .75);box-shadow:0 1px 0 hsl(var(--border));position:sticky}.Amhepq_compatibilityHeader{top:var(--table-sticky-top);z-index:10;background:hsl(var(--panel));height:32px;color:hsl(var(--panel-foreground) / .75);box-shadow:0 1px 0 hsl(var(--border));display:none;position:sticky;overflow:hidden}.Amhepq_headingStrip{grid-template-columns:var(--table-columns);width:max-content;font-size:.875rem;font-weight:500;display:grid}:is(html[data-theme=light] .Amhepq_tableHeader,html[data-theme=light] .Amhepq_compatibilityHeader){color:hsl(var(--panel-foreground))}@supports named-feature(single-axis-scroll-container){.Amhepq_tableScroller{overflow:auto clip}}@supports not named-feature(single-axis-scroll-container){.Amhepq_compatibilityHeader{display:block}.Amhepq_tableScroller{margin-top:-32px}.Amhepq_tableHeader{opacity:0;position:static}@supports (animation-timeline:scroll()){.Amhepq_headingStrip{animation:linear both Amhepq_panTableHeadings;animation-timeline:--table-pan}}}@keyframes Amhepq_panTableHeadings{0%{transform:translate(0)}to{transform:translateX(var(--table-horizontal-travel))}}@media (min-width:1024px) and (min-height:700px){.Amhepq_stickyHeader{clip-path:inset(0 -1px);margin-top:-1rem;padding-top:1rem}.Amhepq_stickyHeader .Amhepq_backdrop{z-index:-1;pointer-events:none;width:100%;height:100vh;display:block;position:fixed;inset:0}}
.Dd8txG_editingMetadataContainer{grid-template:"title title title""artist artist artist""description description description""genre tempo tempo""tuning capo capo""difficulty key key"/1fr 1fr 1fr;gap:1rem;width:100%;min-height:400px;padding:1rem;display:grid}@media (min-width:550px){.Dd8txG_editingMetadataContainer{grid-template:"title title title title""artist artist artist artist""description description description description""genre genre tempo capo""tuning tuning key key""difficulty difficulty. ."/1fr 1fr 1fr 1fr;width:100%;min-width:500px;max-width:600px}}@media (min-width:1100px){.Dd8txG_editingMetadataContainer{grid-template-rows:auto 4rem auto;grid-template-columns:repeat(10,1fr);grid-template-areas:"title title title artist artist artist genre genre tuning tuning""description description description description description description difficulty difficulty capo capo""description description description description description description tempo tempo key key";place-items:start;max-width:100%;min-height:auto}.Dd8txG_artist,.Dd8txG_description{padding-right:1rem}}@media (min-width:1175px){.Dd8txG_editingMetadataContainer{max-width:95%}}@media (min-width:1400px){.Dd8txG_editingMetadataContainer{grid-template-rows:auto auto;grid-template-columns:repeat(12,1fr);grid-template-areas:"title title title artist artist artist genre genre tuning tuning capo capo""description description description description description description difficulty difficulty tempo tempo key key";place-items:start;max-width:100%}}@media (min-width:1700px){.Dd8txG_editingMetadataContainer{max-width:95%}}.Dd8txG_viewingMetadataContainer{grid-template:"descriptionContainer""separator""metadataContainer"/1fr;width:100%;padding:1rem;display:grid}.Dd8txG_descriptionGrid{grid-area:descriptionContainer;grid-template-rows:auto auto;grid-template-columns:repeat(4,1fr);grid-template-areas:"description description description description""createdBy createdBy createdBy pageViews";gap:1rem;width:100%;display:grid}.Dd8txG_metadataGrid{-moz-column-gap:0;grid-template:"genre tempo""tuning capo""difficulty key"/auto auto;grid-area:metadataContainer;justify-content:space-around;gap:1rem 0;width:100%;max-width:25rem;margin:0 auto;display:grid}@media (min-width:550px){.Dd8txG_viewingMetadataContainer{place-items:center}.Dd8txG_metadataGrid{-moz-column-gap:8rem;column-gap:8rem}}@media (min-width:1024px){.Dd8txG_viewingMetadataContainer{grid-template:"descriptionContainer separator metadataContainer"/1fr auto 1fr;place-items:start;padding:1rem 1.75rem}.Dd8txG_descriptionGrid{grid-template:"description description description""createdBy createdBy pageViews"/1.5fr 1.5fr .5fr;row-gap:.5rem;width:100%}.Dd8txG_metadataGrid{-moz-column-gap:1rem;grid-template:"genre tuning difficulty""tempo capo key"/1fr 1fr 1fr;gap:1.8rem 1rem;width:100%;max-width:none}}@media (min-width:1100px){.Dd8txG_metadataGrid{-moz-column-gap:2rem;column-gap:2rem}}.Dd8txG_viewingMetadataContainer .Dd8txG_description,.Dd8txG_viewingMetadataContainer .Dd8txG_createdBy,.Dd8txG_viewingMetadataContainer .Dd8txG_capo,.Dd8txG_viewingMetadataContainer .Dd8txG_tuning,.Dd8txG_viewingMetadataContainer .Dd8txG_genre,.Dd8txG_viewingMetadataContainer .Dd8txG_tempo,.Dd8txG_viewingMetadataContainer .Dd8txG_key,.Dd8txG_viewingMetadataContainer .Dd8txG_difficulty{place-self:flex-start}.Dd8txG_viewingMetadataContainer .Dd8txG_pageViews{justify-self:flex-end}.Dd8txG_title{grid-area:title}.Dd8txG_artist{grid-area:artist}.Dd8txG_usernameAndDate{grid-area:usernameAndDate}.Dd8txG_description{grid-area:description}.Dd8txG_genre{grid-area:genre}.Dd8txG_tuning{grid-area:tuning}.Dd8txG_tempo{grid-area:tempo}.Dd8txG_capo{grid-area:capo;justify-self:start}.Dd8txG_difficulty{grid-area:difficulty}.Dd8txG_key{grid-area:key;justify-self:start}.Dd8txG_pageViews{grid-area:pageViews}.Dd8txG_rating{grid-area:rating;max-width:20rem}.Dd8txG_bookmark{grid-area:bookmark;max-width:20rem}.Dd8txG_separator{grid-area:separator}.Dd8txG_createdBy{grid-area:createdBy}