.page_mainContainer__xQph_{margin-bottom:40px}.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)}.PlayerPage_interfaceWrapper__l3eEk{position:relative;width:100vw;width:100svw;width:100dvw;max-width:700px;margin:0 auto;opacity:.8;padding:15px 15px 0}@media(min-width:600px){.PlayerPage_interfaceWrapper__l3eEk{padding:10px 20px 0}}.PlayerPage_logoMobileContainer__JxpEz{width:280px;margin:0 auto 10px}@media(min-width:600px){.PlayerPage_logoMobileContainer__JxpEz{display:none}}.PlayerPage_logoMobile__y115i{width:100%;height:auto;opacity:.75;padding-right:10px}.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}@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:1fr 1fr;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_patternName__MxslU{grid-area:patternName;text-align:center;text-wrap:nowrap}.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}