@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--cp-none:none;--cp-inherit:inherit;--cp-unset:unset;--cp-revert:revert;--cp-revert-layer:revert-layer;--cp-margin:margin-box;--cp-border:border-box;--cp-padding:padding-box;--cp-content:content-box;--cp-fill:fill-box;--cp-stroke:stroke-box;--cp-view:view-box;--spacing-lessons:calc(34/36*100%);--spacing-lesson-margins:calc(1/36*100%);--spacing-wPianoKeyWhite:37px;--spacing-wPianoKeyWhite-md:48px;--spacing-wPianoKeyBlack:26px;--spacing-wPianoKeyBlack-md:34px;--spacing-mPianoKeyBlack:calc(var(--spacing-wPianoKeyBlack)/2*-1);--spacing-mPianoKeyBlack-md:calc(var(--spacing-wPianoKeyBlack-md)/2*-1);--spacing-hPianoKeyWhite:100px;--spacing-hPianoKeyWhite-md:130px;--spacing-hPianoKeyBlack:54px;--spacing-hPianoKeyBlack-md:74px;--spacing-wPianoKeyWhiteMini:9px;--spacing-wPianoKeyWhiteMini-md:12px;--spacing-wPianoKeyBlackMini:6px;--spacing-wPianoKeyBlackMini-md:8px;--spacing-mPianoKeyBlackMini:calc(var(--spacing-wPianoKeyBlackMini)/2*-1);--spacing-mPianoKeyBlackMini-md:calc(var(--spacing-wPianoKeyBlackMini-md)/2*-1);--spacing-hPianoKeyWhiteMini:25px;--spacing-hPianoKeyWhiteMini-md:32px;--spacing-hPianoKeyBlackMini:17px;--spacing-hPianoKeyBlackMini-md:22px;--color-transparent:transparent;--color-black:#000;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-gray-950:#0a0a0a;--color-white:#fff;--color-aSecondary-50:#faf5ff;--color-aSecondary-100:#f3e8ff;--color-aSecondary-200:#e9d5ff;--color-aSecondary-300:#d8b4fe;--color-aSecondary-400:#c084fc;--color-aSecondary-500:#a855f7;--color-aSecondary-600:#9333ea;--color-aSecondary-700:#7e22ce;--color-aSecondary-800:#6b21a8;--color-aSecondary-900:#581c87;--color-aSecondary-950:#3b0764;--color-aPrimary-50:#eef2ff;--color-aPrimary-100:#e0e7ff;--color-aPrimary-200:#c7d2fe;--color-aPrimary-300:#a5b4fc;--color-aPrimary-400:#818cf8;--color-aPrimary-500:#6366f1;--color-aPrimary-600:#4f46e5;--color-aPrimary-700:#4338ca;--color-aPrimary-800:#3730a3;--color-aPrimary-900:#312e81;--color-aPrimary-950:#1e1b4b;--color-aTertiaryBlend-50:#f0fdfa;--color-aTertiaryBlend-100:#ccfbf1;--color-aTertiaryBlend-200:#99f6e4;--color-aTertiaryBlend-300:#5eead4;--color-aTertiaryBlend-400:#2dd4bf;--color-aTertiaryBlend-500:#14b8a6;--color-aTertiaryBlend-600:#0d9488;--color-aTertiaryBlend-700:#0f766e;--color-aTertiaryBlend-800:#115e59;--color-aTertiaryBlend-900:#134e4a;--color-aTertiaryBlend-950:#042f2e;--color-aTertiaryPop-50:#fffbeb;--color-aTertiaryPop-100:#fef3c7;--color-aTertiaryPop-200:#fde68a;--color-aTertiaryPop-300:#fcd34d;--color-aTertiaryPop-400:#fbbf24;--color-aTertiaryPop-500:#f59e0b;--color-aTertiaryPop-600:#d97706;--color-aTertiaryPop-700:#b45309;--color-aTertiaryPop-800:#92400e;--color-aTertiaryPop-900:#78350f;--color-aTertiaryPop-950:#451a03;--color-aHighlight-50:var(--color-aTertiaryPop-50);--color-aHighlight-100:var(--color-aTertiaryPop-100);--color-aHighlight-200:var(--color-aTertiaryPop-200);--color-aHighlight-300:var(--color-aTertiaryPop-300);--color-aHighlight-400:var(--color-aTertiaryPop-400);--color-aHighlight-500:var(--color-aTertiaryPop-500);--color-aHighlight-600:var(--color-aTertiaryPop-600);--color-aHighlight-700:var(--color-aTertiaryPop-700);--color-aHighlight-800:var(--color-aTertiaryPop-800);--color-aHighlight-900:var(--color-aTertiaryPop-900);--color-aHighlight-950:var(--color-aTertiaryPop-950);--color-aInfo-50:var(--color-aTertiaryBlend-50);--color-aInfo-100:var(--color-aTertiaryBlend-100);--color-aInfo-200:var(--color-aTertiaryBlend-200);--color-aInfo-300:var(--color-aTertiaryBlend-300);--color-aInfo-400:var(--color-aTertiaryBlend-400);--color-aInfo-500:var(--color-aTertiaryBlend-500);--color-aInfo-600:var(--color-aTertiaryBlend-600);--color-aInfo-700:var(--color-aTertiaryBlend-700);--color-aInfo-800:var(--color-aTertiaryBlend-800);--color-aInfo-900:var(--color-aTertiaryBlend-900);--color-aInfo-950:var(--color-aTertiaryBlend-950);--color-alert-50:#fff1f2;--color-alert-100:#ffe4e6;--color-alert-200:#fecdd3;--color-alert-300:#fda4af;--color-alert-400:#fb7185;--color-alert-500:#f43f5e;--color-alert-600:#e11d48;--color-alert-700:#be123c;--color-alert-800:#9f1239;--color-alert-900:#881337;--color-alert-950:#4c0519;--color-red:red;--color-green:#05d362;--color-blue:#0011fd;--color-border:hsl(var(--border));--color-input:hsl(var(--input));--color-ring:hsl(var(--ring));--color-background:hsl(var(--background));--color-foreground:hsl(var(--foreground));--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-secondary:hsl(var(--secondary));--color-secondary-foreground:hsl(var(--secondary-foreground));--color-destructive:hsl(var(--destructive));--color-destructive-foreground:hsl(var(--destructive-foreground));--color-muted:hsl(var(--muted));--color-muted-foreground:hsl(var(--muted-foreground));--color-accent:hsl(var(--accent));--color-accent-foreground:hsl(var(--accent-foreground));--color-popover:hsl(var(--popover));--color-popover-foreground:hsl(var(--popover-foreground));--color-card:hsl(var(--card));--color-card-foreground:hsl(var(--card-foreground));--animate-accordion-down:accordion-down .2s ease-out;--animate-accordion-up:accordion-up .2s ease-out;--animate-lesson-button-bounce:lesson-button-bounce 1s ease-in-out infinite;--page-margin:calc(1/24*100%)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground)}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-9{top:calc(var(--spacing)*-9)}.-top-10{top:calc(var(--spacing)*-10)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing)*4)}.left-\[20px\]{left:20px}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50,.z-\[50\]{z-index:50}.z-\[200\]{z-index:200}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.row-span-2{grid-row:span 2/span 2}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing)*1)}.m-auto{margin:auto}.\!container{margin-inline:auto!important;padding-inline:2rem!important}@media (min-width:40rem){.\!container{max-width:none!important}}@media (min-width:1400px){.\!container{max-width:1400px!important}}.container{margin-inline:auto;padding-inline:2rem}@media (min-width:40rem){.container{max-width:none}}@media (min-width:1400px){.container{max-width:1400px}}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.mx-mPianoKeyBlack{margin-inline:var(--spacing-mPianoKeyBlack)}.mx-mPianoKeyBlackMini{margin-inline:var(--spacing-mPianoKeyBlackMini)}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-2{margin-block:calc(var(--spacing)*2)}.my-6{margin-block:calc(var(--spacing)*6)}.my-8{margin-block:calc(var(--spacing)*8)}.my-px{margin-block:1px}.-mt-6{margin-top:calc(var(--spacing)*-6)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-5{margin-right:calc(var(--spacing)*5)}.mr-6{margin-right:calc(var(--spacing)*6)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-\[0\.55em\]{margin-bottom:.55em}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.\!grid{display:grid!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-200{height:calc(var(--spacing)*200)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-30{height:calc(var(--spacing)*30)}.h-32{height:calc(var(--spacing)*32)}.h-50{height:calc(var(--spacing)*50)}.h-80{height:calc(var(--spacing)*80)}.h-\[5\.6rem\]{height:5.6rem}.h-\[100px\]{height:100px}.h-\[12px\]{height:12px}.h-\[18px\]{height:18px}.h-\[1px\]{height:1px}.h-\[26px\]{height:26px}.h-\[32px\]{height:32px}.h-\[50px\]{height:50px}.h-\[75\%\]{height:75%}.h-\[240px\]{height:240px}.h-\[calc\(100\%-0\.5rem\)\]{height:calc(100% - .5rem)}.h-\[calc\(100\%-0\.25rem\)\]{height:calc(100% - .25rem)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-hPianoKeyBlack{height:var(--spacing-hPianoKeyBlack)}.h-hPianoKeyBlackMini{height:var(--spacing-hPianoKeyBlackMini)}.h-hPianoKeyWhite{height:var(--spacing-hPianoKeyWhite)}.h-hPianoKeyWhiteMini{height:var(--spacing-hPianoKeyWhiteMini)}.max-h-11{max-height:calc(var(--spacing)*11)}.max-h-16{max-height:calc(var(--spacing)*16)}.max-h-\[85\%\]{max-height:85%}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-50{min-height:calc(var(--spacing)*50)}.min-h-\[50vh\]{min-height:50vh}.min-h-screen{min-height:100vh}.\!w-auto{width:auto!important}.w-0{width:calc(var(--spacing)*0)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/6{width:16.6667%}.w-1\/12{width:8.33333%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\/4{width:75%}.w-3\/12{width:25%}.w-4{width:calc(var(--spacing)*4)}.w-4\/12{width:33.3333%}.w-5{width:calc(var(--spacing)*5)}.w-5\/6{width:83.3333%}.w-5\/12{width:41.6667%}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-7\/12{width:58.3333%}.w-8{width:calc(var(--spacing)*8)}.w-8\/12{width:66.6667%}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11\/12{width:91.6667%}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-30{width:calc(var(--spacing)*30)}.w-44{width:calc(var(--spacing)*44)}.w-56{width:calc(var(--spacing)*56)}.w-72{width:calc(var(--spacing)*72)}.w-\[0\%\]{width:0%}.w-\[1\%\]{width:1%}.w-\[26px\]{width:26px}.w-\[2px\]{width:2px}.w-\[5\.5rem\]{width:5.5rem}.w-\[6\.75rem\]{width:6.75rem}.w-\[100px\]{width:100px}.w-\[12px\]{width:12px}.w-\[13rem\]{width:13rem}.w-\[18px\]{width:18px}.w-\[1px\]{width:1px}.w-\[28\%\]{width:28%}.w-\[50px\]{width:50px}.w-\[75\%\]{width:75%}.w-\[85\%\]{width:85%}.w-\[240px\]{width:240px}.w-\[300px\]{width:300px}.w-\[32px\]{width:32px}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-\[calc\(var\(--spacing-lessons\)\/2\)\]{width:calc(var(--spacing-lessons)/2)}.w-\[min\(100\%\,28rem\)\]{width:min(100%,28rem)}.w-auto{width:auto}.w-full{width:100%}.w-lesson-margins{width:var(--spacing-lesson-margins)}.w-lessons{width:var(--spacing-lessons)}.w-wPianoKeyBlack{width:var(--spacing-wPianoKeyBlack)}.w-wPianoKeyBlackMini{width:var(--spacing-wPianoKeyBlackMini)}.w-wPianoKeyWhite{width:var(--spacing-wPianoKeyWhite)}.w-wPianoKeyWhiteMini{width:var(--spacing-wPianoKeyWhiteMini)}.max-w-\(--breakpoint-lg\){max-width:var(--breakpoint-lg)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-40{max-width:calc(var(--spacing)*40)}.max-w-52{max-width:calc(var(--spacing)*52)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-80{max-width:calc(var(--spacing)*80)}.max-w-\[330px\]{max-width:330px}.max-w-\[480px\]{max-width:480px}.max-w-\[800px\]{max-width:800px}.max-w-\[912px\]{max-width:912px}.max-w-\[988px\]{max-width:988px}.max-w-\[1056px\]{max-width:1056px}.max-w-\[1140px\]{max-width:1140px}.max-w-\[calc\(50\%-0\.125rem\)\]{max-width:calc(50% - .125rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-20{min-width:calc(var(--spacing)*20)}.min-w-24{min-width:calc(var(--spacing)*24)}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-auto{flex:auto}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-2\/4{--tw-translate-x:calc(calc(2/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2\/4{--tw-translate-y:calc(calc(2/4*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-z-\[10px\]{--tw-translate-z:10px;translate:var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z)}.translate-z-\[15px\]{--tw-translate-z:15px;translate:var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z)}.translate-z-\[20px\]{--tw-translate-z:20px;translate:var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z)}.translate-z-\[25px\]{--tw-translate-z:25px;translate:var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z)}.translate-z-\[40px\]{--tw-translate-z:40px;translate:var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z)}.scale-1{--tw-scale-x:1%;--tw-scale-y:1%;--tw-scale-z:1%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-2{--tw-scale-x:2%;--tw-scale-y:2%;--tw-scale-z:2%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-80{--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-85{--tw-scale-x:85%;--tw-scale-y:85%;--tw-scale-z:85%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-scale-x-100{--tw-scale-x:calc(100%*-1);scale:var(--tw-scale-x)var(--tw-scale-y)}.-scale-y-100{--tw-scale-y:calc(100%*-1);scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-x-90{--tw-scale-x:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[99\%\]{scale:99%}.scale-\[100\%\]{scale:100%}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.animate-lesson-button-bounce{animation:var(--animate-lesson-button-bounce)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.touch-auto{touch-action:auto}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[2rem_1fr_1fr\]{grid-template-columns:2rem 1fr 1fr}.grid-cols-subgrid{grid-template-columns:subgrid}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-\[48px\]{gap:48px}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-7{column-gap:calc(var(--spacing)*7)}.gap-x-8{column-gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-8{row-gap:calc(var(--spacing)*8)}.gap-y-12{row-gap:calc(var(--spacing)*12)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-tl-md{border-top-left-radius:var(--radius-md)}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-md{border-top-right-radius:var(--radius-md)}.rounded-tr-none{border-top-right-radius:0}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-b-sm{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.rounded-br-md{border-bottom-right-radius:var(--radius-md)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x-2{border-inline-style:var(--tw-border-style);border-inline-width:2px}.border-y-8{border-block-style:var(--tw-border-style);border-block-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-r-8{border-right-style:var(--tw-border-style);border-right-width:8px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-b-8{border-bottom-style:var(--tw-border-style);border-bottom-width:8px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-aPrimary-400{border-color:var(--color-aPrimary-400)}.border-aPrimary-500{border-color:var(--color-aPrimary-500)}.border-aPrimary-700{border-color:var(--color-aPrimary-700)}.border-aSecondary-200{border-color:var(--color-aSecondary-200)}.border-aSecondary-300{border-color:var(--color-aSecondary-300)}.border-aSecondary-400{border-color:var(--color-aSecondary-400)}.border-aSecondary-400\/40{border-color:color-mix(in oklab,var(--color-aSecondary-400)40%,transparent)}.border-aSecondary-500{border-color:var(--color-aSecondary-500)}.border-alert-500{border-color:var(--color-alert-500)}.border-black{border-color:var(--color-black)}.border-current{border-color:currentColor}.border-gray-400{border-color:var(--color-gray-400)}.border-primary{border-color:var(--color-primary)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-600{border-color:var(--color-slate-600)}.border-slate-950{border-color:var(--color-slate-950)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-x-aPrimary-400{border-inline-color:var(--color-aPrimary-400)}.border-x-gray-400{border-inline-color:var(--color-gray-400)}.border-y-transparent{border-block-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.\!bg-alert-400{background-color:var(--color-alert-400)!important}.\!bg-green{background-color:var(--color-green)!important}.bg-aHighlight-100{background-color:var(--color-aHighlight-100)}.bg-aHighlight-300{background-color:var(--color-aHighlight-300)}.bg-aHighlight-400{background-color:var(--color-aHighlight-400)}.bg-aHighlight-500{background-color:var(--color-aHighlight-500)}.bg-aInfo-300{background-color:var(--color-aInfo-300)}.bg-aInfo-400{background-color:var(--color-aInfo-400)}.bg-aPrimary-50{background-color:var(--color-aPrimary-50)}.bg-aPrimary-200{background-color:var(--color-aPrimary-200)}.bg-aPrimary-400{background-color:var(--color-aPrimary-400)}.bg-aPrimary-500{background-color:var(--color-aPrimary-500)}.bg-aPrimary-500\/25{background-color:color-mix(in oklab,var(--color-aPrimary-500)25%,transparent)}.bg-aPrimary-700{background-color:var(--color-aPrimary-700)}.bg-aSecondary-50{background-color:var(--color-aSecondary-50)}.bg-aSecondary-100{background-color:var(--color-aSecondary-100)}.bg-aSecondary-300{background-color:var(--color-aSecondary-300)}.bg-aSecondary-400{background-color:var(--color-aSecondary-400)}.bg-aSecondary-400\/20{background-color:color-mix(in oklab,var(--color-aSecondary-400)20%,transparent)}.bg-aSecondary-500{background-color:var(--color-aSecondary-500)}.bg-aSecondary-500\/15{background-color:color-mix(in oklab,var(--color-aSecondary-500)15%,transparent)}.bg-aSecondary-600{background-color:var(--color-aSecondary-600)}.bg-aTertiaryPop-600{background-color:var(--color-aTertiaryPop-600)}.bg-alert-100{background-color:var(--color-alert-100)}.bg-alert-200{background-color:var(--color-alert-200)}.bg-alert-400{background-color:var(--color-alert-400)}.bg-alert-500{background-color:var(--color-alert-500)}.bg-background{background-color:var(--color-background)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}.bg-border{background-color:var(--color-border)}.bg-card{background-color:var(--color-card)}.bg-foreground{background-color:var(--color-foreground)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-950{background-color:var(--color-gray-950)}.bg-green{background-color:var(--color-green)}.bg-muted{background-color:var(--color-muted)}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-none{background-image:none}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-aInfo-500{fill:var(--color-aInfo-500)}.fill-aPrimary-100{fill:var(--color-aPrimary-100)}.fill-aPrimary-200{fill:var(--color-aPrimary-200)}.fill-aPrimary-300{fill:var(--color-aPrimary-300)}.fill-aPrimary-400{fill:var(--color-aPrimary-400)}.fill-aPrimary-500{fill:var(--color-aPrimary-500)}.fill-aPrimary-600{fill:var(--color-aPrimary-600)}.fill-aPrimary-700{fill:var(--color-aPrimary-700)}.fill-aPrimary-700\/50{fill:color-mix(in oklab,var(--color-aPrimary-700)50%,transparent)}.fill-aSecondary-200{fill:var(--color-aSecondary-200)}.fill-aSecondary-300{fill:var(--color-aSecondary-300)}.fill-aSecondary-400{fill:var(--color-aSecondary-400)}.fill-aSecondary-500{fill:var(--color-aSecondary-500)}.fill-aSecondary-600{fill:var(--color-aSecondary-600)}.fill-aTertiaryPop-100{fill:var(--color-aTertiaryPop-100)}.fill-aTertiaryPop-400{fill:var(--color-aTertiaryPop-400)}.fill-aTertiaryPop-500{fill:var(--color-aTertiaryPop-500)}.fill-black{fill:var(--color-black)}.fill-blue{fill:var(--color-blue)}.fill-current{fill:currentColor}.fill-gray-400{fill:var(--color-gray-400)}.fill-green{fill:var(--color-green)}.fill-none{fill:none}.fill-slate-300{fill:var(--color-slate-300)}.fill-slate-400{fill:var(--color-slate-400)}.fill-slate-500{fill:var(--color-slate-500)}.fill-slate-800{fill:var(--color-slate-800)}.fill-transparent{fill:#0000}.fill-white{fill:var(--color-white)}.stroke-aPrimary-300{stroke:var(--color-aPrimary-300)}.stroke-aPrimary-400{stroke:var(--color-aPrimary-400)}.stroke-aPrimary-500{stroke:var(--color-aPrimary-500)}.stroke-aPrimary-600{stroke:var(--color-aPrimary-600)}.stroke-aPrimary-700{stroke:var(--color-aPrimary-700)}.stroke-aSecondary-300{stroke:var(--color-aSecondary-300)}.stroke-aSecondary-400{stroke:var(--color-aSecondary-400)}.stroke-aSecondary-500{stroke:var(--color-aSecondary-500)}.stroke-aSecondary-600{stroke:var(--color-aSecondary-600)}.stroke-alert-500{stroke:var(--color-alert-500)}.stroke-black{stroke:var(--color-black)}.stroke-green{stroke:var(--color-green)}.stroke-none{stroke:none}.stroke-slate-300{stroke:var(--color-slate-300)}.\[stroke-width\:0\.25px\]{stroke-width:.25px}.\[stroke-width\:0\.75px\]{stroke-width:.75px}.\[stroke-width\:5px\]{stroke-width:5px}.stroke-0{stroke-width:0}.stroke-1{stroke-width:1px}.stroke-2{stroke-width:2px}.stroke-4{stroke-width:4px}.stroke-8{stroke-width:8px}.stroke-\[1\.5\]{stroke-width:1.5px}.stroke-\[1\]{stroke-width:1px}.stroke-\[2\.5\]{stroke-width:2.5px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-\[1px\]{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.py-\[8\%\]{padding-block:8%}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-\[50px\]{padding-top:50px}.pr-0\.5{padding-right:calc(var(--spacing)*.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-7{padding-bottom:calc(var(--spacing)*7)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.65em\]{font-size:.65em}.text-\[0\.85em\]{font-size:.85em}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[24px\]{font-size:24px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-\[4rem\]{--tw-leading:4rem;line-height:4rem}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-nowrap{text-wrap:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.\!text-slate-400{color:var(--color-slate-400)!important}.\!text-slate-900{color:var(--color-slate-900)!important}.\!text-white{color:var(--color-white)!important}.text-aHighlight-600{color:var(--color-aHighlight-600)}.text-aHighlight-700{color:var(--color-aHighlight-700)}.text-aHighlight-800{color:var(--color-aHighlight-800)}.text-aHighlight-900{color:var(--color-aHighlight-900)}.text-aInfo-600{color:var(--color-aInfo-600)}.text-aInfo-700{color:var(--color-aInfo-700)}.text-aInfo-800{color:var(--color-aInfo-800)}.text-aInfo-900{color:var(--color-aInfo-900)}.text-aPrimary-300{color:var(--color-aPrimary-300)}.text-aPrimary-500{color:var(--color-aPrimary-500)}.text-aPrimary-600{color:var(--color-aPrimary-600)}.text-aPrimary-700{color:var(--color-aPrimary-700)}.text-aSecondary-500{color:var(--color-aSecondary-500)}.text-aSecondary-600{color:var(--color-aSecondary-600)}.text-aSecondary-700{color:var(--color-aSecondary-700)}.text-alert-400{color:var(--color-alert-400)}.text-alert-500{color:var(--color-alert-500)}.text-alert-600{color:var(--color-alert-600)}.text-background{color:var(--color-background)}.text-black{color:var(--color-black)}.text-blue{color:var(--color-blue)}.text-card-foreground{color:var(--color-card-foreground)}.text-current{color:currentColor}.text-foreground{color:var(--color-foreground)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green{color:var(--color-green)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.\!ordinal{--tw-ordinal:ordinal!important;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)!important}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.accent-slate-600{accent-color:var(--color-slate-600)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-aPrimary-200{--tw-ring-color:var(--color-aPrimary-200)}.ring-aSecondary-300{--tw-ring-color:var(--color-aSecondary-300)}.ring-aSecondary-500{--tw-ring-color:var(--color-aSecondary-500)}.ring-alert-300{--tw-ring-color:var(--color-alert-300)}.ring-green\/40{--tw-ring-color:color-mix(in oklab,var(--color-green)40%,transparent)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[backface-visibility\:hidden\]{backface-visibility:hidden}.\[stroke-dasharray\:6_4\]{stroke-dasharray:6 4}.\[stroke-linecap\:round\]{stroke-linecap:round}.\[stroke-linejoin\:round\]{stroke-linejoin:round}.\[stroke-miterlimit\:10\]{stroke-miterlimit:10}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.transform-3d{transform-style:preserve-3d}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--color-muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--color-primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--color-muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--color-primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--color-border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--color-background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--color-foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}@media (hover:hover){.hover\:\!bg-alert-400:hover{background-color:var(--color-alert-400)!important}.hover\:\!bg-green:hover{background-color:var(--color-green)!important}.hover\:bg-aPrimary-500\/10:hover{background-color:color-mix(in oklab,var(--color-aPrimary-500)10%,transparent)}.hover\:bg-aPrimary-500\/90:hover{background-color:color-mix(in oklab,var(--color-aPrimary-500)90%,transparent)}.hover\:bg-aSecondary-400\/90:hover{background-color:color-mix(in oklab,var(--color-aSecondary-400)90%,transparent)}.hover\:bg-aSecondary-500\/20:hover{background-color:color-mix(in oklab,var(--color-aSecondary-500)20%,transparent)}.hover\:bg-aSecondary-500\/90:hover{background-color:color-mix(in oklab,var(--color-aSecondary-500)90%,transparent)}.hover\:bg-aSecondary-600\/90:hover{background-color:color-mix(in oklab,var(--color-aSecondary-600)90%,transparent)}.hover\:bg-alert-500\/90:hover{background-color:color-mix(in oklab,var(--color-alert-500)90%,transparent)}.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}.hover\:bg-gray-200\/50:hover{background-color:color-mix(in oklab,var(--color-gray-200)50%,transparent)}.hover\:bg-gray-200\/90:hover{background-color:color-mix(in oklab,var(--color-gray-200)90%,transparent)}.hover\:bg-green\/90:hover{background-color:color-mix(in oklab,var(--color-green)90%,transparent)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.active\:cursor-grabbing:active{cursor:grabbing}.active\:border-b-0:active{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.active\:border-b-2:active{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.active\:bg-aPrimary-500\/20:active{background-color:color-mix(in oklab,var(--color-aPrimary-500)20%,transparent)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--color-secondary)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--color-muted-foreground)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}@media not (min-width:450px){.max-\[450px\]\:hidden{display:none}.max-\[450px\]\:inline-block{display:inline-block}.max-\[450px\]\:h-10{height:calc(var(--spacing)*10)}.max-\[450px\]\:h-auto{height:auto}.max-\[450px\]\:min-h-9{min-height:calc(var(--spacing)*9)}.max-\[450px\]\:w-10{width:calc(var(--spacing)*10)}.max-\[450px\]\:gap-x-2{column-gap:calc(var(--spacing)*2)}.max-\[450px\]\:p-2{padding:calc(var(--spacing)*2)}.max-\[450px\]\:px-2{padding-inline:calc(var(--spacing)*2)}.max-\[450px\]\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}.max-\[450px\]\:text-center{text-align:center}.max-\[450px\]\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.max-\[450px\]\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.max-\[450px\]\:leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.max-\[450px\]\:whitespace-normal{white-space:normal}}@media (min-width:40rem){.sm\:w-64{width:calc(var(--spacing)*64)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing)*3)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:order-1{order:1}.md\:order-3{order:3}.md\:mx-mPianoKeyBlack-md{margin-inline:var(--spacing-mPianoKeyBlack-md)}.md\:mx-mPianoKeyBlackMini-md{margin-inline:var(--spacing-mPianoKeyBlackMini-md)}.md\:h-8{height:calc(var(--spacing)*8)}.md\:h-\[20px\]{height:20px}.md\:h-\[30px\]{height:30px}.md\:h-\[40px\]{height:40px}.md\:h-hPianoKeyBlack-md{height:var(--spacing-hPianoKeyBlack-md)}.md\:h-hPianoKeyBlackMini-md{height:var(--spacing-hPianoKeyBlackMini-md)}.md\:h-hPianoKeyWhite-md{height:var(--spacing-hPianoKeyWhite-md)}.md\:h-hPianoKeyWhiteMini-md{height:var(--spacing-hPianoKeyWhiteMini-md)}.md\:w-6{width:calc(var(--spacing)*6)}.md\:w-8{width:calc(var(--spacing)*8)}.md\:w-\[20px\]{width:20px}.md\:w-\[30px\]{width:30px}.md\:w-\[40px\]{width:40px}.md\:w-wPianoKeyBlack-md{width:var(--spacing-wPianoKeyBlack-md)}.md\:w-wPianoKeyBlackMini-md{width:var(--spacing-wPianoKeyBlackMini-md)}.md\:w-wPianoKeyWhite-md{width:var(--spacing-wPianoKeyWhite-md)}.md\:w-wPianoKeyWhiteMini-md{width:var(--spacing-wPianoKeyWhiteMini-md)}.md\:flex-1{flex:1}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:fixed{position:fixed}.lg\:z-50{z-index:50}.lg\:mt-\[-28px\]{margin-top:-28px}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-10{margin-bottom:calc(var(--spacing)*10)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-h-\[350px\]{min-height:350px}.lg\:w-\[256px\]{width:256px}.lg\:w-\[424px\]{width:424px}.lg\:w-\[600px\]{width:600px}.lg\:w-\[800px\]{width:800px}.lg\:max-w-\(--breakpoint-lg\){max-width:var(--breakpoint-lg)}.lg\:grid-cols-\[repeat\(auto-fill\,minmax\(210px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.lg\:flex-row{flex-direction:row}.lg\:p-6{padding:calc(var(--spacing)*6)}.lg\:px-0{padding-inline:calc(var(--spacing)*0)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\:pt-0{padding-top:calc(var(--spacing)*0)}.lg\:pt-3{padding-top:calc(var(--spacing)*3)}.lg\:pt-\[28px\]{padding-top:28px}.lg\:pt-\[30px\]{padding-top:30px}.lg\:pb-4{padding-bottom:calc(var(--spacing)*4)}.lg\:pl-\[256px\]{padding-left:256px}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@container (min-width:28rem){.\@\[28rem\]\:px-0\.5{padding-inline:calc(var(--spacing)*.5)}.\@\[28rem\]\:py-2{padding-block:calc(var(--spacing)*2)}.\@\[28rem\]\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\@\[28rem\]\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\@\[28rem\]\:leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}}.\[\&_\.scale-sep\]\:w-2 .scale-sep{width:calc(var(--spacing)*2)}.\[\&_\.scale-sep\]\:bg-white .scale-sep{background-color:var(--color-white)}.\[\&_\.scale-sep\]\:p-0 .scale-sep{padding:calc(var(--spacing)*0)}.\[\&_svg\]\:block svg{display:block}.\[\&_svg\]\:h-auto svg{height:auto}.\[\&_svg\]\:h-full svg{height:100%}.\[\&_svg\]\:max-h-full svg{max-height:100%}.\[\&_svg\]\:w-full svg{width:100%}.\[\&_tbody_td\]\:border-b-0 tbody td,.\[\&_tbody_tr\:last-child_td\]\:border-b-0 tbody tr:last-child td,.\[\&_tbody_tr\:last-child_th\]\:border-b-0 tbody tr:last-child th{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&_td\]\:border-r-2 td{border-right-style:var(--tw-border-style);border-right-width:2px}.\[\&_td\]\:border-b-2 td{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.\[\&_td\]\:border-aPrimary-500 td{border-color:var(--color-aPrimary-500)}.\[\&_td\.scale-sep\]\:h-2 td.scale-sep{height:calc(var(--spacing)*2)}.\[\&_td\.scale-sep\]\:border-r-0 td.scale-sep{border-right-style:var(--tw-border-style);border-right-width:0}.\[\&_td\.scale-sep\]\:border-b-0 td.scale-sep{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&_td\.scale-sep\]\:bg-white td.scale-sep{background-color:var(--color-white)}.\[\&_td\.scale-sep\]\:p-0 td.scale-sep{padding:calc(var(--spacing)*0)}.\[\&_td\:last-child\]\:border-r-0 td:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.\[\&_th\]\:border-r-2 th{border-right-style:var(--tw-border-style);border-right-width:2px}.\[\&_th\]\:border-b-2 th{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.\[\&_th\]\:border-aPrimary-500 th{border-color:var(--color-aPrimary-500)}.\[\&_th\:last-child\]\:border-r-0 th:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.\[\&\>\#scoreDef\]\:mb-0>#scoreDef,.\[\&\>\#scoreDef\>div\]\:mb-0>#scoreDef>div{margin-bottom:calc(var(--spacing)*0)}.\[\&\>div\]\:w-full>div{width:100%}html,body,:root{height:100%}div{box-sizing:border-box}.SMuFLfont{transform:scaleY(-1)}.SMuFLfont text{fill:var(--app-primary-600);font-size:20em;font-weight:700}.SMuFLfont path.DragCircleDot{fill:var(--drag-circle-dot-fill,var(--color-aSecondary-200))}.SMuFLfont path.DragCircleStem{fill:var(--drag-circle-stem-fill,var(--color-aSecondary-400))}.SMuFLfont .DragCircleOverlay-{pointer-events:none}.SMuFLfont .DragCircleOverlay- .DragCircle-{pointer-events:auto}.MeasureNum-{fill:var(--app-primary-600);font-size:20em;font-weight:700}.BackgroundRect{fill:var(--app-primary-200);opacity:1}.textBackground{fill:#fff;opacity:1;stroke:none}.nonGlyphSVG{transform:scaleY(-1)}.TextElement{font-family:sans-serif monspace}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.scale-80{--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-85{--tw-scale-x:85%;--tw-scale-y:85%;--tw-scale-z:85%;scale:var(--tw-scale-x)var(--tw-scale-y)}.CollapsibleContent{overflow:hidden}.CollapsibleContent[data-state=open]{animation:.3s ease-out slideDown}.CollapsibleContent[data-state=closed]{animation:.3s ease-out slideUp}@keyframes slideDown{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes slideUp{0%{height:var(--radix-collapsible-content-height)}to{height:0}}.lockedIcon{fill:var(--app-gray-200);color:var(--app-gray-400)}.courseIcon{color:var(--color-aPrimary-700)}[data-test-id=CircularProgressbarWithChildren]{width:100%}.progress{background:conic-gradient(red 90deg,#c0a 0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes lesson-button-bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translate(-4%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}