.metronome_App__C_zVB{width:100vw;min-height:100vh;background-color:#202020;padding-top:2rem}.metronome_Background__49Nwq{position:fixed;top:0;left:0;height:100%;width:100%;overflow:hidden;background-color:#202020}.metronome_Background__49Nwq:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBoZWlnaHQ9IjIwIiB3aWR0aD0iOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDx0ZXh0IGZpbGwtb3BhY2l0eT0iMC4xIiB4PSIwIiBmaWxsPSIjRkZGRkZGIiB5PSIxMiI+dGFjb3RhY29idXJyaXRvPC90ZXh0Pg0KPC9zdmc+) 0 0 repeat;transform:rotate(30deg);filter:brightness(.3)}.metronome_TitleLine__55orc{display:flex;justify-content:space-between;align-items:center}.metronome_TitleLine__55orc :first-child{flex-grow:1}.metronome_Title__6t80_{filter:saturate(.5)}.metronome_SubTitle__lrcPK{color:#666}.metronome_SettingsIconWrapper__ZnZeI{display:flex;flex-direction:column;justify-content:center;width:48px;height:48px}.metronome_App__C_zVB hr{margin:1rem 0;opacity:1;transition:.2s linear}.metronome_App__C_zVB hr.metronome_Invisible__w9Atw{opacity:0}.metronome_AppInner___XVNt{z-index:1;max-width:600px;padding:2rem;background-color:#444;box-shadow:0 0 8px rgba(0,0,0,.2);border-radius:1rem;display:flex;flex-direction:column;position:relative;margin:auto}.metronome_ShowWhenTiny__r_ruv{display:none}@media (max-width:600px){.metronome_App__C_zVB{padding-top:0}.metronome_HideWhenTiny__Pa47L{display:none}.metronome_ShowWhenTiny__r_ruv{display:block}}.metronome_Spacer___hO3F{padding:1rem 0 0}.metronome_BeatArray__xTHSJ{display:flex;align-items:center;flex-wrap:wrap}.metronome_MeasuresSection__lQqSU{padding:.5rem 0 0}.metronome_BeatIcon__c1UxZ{font-size:1.5rem;border:1px dotted gray;margin:.25rem;border-radius:1rem;font-size:1rem;display:flex;align-items:center;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:3rem;height:3rem}.metronome_BeatArray__xTHSJ>br{width:100%;content:""}.metronome_BeatIcon__c1UxZ.metronome_inactive__TUmTh{color:gray}.metronome_BeatIcon__c1UxZ.metronome_active__S3Gua{color:#fff;border-color:#fff}.metronome_BeatIcon__c1UxZ.metronome_weak__SzNOB{border-width:.2rem;border-style:solid}.metronome_BeatIcon__c1UxZ.metronome_strong__kpdNv{border-width:.6rem;border-style:solid}.metronome_ClickInstructions__KRmCs{font-style:italic;color:#666;height:1.25rem;padding-left:.25rem;opacity:1;transition:opacity .2s ease-out}.metronome_ClickInstructions__KRmCs.metronome_IsIrrelevant__BBE7R{opacity:0}.metronome_MeasureLabel__1v75w{color:gray;transition:color .1s}.metronome_MeasureLabel__1v75w:not(:first-child){padding-top:.5rem}.metronome_MeasureLabel__1v75w.metronome_active__S3Gua{color:#fff}.metronome_ButtonGroup__2b7iC{display:flex}.metronome_SettingsGridWrapper___nxDw{position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out;background-color:#444;margin:0 -2rem;top:1rem;box-shadow:inset 0 0 8px rgba(0,0,0,.2)}.metronome_SettingsGridWrapper___nxDw.metronome_Open__9ePvr{grid-template-rows:1fr}.metronome_Settings__s6_Zy{overflow-x:auto;overflow-y:hidden}.metronome_SettingsInner__yuBFf{padding:1rem 2rem}.metronome_Footer__dMfKg{position:absolute;top:100%;left:0;display:flex;filter:saturate(.5);justify-content:center;width:100%}.metronome_Footer__dMfKg p{display:block;padding:1rem .5rem}.metronome_PresetDialog__aVpFM{max-width:550px;margin:10vh auto auto;padding:12px;max-height:80vh;display:flex;flex-direction:column}.metronome_PresetList__l9Dfs.metronome_PresetList__l9Dfs{flex-shrink:1;overflow:auto;padding-right:8px;margin-top:8px}.metronome_HorizontalGroup__FDy2V{display:flex;align-items:center}.metronome_HorizontalGroup__FDy2V>*{margin:8px}.metronome_Spacer___hO3F{flex-grow:1}.metronome_ShortNumberInput__hhcVy{max-width:110px}.metronome_BPMNumberInput__KXCUr{max-width:60px}.metronome_App__C_zVB .MuiCircularProgress-circle{transition:none}.metronome_KeybindsModal__32kV5{display:flex;justify-content:center;align-items:center}.metronome_KeybindsModal__32kV5>*{padding:32px}.metronome_KeyRepresentation__SUbzw{width:48px;height:48px;display:inline-block;border-radius:8px;border:4px solid #ccc;text-align:center;padding-top:6px;margin-right:16px}