.PageContainer_page__17hyy{position:relative;padding-top:72px;padding-bottom:72px;width:100%;height:100%}.PageContainer_page__17hyy>.PageContainer_page_container__jOaCq{margin:0 auto;width:100%;max-width:720px;height:fit-content}.PageContainer_page__17hyy>.PageContainer_page_container__jOaCq.PageContainer_small__6zqy6{max-width:720px}.PageContainer_page__17hyy>.PageContainer_page_container__jOaCq.PageContainer_medium__ScECX{max-width:1024px}.PageContainer_page__17hyy>.PageContainer_page_container__jOaCq.PageContainer_large__daLur{max-width:1280px}.PageContainer_page__17hyy>.PageContainer_page_container__jOaCq.PageContainer_full__Fp_CI{max-width:none}.PageContainer_page__17hyy>.PageContainer_page_container__jOaCq.PageContainer_max-content__QbHG_{max-width:max-content}.post_post_page__VLBj6 .post_container__5FZfD{max-width:1400px;margin:0 auto;padding:4rem 2rem}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD{padding:3rem 1rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_cover__XPAOq{width:100%;max-width:1200px;margin:0 auto 3rem;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;overflow:hidden}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_cover__XPAOq{margin-bottom:2rem;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}}.post_post_page__VLBj6 .post_container__5FZfD .post_cover__XPAOq img{width:100%;height:auto;display:block}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:3rem}@media((min-width:600px) and (max-width:1024px)){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2rem}}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf{gap:1.5rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2.5rem}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY{gap:2rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4{gap:.875rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_title__NSo8J{font-size:3rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_title__NSo8J{font-size:2rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_meta__Jzg_6{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1.5rem}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_meta__Jzg_6{gap:1rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_meta__Jzg_6 .post_date__wH3iH,.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_meta__Jzg_6 .post_views__Q2G83{font-size:.95rem;color:var(--text-color-secondary)}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_meta__Jzg_6 .post_date__wH3iH,.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_meta__Jzg_6 .post_views__Q2G83{font-size:.9rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_taxonomy__jFyZc{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.75rem}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_taxonomy__jFyZc{gap:.625rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_taxonomy__jFyZc .post_category__P9zvL{padding:.5rem 1rem;background:var(--primary-color);color:#fff;font-size:.9rem;font-weight:500;text-decoration:none;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_taxonomy__jFyZc .post_category__P9zvL{padding:.45rem .875rem;font-size:.85rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_taxonomy__jFyZc .post_category__P9zvL:hover{opacity:.9;transform:translateY(-1px);-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px)}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_taxonomy__jFyZc .post_tags__WMOkR{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.5rem}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_taxonomy__jFyZc .post_tags__WMOkR{gap:.375rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_taxonomy__jFyZc .post_tags__WMOkR .post_tag__Gr24o{padding:.375rem .75rem;background:var(--background-color-secondary);color:var(--text-color);font-size:.875rem;text-decoration:none;border:1px solid var(--border-color);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_taxonomy__jFyZc .post_tags__WMOkR .post_tag__Gr24o{padding:.35rem .625rem;font-size:.825rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_header__j46c4 .post_taxonomy__jFyZc .post_tags__WMOkR .post_tag__Gr24o:hover{border-color:var(--primary-color);transform:translateY(-1px);-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px)}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1{padding:1.5rem;background:var(--background-color-secondary);border-top:var(--glass-border-width) solid var(--glass-border-top-color)!important;border-left:var(--glass-border-width) solid var(--glass-border-left-color)!important;border-right:var(--glass-border-width) solid var(--glass-border-right-color)!important;border-bottom:var(--glass-border-width) solid var(--glass-border-bottom-color)!important;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.75rem}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1{padding:1.25rem;gap:.625rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1 .post_series_header__T9XBr{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1 .post_series_header__T9XBr{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1 .post_series_header__T9XBr .post_series_label__s_GIG{padding:.25rem .625rem;background:var(--primary-color);color:#fff;font-size:.8rem;font-weight:500;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1 .post_series_header__T9XBr .post_series_label__s_GIG{font-size:.75rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1 .post_series_header__T9XBr .post_series_name__DpOkn{font-size:1.125rem;font-weight:600;color:var(--text-color);text-decoration:none;transition:color .2s ease;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1 .post_series_header__T9XBr .post_series_name__DpOkn{font-size:1rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1 .post_series_header__T9XBr .post_series_name__DpOkn:hover{color:var(--primary-color)}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1 .post_series_description__XKSYB{font-size:.95rem;color:var(--text-color-secondary);margin:0}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_info__7jJM1 .post_series_description__XKSYB{font-size:.9rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_content__b6uus{width:100%}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding-top:2rem;border-top:2px solid var(--border-color)}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg{grid-template-columns:1fr;gap:1rem;padding-top:1.5rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg .post_nav_link__TGTER{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;padding:1.5rem;background:var(--background-color-secondary);border-top:var(--glass-border-width) solid var(--glass-border-top-color)!important;border-left:var(--glass-border-width) solid var(--glass-border-left-color)!important;border-right:var(--glass-border-width) solid var(--glass-border-right-color)!important;border-bottom:var(--glass-border-width) solid var(--glass-border-bottom-color)!important;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;text-decoration:none;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg .post_nav_link__TGTER{padding:1.25rem;gap:.375rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg .post_nav_link__TGTER:hover{border-color:var(--primary-color);transform:translateY(-2px);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px)}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg .post_nav_link__TGTER.post_prev__fLxyc .post_nav_title__sABXT{text-align:left}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg .post_nav_link__TGTER.post_next__06vLn .post_nav_label__A5kI3,.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg .post_nav_link__TGTER.post_next__06vLn .post_nav_title__sABXT{text-align:right}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg .post_nav_link__TGTER .post_nav_label__A5kI3{font-size:.875rem;font-weight:500;color:var(--text-color-secondary)}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg .post_nav_link__TGTER .post_nav_label__A5kI3{font-size:.825rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg .post_nav_link__TGTER .post_nav_title__sABXT{font-size:1.05rem;font-weight:600;color:var(--text-color)}@media(max-width:600px)and (min-height:300px){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_main__7n_OY .post_series_nav__cDIYg .post_nav_link__TGTER .post_nav_title__sABXT{font-size:.95rem}}.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_sidebar__SBOwT{width:300px;flex-shrink:0}@media((min-width:600px) and (max-width:1024px)){.post_post_page__VLBj6 .post_container__5FZfD .post_layout__G60Qf .post_sidebar__SBOwT{width:100%}}@media(max-width:1128px){.palette_palette__Fp9yr{max-width:100%!important}}.palette_palette__Fp9yr>.palette_palette_container__V4cue{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;min-width:100%}@media(min-width:1128px){.palette_palette__Fp9yr>.palette_palette_container__V4cue{min-width:1080px}}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3px;width:100%;max-width:100%}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_item_name__omtjk{margin-left:12px;font-size:1rem;font-weight:700;color:var(--foreground-color)}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}@media(min-width:1128px){.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:15px 18px;width:100%;cursor:pointer;border:var(--glass-border-width) solid var(--empty-color)!important}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:hover{z-index:10;box-shadow:0 0 24px 6px rgba(0,0,0,.1);transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}@media(min-width:1128px){.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V{width:120px}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:hover{z-index:10;box-shadow:0 0 24px 6px rgba(0,0,0,.1);transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15)}}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:hover{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-top:var(--glass-border-width) solid var(--glass-border-top-color)!important;border-left:var(--glass-border-width) solid var(--glass-border-left-color)!important;border-right:var(--glass-border-width) solid var(--glass-border-right-color)!important;border-bottom:var(--glass-border-width) solid var(--glass-border-bottom-color)!important}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:first-child{border-radius:12px 12px 0 0;-webkit-border-radius:12px 12px 0 0;-moz-border-radius:12px 12px 0 0;-ms-border-radius:12px 12px 0 0;-o-border-radius:12px 12px 0 0}@media(min-width:1128px){.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:first-child{border-radius:18px 0 0 18px;-webkit-border-radius:18px 0 0 18px;-moz-border-radius:18px 0 0 18px;-ms-border-radius:18px 0 0 18px;-o-border-radius:18px 0 0 18px}}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:first-child:hover{border-radius:18px 18px 12px 12px;-webkit-border-radius:18px 18px 12px 12px;-moz-border-radius:18px 18px 12px 12px;-ms-border-radius:18px 18px 12px 12px;-o-border-radius:18px 18px 12px 12px}@media(min-width:1128px){.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:first-child:hover{border-radius:18px 12px 12px 18px;-webkit-border-radius:18px 12px 12px 18px;-moz-border-radius:18px 12px 12px 18px;-ms-border-radius:18px 12px 12px 18px;-o-border-radius:18px 12px 12px 18px}}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:last-child{border-radius:0 0 18px 18px;-webkit-border-radius:0 0 18px 18px;-moz-border-radius:0 0 18px 18px;-ms-border-radius:0 0 18px 18px;-o-border-radius:0 0 18px 18px}@media(min-width:1128px){.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:last-child{border-radius:0 18px 18px 0;-webkit-border-radius:0 18px 18px 0;-moz-border-radius:0 18px 18px 0;-ms-border-radius:0 18px 18px 0;-o-border-radius:0 18px 18px 0}}.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:last-child:hover{border-radius:12px 12px 18px 18px;-webkit-border-radius:12px 12px 18px 18px;-moz-border-radius:12px 12px 18px 18px;-ms-border-radius:12px 12px 18px 18px;-o-border-radius:12px 12px 18px 18px}@media(min-width:1128px){.palette_palette__Fp9yr>.palette_palette_container__V4cue>.palette_palette_item__TGdbT>.palette_palette_colors__23v_7>.palette_palette_color__Fu_7V:last-child:hover{border-radius:12px 18px 18px 12px;-webkit-border-radius:12px 18px 18px 12px;-moz-border-radius:12px 18px 18px 12px;-ms-border-radius:12px 18px 18px 12px;-o-border-radius:12px 18px 18px 12px}}.piano_piano_page__EjoRv{justify-content:flex-start;width:100%;height:100vh;overflow:hidden;padding:2rem 0;gap:2rem}.piano_piano_header__2sHTB,.piano_piano_page__EjoRv{display:flex;flex-direction:column;align-items:center}.piano_piano_header__2sHTB{justify-content:center;gap:.5rem}.piano_piano_header__2sHTB h1{font-size:2.5rem;font-weight:700;margin:0;color:var(--foreground-color)}.piano_piano_header__2sHTB .piano_description__87FcB{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem}.piano_piano_header__2sHTB .piano_description__87FcB p{font-size:1rem;color:var(--foreground-color);opacity:.7;margin:0}.piano_piano_header__2sHTB .piano_description__87FcB .piano_keyboard_hint__O1A5Z{font-size:.85rem;opacity:.6;font-family:monospace}.piano_piano_header__2sHTB .piano_description__87FcB .piano_glissando_hint__3ft0u{font-size:.8rem;opacity:.5;font-style:italic}.piano_piano_container__XExkm{flex:1;justify-content:center;overflow:hidden}.piano_piano_container__XExkm,.piano_piano_scroll__whYet{width:100%;display:flex;flex-direction:row;align-items:center}.piano_piano_scroll__whYet{height:100%;overflow-x:auto;overflow-y:hidden;justify-content:start;padding:2rem}.piano_piano_scroll__whYet::-webkit-scrollbar{height:10px}.piano_piano_scroll__whYet::-webkit-scrollbar-track{background:var(--background-color-secondary)}.piano_piano_scroll__whYet::-webkit-scrollbar-thumb,.piano_piano_scroll__whYet::-webkit-scrollbar-track{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.piano_piano_scroll__whYet::-webkit-scrollbar-thumb{background:var(--background-color-quaternary)}.piano_piano_scroll__whYet::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.piano_piano__dabvf{position:relative;height:200px;user-select:none}.piano_white_keys__PkoGl{display:flex;flex-direction:row;height:100%;position:relative;z-index:1}.piano_white_key____XcK{width:60px;height:100%;background-color:var(--color-white);border:3px solid #cfcfcf;border-right:none;border-bottom:18px solid #cacaca;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;position:relative;transition:all .3s var(--transition-bezier);-webkit-transition:all .3s var(--transition-bezier);-moz-transition:all .3s var(--transition-bezier);-ms-transition:all .3s var(--transition-bezier);-o-transition:all .3s var(--transition-bezier);padding-bottom:1rem}.piano_white_key____XcK:last-child{border-right:2px solid #cacaca}.piano_white_key____XcK:hover{background-color:#f5f5f5;border-bottom:18px solid #bbb}.piano_white_key____XcK.piano_active__irzad{background-color:#e9e9e9;border-bottom:3px solid #bbb}.piano_white_key____XcK .piano_key_label___7NY6{font-size:.75rem;color:#666;font-weight:500}.piano_black_keys__5GDdb{position:absolute;top:-6px;left:0;width:100%;height:55%;z-index:2;pointer-events:none}.piano_black_key__HJAjP{position:absolute;width:36px;height:100%;background-color:#2c2c2c;border:3px solid #000;border-top:none;border-bottom:15px solid #000;border-radius:4px 4px;-webkit-border-radius:4px 4px;-moz-border-radius:4px 4px;-ms-border-radius:4px 4px;-o-border-radius:4px 4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;pointer-events:all;transition:all .1s ease;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;padding-bottom:.5rem}.piano_black_key__HJAjP:hover{background-color:#3f3f3f}.piano_black_key__HJAjP.piano_active__irzad{background-color:#2c2c2c;border-bottom:6px solid #000}.piano_black_key__HJAjP .piano_key_label___7NY6{font-size:.65rem;color:#aaa;font-weight:500}