.ControlButton_button__w_nPN{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;color:#000;width:56px;height:36px;display:inline-block;font-size:19px;padding:3px;margin:6px;background:#ededed;border:1px solid transparent;border-radius:4px;-webkit-transition:all .125s ease-out;transition:all .125s ease-out;-webkit-transition-property:background,border-color;transition-property:background,border-color;-webkit-box-shadow:none;box-shadow:none}@media(hover:hover)and (pointer:fine){.ControlButton_button__w_nPN:hover{color:#000;cursor:pointer}}.ControlButton_button__w_nPN a,.ControlButton_button__w_nPN a:visited{color:#000}.ControlButton_button__w_nPN.ControlButton_keyVariant__r1Lh7.ControlButton_keyVariant__r1Lh7{height:56px;font-size:18px}.ControlButton_button__w_nPN.ControlButton_keyVariant__r1Lh7.ControlButton_keyVariant__r1Lh7 .ControlButton_splitInner___ZKRj{font-size:.92em}.ControlButton_button__w_nPN.ControlButton_splitTop__eoVLm{margin-right:-28px;margin-top:0;margin-bottom:0;-webkit-clip-path:polygon(100% 0,100% 0,0 0,0 100%);clip-path:polygon(100% 0,100% 0,0 0,0 100%)}.ControlButton_button__w_nPN.ControlButton_splitTop__eoVLm .ControlButton_splitInner___ZKRj{position:relative;top:-12px;left:-10px}.ControlButton_button__w_nPN.ControlButton_splitBottom__kWMLk{margin-left:-28px;margin-top:0;margin-bottom:0;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 0,100% 100%,0 100%)}.ControlButton_button__w_nPN.ControlButton_splitBottom__kWMLk .ControlButton_splitInner___ZKRj{position:relative;bottom:-13px;right:-11px}.ControlButton_button__w_nPN.ControlButton_widthAuto__XRarM{font-size:.8em;width:auto}.ControlButton_button__w_nPN.ControlButton_typeVariant__OnY2j{padding:0 4px;margin:5px}.pageId--arpeggios .ControlButton_button__w_nPN.ControlButton_typeVariant__OnY2j,.pageId--chords .ControlButton_button__w_nPN.ControlButton_typeVariant__OnY2j{padding:0 7px}@media(hover:hover)and (pointer:fine){.ControlButton_button__w_nPN:not(.ControlButton_buttonSelected__PlvF6):hover{border-color:#666}}.pageId--scales .ControlButton_button__w_nPN.ControlButton_widthAuto__XRarM{font-size:.9em}.pageId--chords .ControlButton_buttonSelected__PlvF6{background:#ff8989}.pageId--scales .ControlButton_buttonSelected__PlvF6{background:#fae344}.pageId--arpeggios .ControlButton_buttonSelected__PlvF6{background:#64e65d}@media(max-width:860px){.ControlButton_button__w_nPN.ControlButton_typeVariant__OnY2j{height:36px;padding:0 3px;margin:4px}}.ControlButtonSplit_splitWrapper__NMRr1{position:relative}.ControlButtonSplit_centerLine__IcMrI{position:absolute;width:76px;height:1px;left:-4px;top:17px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#888;-webkit-transition:background .1s ease;transition:background .1s ease}@media(hover:hover)and (pointer:fine){.ControlButtonSplit_splitWrapper__NMRr1 a:hover+.ControlButtonSplit_centerLine__IcMrI,.ControlButtonSplit_splitWrapper__NMRr1 a:hover+a+.ControlButtonSplit_centerLine__IcMrI{background:#666}}@media only screen and (max-width:860px){.ControlButtonSplit_centerLine__IcMrI{left:-6px;top:17px}}.SelectKey_keys__qk5w9{text-align:center;font-size:22px;padding-bottom:6px;scroll-behavior:smooth}@media only screen and (max-width:860px){.SelectKey_keys__qk5w9 button{margin:4px}}@media only screen and (max-width:767px){.SelectKey_keys__qk5w9 button{margin:4px}.SelectKey_keys__qk5w9{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2px}}.SelectType_types__i04gj{text-align:center;padding-bottom:3px;scroll-behavior:smooth}.SelectType_types__i04gj.SelectType_variant--scales__pnFC9{font-size:15px}@media only screen and (max-width:767px){.SelectType_types__i04gj{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}}.Controls_controls__ZOiFI{margin-bottom:15px}