[data-scroll-area-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-scroll-area-viewport]::-webkit-scrollbar{display:none!important}:where([data-scroll-area-viewport]){flex-direction:column;align-items:stretch;display:flex}:where([data-scroll-area-content]){flex-grow:1}[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32,.72,0,1);animation-duration:.5s;animation-timing-function:cubic-bezier(.32,.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0, var(--initial-transform,100%), 0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0, calc(var(--initial-transform,100%) * -1), 0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1), 0, 0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%), 0, 0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top],[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0, var(--snap-point-height,0), 0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left],[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0), 0, 0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(.32,.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;opacity:1;transition:opacity .5s cubic-bezier(.32,.72,0,1)}[data-vaul-drawer]:not([data-vaul-custom-container=true]):after{content:"";background:inherit;background-color:inherit;position:absolute}[data-vaul-drawer][data-vaul-drawer-direction=top]:after{top:initial;height:200%;bottom:100%;left:0;right:0}[data-vaul-drawer][data-vaul-drawer-direction=bottom]:after{top:100%;bottom:initial;height:200%;left:0;right:0}[data-vaul-drawer][data-vaul-drawer-direction=left]:after{left:initial;width:200%;top:0;bottom:0;right:100%}[data-vaul-drawer][data-vaul-drawer-direction=right]:after{left:100%;right:initial;width:200%;top:0;bottom:0}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not([data-state=closed]){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{opacity:.7;touch-action:pan-y;background:#e2e2e4;border-radius:1rem;width:32px;height:5px;margin-left:auto;margin-right:auto;display:block;position:relative}[data-vaul-handle]:hover,[data-vaul-handle]:active{opacity:1}[data-vaul-handle-hitarea]{touch-action:inherit;width:max(100%,2.75rem);height:max(100%,2.75rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fake-animation{0%{}to{}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{0%{transform:translate3d(0, var(--initial-transform,100%), 0)}to{transform:translate(0,0)}}@keyframes slideToBottom{to{transform:translate3d(0, var(--initial-transform,100%), 0)}}@keyframes slideFromTop{0%{transform:translate3d(0, calc(var(--initial-transform,100%) * -1), 0)}to{transform:translate(0,0)}}@keyframes slideToTop{to{transform:translate3d(0, calc(var(--initial-transform,100%) * -1), 0)}}@keyframes slideFromLeft{0%{transform:translate3d(calc(var(--initial-transform,100%) * -1), 0, 0)}to{transform:translate(0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1), 0, 0)}}@keyframes slideFromRight{0%{transform:translate3d(var(--initial-transform,100%), 0, 0)}to{transform:translate(0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%), 0, 0)}}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{-webkit-user-select:none!important;user-select:none!important}}@media (pointer:fine){[data-vaul-handle-hitarea]{width:100%;height:100%}}.practice-transport.svelte-123397f{padding-bottom:env(safe-area-inset-bottom,0px)}@media print{.practice-drawer,.practice-transport.svelte-123397f,[data-playback-controls].svelte-123397f{display:none!important}}.drawer-search.svelte-t7ylc7,.drawer-search-list.svelte-t7ylc7{flex-direction:column;gap:.75rem;height:100%;min-height:0;display:flex}.drawer-search-list[hidden].svelte-t7ylc7{display:none}.drawer-search-list.svelte-t7ylc7>.browser-results:where(.svelte-t7ylc7){flex:1;gap:.5rem;min-height:0}.drawer-search.svelte-t7ylc7 .browser-results:where(.svelte-t7ylc7) .results-scroll{flex:1;min-height:0;max-height:none}.drawer-search.svelte-t7ylc7 [data-testid=search-skeleton]{min-height:0;overflow:hidden}.drawer-search.svelte-t7ylc7 .search-controls:where(.svelte-t7ylc7){gap:.5rem}.drawer-search.svelte-t7ylc7 .browser-controls:where(.svelte-t7ylc7){flex-shrink:0}.browser-controls.svelte-t7ylc7{grid-template-rows:1fr;transition:grid-template-rows .16s,opacity .16s,margin .16s;display:grid}.browser-controls.closed.svelte-t7ylc7{opacity:0;pointer-events:none;grid-template-rows:0fr}.search-controls.svelte-t7ylc7{flex-direction:column;gap:1rem;display:flex}.embedded-controls.svelte-t7ylc7{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.embedded-controls.svelte-t7ylc7>.search-methods:where(.svelte-t7ylc7){grid-area:1/2}.embedded-controls.svelte-t7ylc7>.search-input:where(.svelte-t7ylc7){grid-area:1/1}.embedded-controls.svelte-t7ylc7 [data-audio-duration]{display:none}.embedded-controls.svelte-t7ylc7>:not(.search-methods):not(.search-input){grid-column:1/-1}.embedded-browser.svelte-t7ylc7{grid-template-columns:minmax(0,1fr);align-items:start;gap:0;display:grid}.embedded-browser.svelte-t7ylc7:not(.search-open)>.browser-results:where(.svelte-t7ylc7){display:none}.embedded-browser.svelte-t7ylc7>.browser-results:where(.svelte-t7ylc7){margin-bottom:1rem;animation:.16s svelte-t7ylc7-reveal-results}.browser-results.svelte-t7ylc7 .results-scroll{max-height:40dvh}.browser-results.svelte-t7ylc7 [data-slot=scroll-area-viewport]{max-height:inherit;overscroll-behavior-y:contain}section[aria-label=Find\ tunes]:has(>.embedded-browser.search-open)>.browser-controls.svelte-t7ylc7{margin-bottom:1rem}@media (width>=1100px){.embedded-browser.search-open.svelte-t7ylc7{grid-template-columns:minmax(250px,.42fr) minmax(0,1fr);gap:1rem}.embedded-browser.svelte-t7ylc7>.browser-results:where(.svelte-t7ylc7){margin-bottom:0}.browser-results.svelte-t7ylc7 .results-scroll{max-height:75dvh}}@keyframes svelte-t7ylc7-reveal-results{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.browser-controls.svelte-t7ylc7{transition:none}.embedded-browser.svelte-t7ylc7>.browser-results:where(.svelte-t7ylc7){animation:none}}.scale-atlas.svelte-6ak93a{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.scale-practice.svelte-6ak93a{overflow-anchor:none;grid-template-columns:minmax(0,1fr) 214px;align-items:start;gap:1rem;display:grid}.scale-sheet.svelte-6ak93a{overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;height:22rem;overflow:auto}.scale-card.svelte-6ak93a svg[role=img]{width:140px;max-height:296px}.mobile-scales.svelte-6ak93a{overflow-anchor:none;display:none}@media (width<=959px){.scale-heading.svelte-6ak93a{z-index:20;background:var(--background);position:sticky;top:0}.mobile-scales.svelte-6ak93a{display:block}.desktop-scales.svelte-6ak93a{display:none}.scale-practice.svelte-6ak93a{grid-template-columns:minmax(0,1fr)}.scale-card.svelte-6ak93a svg[role=img]{width:170px;max-height:360px}}.perspective-container.svelte-1mz7ry0{perspective:1000px}.fingerboard-details.svelte-ppxvmx{--fingerboard-control-size:clamp(24px, calc((var(--practice-panel-height,416px) - 100px) / 4.4), 40px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;width:100%;max-width:28rem;height:100%;display:grid}.fingerboard-info.svelte-ppxvmx{overflow-wrap:anywhere;overscroll-behavior:contain;justify-self:end;width:max-content;min-width:0;max-width:100%;max-height:100%;overflow-y:auto}.drawer-fingerboard.svelte-ppxvmx svg[role=img]{width:auto;max-width:100%;height:min(clamp(90px, calc(var(--practice-panel-height,56dvh) - 108px), 400px), calc((100vw - 11rem) * 1.9857))!important}.fingerboard-tools.svelte-ppxvmx button,.fingerboard-tools.svelte-ppxvmx a{width:var(--fingerboard-control-size);height:var(--fingerboard-control-size)}.fingerboard-tools.svelte-ppxvmx button[role=switch]{height:auto;margin-left:0}.fingerboard-tools.svelte-ppxvmx [role=switch]>span{width:calc(var(--fingerboard-control-size) - 8px);height:calc(var(--fingerboard-control-size) - 8px)}.score-layout.svelte-ppxvmx{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}.score-follow-space.svelte-ppxvmx{height:max(0px, calc(( 100dvh - var(--practice-scroll-neck-height,var(--practice-neck-height,0px)) - var(--playback-height,64px) ) / 2));grid-column:1/-1}.control-panel.svelte-ppxvmx{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}[data-practice-controls] .playback-button{border-radius:50%;width:2.5rem;height:2.5rem;padding:0}.control-label.svelte-ppxvmx{display:none}@media (width<=359px){[data-practice-controls] .playback-button{width:2.25rem;height:2.25rem}}@media (width>=1024px) and (hover:hover) and (pointer:fine){[data-practice-controls] .playback-button{border-radius:9999px;width:auto;height:2.25rem;padding:0 .75rem}.control-label.svelte-ppxvmx{display:inline}}@media print{[data-practice-controls],.playback-space.svelte-ppxvmx{display:none}}