.star-icon.svelte-1omch9g{display:inline-flex;align-items:center;transition:transform .2s ease}button.svelte-1omch9g:hover .star-icon:where(.svelte-1omch9g){transform:scale(1.1)}button.svelte-1omch9g:active .star-icon:where(.svelte-1omch9g){transform:scale(.95)}.breadcrumbs.svelte-e36mkg ul:where(.svelte-e36mkg){display:flex;flex-wrap:wrap;gap:.25rem}.breadcrumbs.svelte-e36mkg li:where(.svelte-e36mkg):not(:last-child):after{content:"/";margin-left:.5rem;opacity:.4}.star-icon.svelte-e36mkg{display:inline-flex;align-items:center;transition:transform .2s ease}button.svelte-e36mkg:hover .star-icon:where(.svelte-e36mkg){transform:scale(1.1)}button.svelte-e36mkg:active .star-icon:where(.svelte-e36mkg){transform:scale(.95)}.lesson-page.svelte-1v7umf6{min-height:100vh}.callout-box.svelte-1v7umf6{background:oklch(var(--p) / .1);border:1px solid oklch(var(--p) / .3);border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem}.callout-box.svelte-1v7umf6 p:where(.svelte-1v7umf6){margin:0;line-height:1.6}.callout-box.svelte-1v7umf6 a:where(.svelte-1v7umf6){color:oklch(var(--p));font-weight:600;text-decoration:underline;text-underline-offset:3px}.callout-box.svelte-1v7umf6 a:where(.svelte-1v7umf6):hover{color:oklch(var(--pf))}.lesson-content.svelte-1v7umf6{max-width:56rem;margin:0 auto;padding:0 1rem 2rem}.lesson-content.svelte-1v7umf6 h1{font-size:2rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.lesson-content.svelte-1v7umf6 h2{font-size:1.5rem;font-weight:700;margin-top:3rem;margin-bottom:1rem;color:var(--color-warning);scroll-margin-top:5rem}.lesson-content.svelte-1v7umf6 h3{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem}.lesson-content.svelte-1v7umf6 p{margin-bottom:1.25rem;line-height:1.75}.lesson-content.svelte-1v7umf6 a{color:oklch(var(--p));text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.lesson-content.svelte-1v7umf6 a:hover{color:oklch(var(--pf));text-decoration-thickness:2px}.lesson-content.svelte-1v7umf6 ul{margin-bottom:1.25rem;padding-left:1.5rem;list-style-type:disc}.lesson-content.svelte-1v7umf6 ol{margin-bottom:1.25rem;padding-left:1.5rem;list-style-type:decimal}.lesson-content.svelte-1v7umf6 li{margin-bottom:.5rem;line-height:1.75}.lesson-content.svelte-1v7umf6 figure{margin:2rem 0}.lesson-content.svelte-1v7umf6 figcaption{text-align:center;font-size:.875rem;color:oklch(var(--bc) / .6);margin-top:.75rem;font-style:italic}.lesson-content.svelte-1v7umf6 img{max-width:100%;height:auto;border-radius:.5rem}.lesson-content.svelte-1v7umf6 .aspect-video{margin:2rem 0}.lesson-content.svelte-1v7umf6 iframe{border-radius:.75rem}.lesson-content.svelte-1v7umf6 strong{font-weight:600}.lesson-content.svelte-1v7umf6 em{font-style:italic}.lesson-content.svelte-1v7umf6 blockquote{border-left:3px solid oklch(var(--p));padding-left:1rem;margin:1.5rem 0;font-style:italic;color:oklch(var(--bc) / .8)}.lesson-content.svelte-1v7umf6 .chord-chart,.lesson-content.svelte-1v7umf6 .card{margin:1.5rem 0}.lesson-content.svelte-1v7umf6 .divider{margin:2rem 0}.lesson-content.svelte-1v7umf6 .img_container{display:inline-block;background:#fff;border-radius:.75rem;padding:.75rem;box-shadow:0 4px 16px #0000001f,0 2px 4px #00000014;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.lesson-content.svelte-1v7umf6 .img_container:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a}.lesson-content.svelte-1v7umf6 .img_container img{display:block;border-radius:.5rem}@media(max-width:640px){.lesson-content.svelte-1v7umf6 h1{font-size:1.75rem}.lesson-content.svelte-1v7umf6 h2{font-size:1.25rem;margin-top:2rem}}.youtube-embed.svelte-1mayohe{position:relative;background:oklch(var(--b2))}.thumbnail-container.svelte-1mayohe{position:relative;width:100%;height:100%;border:none;padding:0;cursor:pointer;display:block}.thumbnail.svelte-1mayohe{width:100%;height:100%;object-fit:cover}.play-button.svelte-1mayohe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .15s ease,opacity .15s ease}.thumbnail-container.svelte-1mayohe:hover .play-button:where(.svelte-1mayohe){transform:translate(-50%,-50%) scale(1.1)}.play-icon.svelte-1mayohe{width:68px;height:48px}.play-bg.svelte-1mayohe{fill:#212121;fill-opacity:.8;transition:fill .15s ease,fill-opacity .15s ease}.thumbnail-container.svelte-1mayohe:hover .play-bg:where(.svelte-1mayohe){fill:red;fill-opacity:1}.play-arrow.svelte-1mayohe{fill:#fff}iframe.svelte-1mayohe{border:none}