.style_container__7WCPP{width:100%;max-width:600px;margin-left:auto;margin-right:auto}.style_container__Y5c8d{width:100%;max-width:600px;margin:0 auto;z-index:10;padding-top:8px;max-height:calc(100dvh - 64px);overflow-y:auto;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch}.style_overlay__cthzq{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding-top:200px;overflow:visible}.style_wrapper__nQ_Vi{position:relative;display:flex;border-radius:4px;padding:8px;max-width:600px;width:90%;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:100}.style_input__TPckz input{text-overflow:ellipsis}.style_groupLabel__W095B{display:flex;align-items:center;justify-content:space-between}.style_clearButton__wC4WV,.style_removeButton__3gqPM{padding:0;border:0;background:none;color:#999;cursor:pointer}.style_clearButton__wC4WV:hover,.style_removeButton__3gqPM:hover{color:#333}.style_clearButton__wC4WV{font-size:12px}.style_removeButton__3gqPM{margin-left:8px;padding:2px 4px;font-size:10px}.style_shortcutHint___igxW{padding:1px 6px;border:1px solid #d9d9d9;border-radius:4px;background:#fafafa;font-family:inherit;font-size:11px;line-height:18px;color:#999;white-space:nowrap;pointer-events:none}.style_option__1yqI1{min-width:0;padding:2px 0}.style_option__1yqI1 mark{padding:0;background-color:#fff1b8}.style_optionHeader__KL1oJ{display:flex;align-items:center;justify-content:space-between;gap:8px}.style_optionTitle__kX_85{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style_optionMeta__b673J{display:flex;align-items:center;flex-shrink:0;font-size:11px;color:#999}.style_optionDescription__ZY25U{margin-top:2px;font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style_grid__4c1M2{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.style_link__ByCFF{display:block;height:100%}.style_card__6mWQR{height:100%}.style_card__6mWQR .ant-card-meta-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.1428em;line-height:1.5714}.style_decoration__eTvWn{position:absolute;top:0;bottom:0;left:0;right:8px;pointer-events:none}.style_defs__zktJo{position:absolute}.style_pinnedLeaf__BHYd6{--pin-rotate:35deg;position:absolute;top:2px;left:28px;z-index:1;transform:rotate(var(--pin-rotate));transform-origin:50% 90%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.style_pinnedLeaf__BHYd6.style_clickable__cX75_{pointer-events:auto;cursor:pointer}.style_pinnedLeaf__BHYd6.style_growing__2M_WT{animation:style_leafGrow__lkz4O .7s ease-out}a:hover>.style_decoration__eTvWn .style_pinnedLeaf__BHYd6:not(.style_growing__2M_WT){animation:style_leafSway__yjRDJ .9s ease-in-out}.style_fallingLeaf___7CwE{position:absolute;opacity:0;animation:style_leafFall__62xIx 2.6s ease-in forwards}.style_fallingLeaf___7CwE.style_fading__EVjDF,.style_fallingLeaf___7CwE.style_landed__fZndb,.style_fallingLeaf___7CwE.style_swept__9NvyA{opacity:1;transform:translate(var(--drift),var(--fall-y)) rotate(var(--land-rotate));animation:none}.style_fallingLeaf___7CwE.style_fading__EVjDF{animation:style_leafFade__Prq6X .6s ease-out forwards}.style_fallingLeaf___7CwE.style_swept__9NvyA{animation:style_leafSweep__LzK9M .8s ease-out forwards}.style_tint__m9ttg{position:absolute;top:0;left:0;width:50px;height:50px;border-radius:50%;background:#e8772e;mix-blend-mode:hue;opacity:0;animation:style_tintPulse__pulEu 3s ease-in-out forwards}.style_squirrelHole__K3MK_{position:absolute;width:22px;height:22px;overflow:hidden}.style_squirrelHole__K3MK_.style_open__wyNmC{overflow:visible}.style_squirrel__zA3oc{display:block;line-height:0;transform-origin:50% 100%}.style_squirrel__zA3oc.style_peek__4Jaeu{animation:style_squirrelPeek__FE527 1.1s cubic-bezier(.3,.7,.4,1) forwards}.style_squirrel__zA3oc.style_look___1AaK{animation:style_squirrelLook__ztV9x 2s ease-in-out}.style_squirrel__zA3oc.style_look___1AaK .style_squirrelHead__q0rEo{animation:style_squirrelHeadTilt__S51_V 2s ease-in-out}.style_squirrel__zA3oc.style_grab__evElU{animation:style_squirrelBow__Z32p_ .7s ease-in-out}.style_squirrel__zA3oc.style_grab__evElU .style_acorn__E2a2x{animation:style_acornPop__Poakc .3s ease-out .3s forwards}.style_squirrel__zA3oc.style_leave__itanh{animation:style_squirrelLeave__i6t78 1.35s linear forwards}.style_squirrel__zA3oc.style_leave__itanh .style_acorn__E2a2x{opacity:1}.style_squirrel__zA3oc.style_leave__itanh .style_squirrelHop__B12TC{animation:style_squirrelHop__B12TC .45s ease-in-out 3}.style_squirrelHop__B12TC{display:block;line-height:0;transform-origin:50% 100%}.style_squirrelTail___25Mh{transform-origin:12px 26px;animation:style_squirrelTailWag__HGHk_ 1.4s ease-in-out infinite}.style_squirrelHead__q0rEo{transform-origin:21px 16px}.style_acorn__E2a2x{opacity:0;transform-origin:27px 15px}.style_sweepZone__G3ylb{position:absolute;top:0;bottom:-8px;left:0;right:0;pointer-events:auto;touch-action:pan-y}@keyframes style_leafSway__yjRDJ{0%,to{transform:rotate(var(--pin-rotate))}30%{transform:rotate(calc(var(--pin-rotate) - 20deg))}60%{transform:rotate(calc(var(--pin-rotate) + 10deg))}}@keyframes style_leafGrow__lkz4O{0%{transform:rotate(var(--pin-rotate)) scale(0)}70%{transform:rotate(var(--pin-rotate)) scale(1.15)}to{transform:rotate(var(--pin-rotate)) scale(1)}}@keyframes style_leafFall__62xIx{0%{opacity:0;transform:translate(0) rotate(var(--start-rotate))}12%{opacity:1}35%{transform:translate(calc(var(--drift) * -1),calc(var(--fall-y) * .3)) rotate(50deg)}65%{transform:translate(var(--drift),calc(var(--fall-y) * .65)) rotate(-30deg)}to{opacity:1;transform:translate(var(--drift),var(--fall-y)) rotate(var(--land-rotate))}}@keyframes style_leafFade__Prq6X{to{opacity:0}}@keyframes style_leafSweep__LzK9M{to{opacity:0;transform:translate(calc(var(--drift) + var(--sweep-x)),calc(var(--fall-y) + var(--sweep-y))) rotate(calc(var(--land-rotate) + var(--sweep-rotate)))}}@keyframes style_tintPulse__pulEu{0%,to{opacity:0}15%,75%{opacity:1}}@keyframes style_squirrelPeek__FE527{0%{transform:translateY(100%)}30%,62%{transform:translateY(48%)}85%{transform:translateY(-6%)}to{transform:translateY(0)}}@keyframes style_squirrelLook__ztV9x{0%,22%{transform:scaleX(1)}28%,58%{transform:scaleX(-1)}64%,to{transform:scaleX(1)}}@keyframes style_squirrelHeadTilt__S51_V{0%,to{transform:rotate(0)}12%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}78%{transform:rotate(-6deg)}}@keyframes style_squirrelBow__Z32p_{0%,to{transform:rotate(0)}45%{transform:rotate(18deg) translateY(1px)}}@keyframes style_squirrelTailWag__HGHk_{0%,to{transform:rotate(0)}50%{transform:rotate(-7deg)}}@keyframes style_acornPop__Poakc{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes style_squirrelLeave__i6t78{0%{opacity:1;transform:translateX(0)}80%{opacity:1}to{opacity:0;transform:translateX(var(--leave-x))}}@keyframes style_squirrelHop__B12TC{0%{transform:translateY(0) scale(1.08,.88)}20%{transform:translateY(-3px) scale(.94,1.08)}50%{transform:translateY(-8px) scale(1)}85%{transform:translateY(0) scale(1.06,.92)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.style_pinnedLeaf__BHYd6{animation:none!important}.style_fallingLeaf___7CwE{display:none}}.style_layout__Z7VVW{display:flex!important;flex-direction:column!important;height:100%!important;min-height:100vh!important;background:#fff!important}.style_header__zqQzX{background:#fff!important;height:64px!important;border-bottom:1px solid #ededed}@media(max-width:649px){.style_header__zqQzX{padding-inline:24px!important}}.style_header__zqQzX .style_container__di_df{height:100%;display:flex;align-content:center;justify-content:space-between}.style_header__zqQzX .style_container__di_df .style_logoLink__4JRLD{position:relative;display:flex;align-items:center}.style_header__zqQzX .style_container__di_df .style_logo__DZqMk{display:none;height:50px;margin-right:8px}@media(min-width:569px){.style_header__zqQzX .style_container__di_df .style_logo__DZqMk{display:block}}.style_header__zqQzX .style_container__di_df .style_logoSymbol__4VwqQ{display:block;width:50px;height:50px;margin-right:8px}@media(min-width:569px){.style_header__zqQzX .style_container__di_df .style_logoSymbol__4VwqQ{display:none}}.style_header__zqQzX .style_rightSide__ExjNb{position:relative;display:flex;align-items:center;gap:12px;min-width:0}.style_header__zqQzX .style_rightSide__ExjNb .style_trendingPagesWrapper__0c2Vv{flex-grow:1;flex-shrink:1;min-width:0}.style_header__zqQzX .style_rightSide__ExjNb .style_button__Pbdp3{min-width:32px}.style_header__zqQzX .style_rightSide__ExjNb .style_menuButton__e3agr{min-width:32px;display:none}@media(min-width:1340px){.style_header__zqQzX .style_rightSide__ExjNb .style_menuButton__e3agr{display:none}}.style_sider__WTR4E{display:none}.style_content__lWgFQ .style_container__di_df{position:relative;display:flex;flex-direction:column;align-items:normal}@media(min-width:768px){.style_content__lWgFQ .style_container__di_df{left:-40px;align-items:center}}@media(min-width:1340px){.style_content__lWgFQ .style_container__di_df{left:0}}@media(min-width:768px){.style_content__lWgFQ .style_ignoreLeft__CAL7q{left:0!important}}.style_content__lWgFQ .style_coupangAdBannerVertical__7is5b{position:absolute;top:25px;right:-160px;display:none}@media(min-width:841px){.style_content__lWgFQ .style_coupangAdBannerVertical__7is5b{display:block}}@media(min-width:921px){.style_content__lWgFQ .style_coupangAdBannerVertical__7is5b{right:-200px}}.style_content__lWgFQ .style_bannerWrapper__zLmu8{position:relative;display:flex;background:blue}.style_content__lWgFQ .style_bannerWrapper__zLmu8:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;content:""}.style_content__lWgFQ .style_banner__klh7I{width:100%;height:300px;object-fit:cover;background-color:#000}.style_content__lWgFQ .style_bannerTextWrapper__g65au{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}.style_content__lWgFQ .style_bannerTitle__2htta{font-size:26px!important;line-height:1.35!important}@media(min-width:768px){.style_content__lWgFQ .style_bannerTitle__2htta{font-size:30px!important}}.style_content__lWgFQ .style_bannerText__8OybP{display:block;color:#fff;text-shadow:#000 1px 0 4px}@media(min-width:768px){.style_content__lWgFQ .style_bannerText__8OybP{text-align:center}}.style_content__lWgFQ .style_container__di_df{padding:24px 0}@media(max-width:649px){.style_content__lWgFQ .style_container__di_df{padding-inline:24px}}.style_mobileTabBar__5Thcl{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:50%;width:100%;height:64px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.05);box-shadow:0 -2px 12px rgba(0,0,0,.06);z-index:2000;transform:translateX(-50%)}.style_mobileTabBar__5Thcl .style_tabContainer__v3vvu{width:100%;height:100%;max-width:600px;display:flex;justify-content:space-around;align-items:center;margin:0 auto}.style_tabItem__zvuVR{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#777;font-size:11px;padding-top:6px;transition:color .2s ease,transform .2s ease;cursor:pointer;height:100%}.style_tabItem__zvuVR svg{font-size:22px;display:block;margin:0 auto 4px}.style_tabItem__zvuVR:active{transform:scale(.96)}.style_tabItem__zvuVR.style_active__ar5yN,.style_tabItem__zvuVR.style_active__ar5yN svg{color:#1677ff}.style_footer__ZL8Vf{background:#fff!important}@media(max-width:649px){.style_footer__ZL8Vf{padding-inline:24px!important}}.style_footer__ZL8Vf .style_container__di_df{text-align:center;padding-bottom:60px}.style_semanticHeadingStyle__z49J1 h2.ant-typography{font-size:24px!important;line-height:1.4!important}.style_semanticHeadingStyle__z49J1 h3.ant-typography{font-size:20px!important;line-height:1.45!important}.style_semanticHeadingStyle__z49J1 h4.ant-typography{font-size:16px!important;line-height:1.5!important}@media(max-width:649px){.style_semanticHeadingStyle__z49J1 h2.ant-typography{font-size:22px!important}.style_semanticHeadingStyle__z49J1 h3.ant-typography{font-size:18px!important}.style_semanticHeadingStyle__z49J1 h4.ant-typography{font-size:16px!important}}.style_button__UVVbG{border:none;background:transparent;display:flex;cursor:pointer}.style_container__AocDM{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;margin-bottom:24px}.style_container__AocDM .style_buttonContainer__EQ_l6{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.style_container__AocDM .style_coupanAdBanner__jbTqK{width:100%}.online-piano_instrument__saHTm{position:relative;display:flex;flex-direction:column;gap:12px;margin:16px 0 20px;padding:14px;border-radius:16px;background:linear-gradient(180deg,#2b2e35,#1c1e23);box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.88)}.online-piano_fullscreen__QTHHw{width:100%;height:100%;margin:0;border-radius:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.online-piano_fullscreen__QTHHw .online-piano_keyboardArea__e9VrP{flex:1 1;min-height:0}.online-piano_fullscreen__QTHHw .online-piano_piano__Nmo0c{height:100%;min-height:160px}.online-piano_fallbackFullscreen__UgyQy{position:fixed;inset:0;z-index:2100;height:100dvh}@media(orientation:portrait){.online-piano_fullscreen__QTHHw .online-piano_keyboardArea__e9VrP{display:flex;flex-direction:column;justify-content:flex-end}.online-piano_fullscreen__QTHHw .online-piano_piano__Nmo0c{height:min(100%,380px)}}.online-piano_display__4aZ6P{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:4px 12px;gap:4px 12px;min-height:72px;padding:10px 14px;border:1px solid #000;border-radius:10px;background:#0c1411;box-shadow:inset 0 2px 8px rgba(0,0,0,.65);color:#8ff0c8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.online-piano_displayNote__cKjok{display:flex;align-items:baseline;gap:10px;min-width:0}.online-piano_displayNote__cKjok strong{font-size:28px;line-height:1.1}.online-piano_displayMeta__vgHid{font-size:12px;opacity:.75;white-space:nowrap}.online-piano_displayChord__t_XsO{min-width:48px;font-size:22px;font-weight:700;text-align:center}.online-piano_displayStatus__jx4Lo{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;font-size:11px}.online-piano_recBadge__78Cso,.online-piano_statusBadge__S9aQB{padding:1px 6px;border:1px solid;border-radius:4px;line-height:1.5}.online-piano_recBadge__78Cso{color:#ff6b6b;animation:online-piano_blink__6gQEE 1s steps(2,start) infinite}@keyframes online-piano_blink__6gQEE{to{opacity:.35}}.online-piano_beatDots__2ON_D{display:inline-flex;gap:4px}.online-piano_beatDots__2ON_D i{width:8px;height:8px;border-radius:50%;background:rgba(143,240,200,.18)}.online-piano_beatDots__2ON_D .online-piano_beatAccent__1oDNV{box-shadow:0 0 0 1px rgba(143,240,200,.5)}.online-piano_beatDots__2ON_D .online-piano_beatOn__AeHHI{background:#8ff0c8}.online-piano_displayRecent__2uzgv{grid-column:1/-1;overflow:hidden;font-size:11px;opacity:.55;white-space:nowrap;text-overflow:ellipsis;word-spacing:2px}.online-piano_progress__jrbug{grid-column:1/-1;height:3px;border-radius:2px;background:rgba(143,240,200,.15);overflow:hidden}.online-piano_progress__jrbug span{display:block;height:100%;background:#8ff0c8;transition:width .1s linear}.online-piano_toolbar__rCJ27{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 18px}.online-piano_group__pfqLC{display:flex;flex-direction:column;gap:4px;min-width:0}.online-piano_groupLabel__QwpQK{font-size:11px;color:hsla(0,0%,100%,.5);white-space:nowrap}.online-piano_octaveStepper__3wD97{display:flex;align-items:center;gap:4px}.online-piano_octaveValue__BzO5o{min-width:78px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;text-align:center}.online-piano_volumeGroup__nyhfM{flex:1 1 120px;min-width:110px;max-width:220px}.online-piano_volumeSlider__yZEUS{margin:4px 6px 5px}.online-piano_toolbarButtons__GB3Vm{display:flex;gap:6px;margin-left:auto}.online-piano_metronomeForm__vOppa{width:260px}.online-piano_metronomeForm__vOppa .ant-form-item{margin-bottom:10px}.online-piano_transport__P8n3k{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.online-piano_transportInfo__p1Q_7{margin-left:auto;font-size:12px;color:hsla(0,0%,100%,.55);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.online-piano_recDot__MZ81S{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff4d4f}.online-piano_keyboardArea__e9VrP{position:relative}.online-piano_piano__Nmo0c{position:relative;height:240px;padding-top:6px;border-radius:10px;overflow:hidden;background:#0e0e10;box-shadow:inset 0 4px 10px rgba(0,0,0,.7);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.online-piano_piano__Nmo0c:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(180deg,#7a1f2b,#4f1219);z-index:4}.online-piano_blackKeys__mBKH8,.online-piano_whiteKeys__JsPyY{position:absolute;inset:6px 0 0 0}.online-piano_whiteKeys__JsPyY{display:flex;gap:2px;padding:0 1px}.online-piano_blackKeys__mBKH8{pointer-events:none}.online-piano_blackKey__e9pBy,.online-piano_whiteKey__Aj9di{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:none}.online-piano_whiteKey__Aj9di{position:relative;flex:1 1;min-width:0;height:100%;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#f2f2f2,#fff 12%,#fff 88%,#ececec);box-shadow:inset 0 -7px 0 #dcdcdc,inset 0 -8px 0 #c9c9c9;transition:background 60ms ease,box-shadow 60ms ease}.online-piano_whiteKey__Aj9di.online-piano_highlightKey__yYJj6{background:linear-gradient(180deg,#fff3e3,#ffe7c7)}.online-piano_whiteKey__Aj9di.online-piano_activeKey__AiaQ_{background:linear-gradient(180deg,#dff5ec,#b9ead5);box-shadow:inset 0 -3px 0 #96d6ba,inset 0 4px 6px rgba(0,0,0,.12)}.online-piano_blackKey__e9pBy{position:absolute;top:0;height:60%;pointer-events:auto;border-radius:0 0 5px 5px;background:linear-gradient(180deg,#2e2e2e,#151515 80%,#262626);box-shadow:inset 0 -6px 0 #050505,0 3px 4px rgba(0,0,0,.45);color:#fff;transition:background 60ms ease,box-shadow 60ms ease}.online-piano_blackKey__e9pBy.online-piano_activeKey__AiaQ_{background:linear-gradient(180deg,#2c8f6a,#1f6e51);box-shadow:inset 0 -2px 0 #11402f,0 1px 2px rgba(0,0,0,.45)}.online-piano_chordDot__jLxqI{position:absolute;left:50%;width:12px;height:12px;border-radius:50%;background:#fa8c16;box-shadow:0 0 0 3px rgba(250,140,22,.28);transform:translateX(-50%);pointer-events:none}.online-piano_whiteKey__Aj9di .online-piano_chordDot__jLxqI{top:66%}.online-piano_blackKey__e9pBy .online-piano_chordDot__jLxqI{top:52%;width:9px;height:9px}.online-piano_blackKeyLabel__PLIM1,.online-piano_whiteKeyLabel__2LdSw{position:absolute;left:50%;display:flex;flex-direction:column;align-items:center;gap:2px;transform:translateX(-50%);line-height:1.1;white-space:nowrap;pointer-events:none}.online-piano_whiteKeyLabel__2LdSw{bottom:14px;color:#595959;font-size:11px}.online-piano_whiteKeyLabel__2LdSw small{min-width:18px;padding:1px 4px;border:1px solid #d9d9d9;border-radius:4px;color:#8c8c8c;font-size:10px}.online-piano_blackKeyLabel__PLIM1{bottom:10px;color:hsla(0,0%,100%,.85);font-size:9px}.online-piano_blackKeyLabel__PLIM1 small{padding:1px 3px;border:1px solid hsla(0,0%,100%,.3);border-radius:3px;color:hsla(0,0%,100%,.7);font-size:9px}.online-piano_practiceCard__ru_kT{width:100%;max-width:600px;margin-bottom:16px}.online-piano_shortcutList__SogKa{margin:0;padding-left:18px}.online-piano_shortcutList__SogKa li+li{margin-top:6px}@media(max-width:575px){.online-piano_instrument__saHTm{margin-inline:-4px;padding:10px;gap:10px;border-radius:12px}.online-piano_display__4aZ6P{grid-template-columns:minmax(0,1fr) auto;min-height:64px;padding:8px 10px}.online-piano_displayNote__cKjok strong{font-size:24px}.online-piano_displayChord__t_XsO{text-align:right}.online-piano_displayStatus__jx4Lo{grid-column:1/-1;justify-content:flex-start}.online-piano_displayStatus__jx4Lo:empty{display:none}.online-piano_toolbar__rCJ27{gap:8px 12px}.online-piano_volumeGroup__nyhfM{flex-basis:100%;max-width:none}.online-piano_toolbarButtons__GB3Vm{align-self:flex-end}.online-piano_piano__Nmo0c{height:220px}.online-piano_whiteKeyLabel__2LdSw{font-size:12px}.online-piano_blackKeyLabel__PLIM1{font-size:10px}}