.NoteSounding_head__sa_cE{position:absolute;bottom:0;left:1px;width:var(--note-width);aspect-ratio:1.6/1;background-color:var(--note-color);border-radius:50%;transform:rotate(340deg)}.NoteSounding_head__sa_cE.NoteSounding_positionRight__GJbSu{left:auto;right:0}.NoteSounding_head__sa_cE.NoteSounding_displayNote__tKyvv{background-color:var(--note-display-color)}.NoteSounding_head__sa_cE.NoteSounding_active__6bhFP{background-color:var(--note-display-color-active)}.NoteSounding_dot__ZG_j6{position:absolute;top:80%;left:calc(var(--note-width) + 3px);content:" ";width:6px;height:6px;background-color:var(--note-color);border-radius:50%}.NoteSounding_dot__ZG_j6.NoteSounding_displayNote__tKyvv{background-color:var(--note-display-color)}.NoteSounding_dot__ZG_j6.NoteSounding_active__6bhFP{background-color:var(--note-display-color-active)}.NoteSounding_stemHeight__oskem{height:calc(var(--note-height) - 12px)}.Note_note__LV7Jj{position:relative;height:var(--note-height)}.Note_note__LV7Jj.Note_eighth__1gk6p{width:var(--eighth-width)}.Note_note__LV7Jj.Note_sixteenth__BZ2Ay{width:var(--sixteenth-width)}.Note_note__LV7Jj.Note_eighthTriplet__kcG0Y{width:var(--eighth-triplet-width)}.Note_note__LV7Jj.Note_eighthTriplet__kcG0Y.Note_shortened__ulteq{width:calc(var(--eighth-triplet-width)*.75)}.Note_note__LV7Jj .Note_eightSingleFlag__7hBY8{position:absolute;right:2px}.Note_note__LV7Jj.Note_flag1__DDlph.Note_flagRight__ZI1_s:before{position:absolute;left:var(--note-width);top:0;content:" ";width:calc(100% + var(--note-gap));height:var(--flag-height);background-color:var(--note-color)}.Note_note__LV7Jj.Note_flag1__DDlph.Note_flagRight__ZI1_s.Note_inDisplay__f6fsv:before{background-color:var(--note-display-color)}.Note_note__LV7Jj.Note_flag1__DDlph.Note_flagRight__ZI1_s.Note_active__HCH6f:before{background-color:var(--note-display-color-active)}.Note_note__LV7Jj.Note_flag1__DDlph.Note_flagRight__ZI1_s.Note_shortenedFlag__zBJnf:after{width:calc(70% + var(--note-gap))}.Note_note__LV7Jj.Note_flag2__kEu_A.Note_flagRight__ZI1_s.Note_flagRight__ZI1_s:after{position:absolute;left:var(--note-width);top:19%;content:" ";width:calc(100% + var(--note-gap));height:var(--flag-height);background-color:var(--note-color)}.Note_note__LV7Jj.Note_flag2__kEu_A.Note_flagRight__ZI1_s.Note_inDisplay__f6fsv:after{background-color:var(--note-display-color)}.Note_note__LV7Jj.Note_flag2__kEu_A.Note_flagRight__ZI1_s.Note_active__HCH6f:after{background-color:var(--note-display-color-active)}.Note_note__LV7Jj.Note_flag2__kEu_A.Note_flagRight__ZI1_s.Note_shortenedFlag__zBJnf:after{width:calc(70% + var(--note-gap))}.Note_note__LV7Jj.Note_flag1__DDlph.Note_flagLeft__16uPi:before{position:absolute;right:0;top:0;content:" ";width:calc(100% + var(--note-gap));height:var(--flag-height);background-color:var(--note-color)}.Note_note__LV7Jj.Note_flag1__DDlph.Note_flagLeft__16uPi.Note_inDisplay__f6fsv:before{background-color:var(--note-display-color)}.Note_note__LV7Jj.Note_flag1__DDlph.Note_flagLeft__16uPi.Note_active__HCH6f:before{background-color:var(--note-display-color-active)}.Note_note__LV7Jj.Note_flag1__DDlph.Note_flagLeft__16uPi.Note_shortenedFlag__zBJnf:after{width:calc(70% + var(--note-gap))}.Note_note__LV7Jj.Note_flag2__kEu_A.Note_flagLeft__16uPi:after{position:absolute;right:0;top:19%;content:" ";width:calc(100% + var(--note-gap));height:var(--flag-height);background-color:var(--note-color)}.Note_note__LV7Jj.Note_flag2__kEu_A.Note_flagLeft__16uPi.Note_inDisplay__f6fsv:after{background-color:var(--note-display-color)}.Note_note__LV7Jj.Note_flag2__kEu_A.Note_flagLeft__16uPi.Note_active__HCH6f:after{background-color:var(--note-display-color-active)}.Note_note__LV7Jj.Note_flag2__kEu_A.Note_flagLeft__16uPi.Note_shortenedFlag__zBJnf:after{width:calc(70% + var(--note-gap))}.Note_stem__Re9wR{position:absolute;left:27px;width:var(--stem-width);background-color:var(--note-color)}.Note_stem__Re9wR.Note_positionRight__j_GdF{left:auto;right:0}.Note_stem__Re9wR.Note_displayNote__2CZj9{background-color:var(--note-display-color);width:var(--stem-width-display)}.Note_stem__Re9wR.Note_active__HCH6f{background-color:var(--note-display-color-active)}.NoteMuted_head__5N1ST{position:absolute;bottom:0;width:var(--note-width);transform:translateX(-1px)}.NoteMuted_head__5N1ST.NoteMuted_positionRight__4aBKG{right:0}.NoteMuted_head__5N1ST:after,.NoteMuted_head__5N1ST:before{position:absolute;right:0;bottom:0;content:" ";height:var(--stem-width);width:var(--note-width);background-color:var(--note-color)}.NoteMuted_head__5N1ST:before{position:absolute;left:calc(var(--note-width)*.29);transform:rotate(-45deg);transform-origin:left}.NoteMuted_head__5N1ST:after{transform:rotate(45deg);transform-origin:right}.NoteMuted_head__5N1ST.NoteMuted_displayNote__PaVxj:after,.NoteMuted_head__5N1ST.NoteMuted_displayNote__PaVxj:before{background-color:var(--note-display-color);height:var(--stem-width-display)}.NoteMuted_head__5N1ST.NoteMuted_active__xIVEC:after,.NoteMuted_head__5N1ST.NoteMuted_active__xIVEC:before{background-color:var(--note-display-color-active)}.NoteMuted_dot__nqQZH{position:absolute;top:-11px;left:calc(var(--note-width) + 5px);content:" ";width:6px;height:6px;background-color:var(--note-color);border-radius:50%}.NoteMuted_dot__nqQZH.NoteMuted_displayNote__PaVxj{background-color:var(--note-display-color)}.NoteMuted_dot__nqQZH.NoteMuted_active__xIVEC{background-color:var(--note-display-color-active)}.NoteMuted_stemHeight__JkUF1{height:calc(var(--note-height) - 21px)}.NoteGroupContainer_group__RajaE{position:relative;display:inline-flex;transform:scale(100%);transition:transform 1s ease-in;gap:var(--note-gap)}.NoteGroupContainer_group__RajaE.NoteGroupContainer_triplet__Rz98j:after{content:"3";position:absolute;top:-20px;left:52%;color:var(--note-color)}.NoteGroupContainer_group__RajaE.NoteGroupContainer_inDisplay__iNfrF.NoteGroupContainer_triplet__Rz98j:after{color:var(--note-display-color)}.NoteGroupContainer_group__RajaE.NoteGroupContainer_active__rvynD{transform:scale(112%);transition:transform .2s ease-in}.NoteGroupContainer_group__RajaE.NoteGroupContainer_active__rvynD.NoteGroupContainer_triplet__Rz98j:after{color:var(--note-display-color-active)}.PatternGroupTab_tab__JucGg{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--main-font),Arial,Helvetica,sans-serif;font-size:.9rem;color:var(--font-color-light-softened);padding:10px 9px 8px 11px;border:1px solid var(--border-color);border-radius:var(--border-radius-small);background:var(--button-gradient);box-shadow:var(--button-shadow);transition:box-shadow 1s}.PatternGroupTab_tab__JucGg:active,.PatternGroupTab_tab__JucGg[data-selected]{border-color:var(--border-active-color);background:var(--button-gradient-active);box-shadow:var(--button-shadow-active)}.PatternGroupTab_tab__JucGg:hover{cursor:pointer}.PatternGroupTab_tab__JucGg .PatternGroupTab_glowingLight__M0FqK{opacity:.7}.PatternGroupTab_tab__JucGg .PatternGroupTab_animatedLight__fMRJ1{animation:PatternGroupTab_animatedLightPulse__Fo0kh 1.5s ease-out infinite;will-change:opacity;filter:drop-shadow(0 0 4px #99ff01);-webkit-filter:drop-shadow(0 0 4px #99ff01)}.PatternGroupTab_tab__JucGg .PatternGroupTab_tabIconStack__mhJs9{position:relative;width:12px;height:12px}.PatternGroupTab_tab__JucGg .PatternGroupTab_tabIcon__zjSlV{position:absolute;left:0;top:0}@keyframes PatternGroupTab_animatedLightPulse__Fo0kh{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.Rest_rest___t7ZZ{display:flex;align-items:center}.PatternButton_noteButton__HZ6kq{font-family:var(--main-font),Arial,Helvetica,sans-serif;font-size:1.2rem;padding:10px 20px 10px 0;width:100%;aspect-ratio:4.5/1;cursor:pointer;color:var(--font-color-light);border-radius:calc(var(--border-radius-small)*2);zoom:.48;border:1px solid var(--border-color);background:var(--button-gradient);box-shadow:var(--button-shadow);transition:box-shadow 1s}@media(max-width:599px){.PatternButton_noteButton__HZ6kq{zoom:.75;padding:9px 20px 0 0;aspect-ratio:5.8/1}}@media(max-width:550px){.PatternButton_noteButton__HZ6kq{zoom:.6}}@media(max-width:440px){.PatternButton_noteButton__HZ6kq{zoom:.5}}.PatternButton_noteButton__HZ6kq.PatternButton_selected___sMlQ,.PatternButton_noteButton__HZ6kq:active{border:1px solid var(--border-color-active);box-shadow:inset 3px 3px 6px #6781ac,inset -3px -3px 9px #7795c6}.PatternButton_noteButton__HZ6kq.PatternButton_selected___sMlQ{border:4px solid var(--accent-color)}.Bar_notes__2Gga_{display:flex;gap:3%;justify-content:center;margin-bottom:.3rem}@media(max-width:660px){.Bar_notes__2Gga_.Bar_inDisplay___lOmA{zoom:.8}}@media(max-width:550px){.Bar_notes__2Gga_.Bar_inDisplay___lOmA{zoom:.6}}@media(max-width:500px){.Bar_notes__2Gga_.Bar_inDisplay___lOmA{zoom:.55}}@media(max-width:415px){.Bar_notes__2Gga_.Bar_inDisplay___lOmA{zoom:.5}}.Bar_notes__2Gga_.Bar_extendedNoteGroupGap__iuMSK{gap:8%}.Bar_notes__2Gga_.Bar_smallContent__q1_vf{zoom:.7}.PatternSelection_patternSelectionContainer__jM6sl{width:100%;max-width:700px;margin:0 auto;padding:0 20px}.PatternSelection_disclosureButtonWrapper__0w2oh:last-child{margin-bottom:40px}.PatternSelection_disclosureButton__TEuJY{position:relative;display:flex;cursor:pointer;width:100%;font-family:var(--main-font),Arial,Helvetica,sans-serif;font-size:1rem;color:var(--font-color-softened);grid-column:1/span 2;padding:12px 10px 10px;border:none;border-bottom:1px solid var(--font-color-softened);background:rgba(0,0,0,0)}.PatternSelection_disclosureButton__TEuJY::-webkit-details-marker{display:none}.PatternSelection_disclosureButton__TEuJY:after{content:"+";font-size:24px;position:absolute;right:18px;top:6px}.PatternSelection_disclosureButton__TEuJY.PatternSelection_active___o5fm:after{content:"-";right:19px}.PatternSelection_patternWrapper__S89qR{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;margin:10px 0 5px;padding:0 20px}@media(min-width:600px){.PatternSelection_patternWrapper__S89qR{grid-template-columns:repeat(2,1fr);padding:0;margin-bottom:4px}}.PatternSelection_disclosureEnter__4zUzf{transition:max-height .25s ease,opacity .2s ease}.PatternSelection_disclosureEnterFrom__SZENd{max-height:0;opacity:0}.PatternSelection_disclosureEnterTo__FJAqy{max-height:1000px;opacity:1}.PatternSelection_disclosureLeave__usA9o{transition:max-height .15s ease-in-out,opacity .15s ease-in-out}.PatternSelection_disclosureLeaveFrom__KbkNM{max-height:1000px;opacity:1}.PatternSelection_disclosureLeaveTo__9Hsop{max-height:0;opacity:0}.PatternSelection_tablist__hCI8y{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:6px}.PatternSelection_tablist__hCI8y .PatternSelection_tablistLabel__AxD5o{display:none}@media(max-width:599px){.PatternSelection_tablist__hCI8y{background-color:var(--center-interface-bg-mobile);border-radius:var(--border-radius);font-size:.85rem;padding:.8rem 0 .55rem;box-shadow:2px 2px 5px #6a85b1,inset 1px 1px 1px #99b2e1}.PatternSelection_tablist__hCI8y .PatternSelection_tablistLabel__AxD5o{display:block;width:100%;text-align:center}}.PatternSelection_emptytab__ThM_a{display:none}.PatternSelection_tabPanelMessage__qozeb{display:flex;justify-content:center;padding-top:20px}.PatternSelection_tabPanelsContainer__91TXL{position:relative}.PatternSelection_panelheader__5lZSc{display:none}@media(max-width:599px){.PatternSelection_tabPanelsContainer__91TXL{height:0;overflow:visible}.PatternSelection_panel__1yT6q{position:fixed;left:0;right:0;bottom:0;height:calc(100vh - 250px);height:calc(100svh - 250px);height:calc(100dvh - 250px);overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);background:radial-gradient(circle at right center,#7e9dcf,#8ba8dc);box-shadow:-1px -4px 10px 0 rgba(0,0,0,.25);transition:transform .25s ease-in,opacity .25s ease-in;will-change:transform,opacity;z-index:1000}.PatternSelection_panelSelected__euM60{transform:translateY(0);opacity:1;pointer-events:auto}.PatternSelection_panelHidden__vnX3i{transform:translateY(100%);opacity:0;pointer-events:none}.PatternSelection_panelheader__5lZSc{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1001;display:flex;justify-content:flex-end;padding:14px 17px;border:none;background:linear-gradient(260deg,#7e9dcf,#8ba8dc);box-shadow:-2px 5px 6px -2px rgba(0,0,0,.1)}.PatternSelection_panelheader__5lZSc:active{box-shadow:-2px 2px 6px -2px rgba(0,0,0,.1)}}@media(min-width:600px){.PatternSelection_panel__1yT6q{position:static;transform:none!important;opacity:1!important}.PatternSelection_panelHidden__vnX3i{display:none}}.BurgerMenu_burgerMenuContainer__DazPX{position:relative;z-index:1000}.BurgerMenu_burgerButton__Ot4Sk{position:absolute;top:-12px;right:8px;display:flex;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;z-index:11}.BurgerMenu_bar__3qmvg{width:100%;height:3px;background-color:#333;border-radius:2px;transition:all .3s ease-in-out}.BurgerMenu_burgerButton__Ot4Sk.BurgerMenu_open__Y_KL7 .BurgerMenu_bar__3qmvg:first-child{transform:translateY(10.5px) rotate(45deg)}.BurgerMenu_burgerButton__Ot4Sk.BurgerMenu_open__Y_KL7 .BurgerMenu_bar__3qmvg:nth-child(2){opacity:0}.BurgerMenu_burgerButton__Ot4Sk.BurgerMenu_open__Y_KL7 .BurgerMenu_bar__3qmvg:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.BurgerMenu_menuContent__1XXrJ{position:fixed;top:0;right:-280px;width:280px;height:100vh;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:right .3s ease-in-out;z-index:9;padding:80px 20px 20px 40px;background-image:radial-gradient(circle,#b0bed3,#aabbd4,#a4b7d4,#9db4d5,#97b0d5)}.BurgerMenu_menuContent__1XXrJ.BurgerMenu_open__Y_KL7{right:0}.BurgerMenu_overlay__nkn_F{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);z-index:8}.BurgerMenu_menuList__GAey6{list-style:none;padding:0;margin:0}.BurgerMenu_menuItem__N1hrf{margin-bottom:20px}.BurgerMenu_menuItem__N1hrf a{font-size:1.4rem;color:#333;text-decoration:none;transition:color .2s ease}.BurgerMenu_menuItem__N1hrf a:hover{color:#666}.BurgerMenu_closeButton__XwTOn{position:absolute;top:20px;right:20px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:5px;z-index:11;display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;transition:background-color .2s ease}.BurgerMenu_closeButton__XwTOn:hover{background-color:rgba(0,0,0,.1)}.BurgerMenu_closeButton__XwTOn svg{fill:#333}@media(max-width:768px){.BurgerMenu_menuContent__1XXrJ{width:250px}}.FooterNavigationWeb_footerMobile__RFYyo{position:fixed;left:0;right:0;bottom:0;width:100%;display:flex;justify-content:space-around;align-items:center;padding:.4rem 1rem calc(.1rem + env(safe-area-inset-bottom));margin-top:30px;background:#8faad6;box-shadow:2px -3px 10px rgba(83,107,149,.45);z-index:10}.FooterNavigationWeb_footerMobile__RFYyo a{display:flex;flex-direction:column;align-items:center;padding:4px 12px;font-size:11px;color:#c6c6c6}.FooterNavigationWeb_footerMobile__RFYyo img{width:29px;height:29px;opacity:.9}.FooterNavigationWeb_footerMobile__RFYyo a.FooterNavigationWeb_active__F3Ddz img{filter:brightness(.5);opacity:.9}.FooterNavigationWeb_footerMobile__RFYyo a.FooterNavigationWeb_active__F3Ddz span{filter:brightness(.5)}@media(min-width:600px){.FooterNavigationWeb_footerMobile__RFYyo{display:none}}.FooterNavigationWeb_iconBlog__bSzu9 img{zoom:1.1;margin-top:-4px;margin-bottom:-1px}.Button_button__49v_6{font-family:var(--main-font),Arial,Helvetica,sans-serif;font-size:1.25rem;padding:10px;width:100%;min-width:110px;height:89px;cursor:pointer;color:var(--font-color-light);border-radius:var(--border-radius-medium);border:1px solid var(--border-color);background:var(--button-gradient);box-shadow:var(--button-shadow);transition:box-shadow 1s}@media(min-width:600px){.Button_button__49v_6{height:95px}}.Button_button__49v_6.Button_pressed__e7E6C,.Button_button__49v_6:active{border:1px solid var(--border-color-active);background:var(--button-gradient-active);box-shadow:var(--button-shadow-active)}.Display_display__yJ8wI{position:relative;display:flex;flex-direction:column;gap:.45rem;font-family:var(--display-font),Arial,Helvetica,sans-serif;border-radius:var(--border-radius);background-color:#2e2d2c;padding:5.5% 5% 4.5% 4%;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:2px 2px 4px #5c75a1,inset 1px 1px 1px #798fb8}.Display_display__yJ8wI.Display_native__fy_yx{padding:9% 5% 7.5% 4%}@media(orientation:landscape){.Display_display__yJ8wI.Display_native__fy_yx{padding:3.5% 5% 2.5% 4%}}.Display_display__yJ8wI.Display_nativeScaled__5aNw_{width:70%}@media(min-width:660px){.Display_display__yJ8wI{gap:1.1rem;padding:5% 5% 4.5% 4%}}.Display_displayBackground__AwkVh{position:absolute;top:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px);border-radius:20px;z-index:0;background:hsl(30,2%,18%);background:linear-gradient(155deg,hsl(30,2%,18%),hsl(34,4%,32%) 50%,hsl(30,2%,18%));background:-webkit-linear-gradient(155deg,hsl(30,2%,18%),hsl(34,4%,32%) 50%,hsl(30,2%,18%))}.Display_infos__BrZws{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:.4rem;gap:.4rem;grid-template-areas:"patternName patternName" "chordNameWrapper tempoInfo";text-transform:uppercase;z-index:1;padding-left:3px;margin-right:-2px;color:var(--note-display-color);font-size:.8rem}.Display_infos__BrZws.Display_smallContent__jXFMK{zoom:.7}.Display_infos__BrZws .Display_patternName__MxslU{grid-area:patternName;text-align:center;text-wrap:nowrap}.Display_infos__BrZws .Display_patternName__MxslU .Display_presetName__3F1oI{display:inline-block;text-wrap:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.Display_infos__BrZws .Display_chordNameWrapper__jGN3e{grid-area:chordNameWrapper;text-align:left;max-height:17px}.Display_infos__BrZws .Display_tempoInfo__P0FdM{grid-area:tempoInfo;text-align:right;text-wrap:nowrap}@media(min-width:660px){.Display_infos__BrZws{grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr;font-size:1.1rem;grid-template-areas:"patternName chordNameWrapper tempoInfo";gap:1.5rem}.Display_infos__BrZws .Display_patternName__MxslU{text-align:left}}.Display_mixRow__BSvB1{display:flex;padding-left:3px;margin-right:-2px;font-size:1rem;color:var(--note-display-color);justify-content:space-between;z-index:1}@media(max-width:600px){.Display_mixRow__BSvB1{font-size:.8rem}.Display_mixRow__BSvB1 .Display_mixLabel__8WGIO{display:none}}.Display_mixRow__BSvB1 .Display_mixElements__cOakh{display:flex;gap:.5rem;margin:0 auto}.Display_mixRow__BSvB1 .Display_dots__FMQdW{position:relative;font-size:1rem;line-height:.7}@media(max-width:600px){.Display_mixRow__BSvB1 .Display_dots__FMQdW{line-height:.6}}.Display_mixRow__BSvB1 .Display_pointer__fkYpl{position:absolute;top:.36rem;left:0;font-size:1rem}@media(max-width:600px){.Display_mixRow__BSvB1 .Display_pointer__fkYpl{font-size:.8rem}}.Display_selectedPattern__Y_Y0n{font-size:1rem;color:var(--note-display-color);z-index:1}@media(max-width:600px){.Display_selectedPattern__Y_Y0n{font-size:.8rem}}.Display_chordNameWrapper__jGN3e{display:flex;gap:.3rem}@media(min-width:600px){.Display_chordNameWrapper__jGN3e{gap:.4rem;justify-content:center;padding-left:2rem}}.Display_chordNameWrapper__jGN3e .Display_chordCharacters__nb2br{text-transform:none}.Display_chordName__nk2Gj{position:relative;display:inline-block;overflow:hidden;cursor:pointer}.Display_chordName__nk2Gj:after{position:absolute;content:"...........";bottom:-5px;left:0;font-size:1.2rem}