.page_mainContainer__xQph_{margin-bottom:40px}.NoteSounding_head__b__wG{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__b__wG.NoteSounding_positionRight__D18sk{left:auto;right:0}.NoteSounding_head__b__wG.NoteSounding_displayNote__PxKrc{background-color:var(--note-display-color)}.NoteSounding_head__b__wG.NoteSounding_active__ly7fu{background-color:var(--note-display-color-active)}.NoteSounding_dot__ekW2o{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__ekW2o.NoteSounding_displayNote__PxKrc{background-color:var(--note-display-color)}.NoteSounding_dot__ekW2o.NoteSounding_active__ly7fu{background-color:var(--note-display-color-active)}.NoteSounding_stemHeight__8TFsa{height:calc(var(--note-height) - 12px)}.Note_note___QZOZ{position:relative;height:var(--note-height)}.Note_note___QZOZ.Note_eighth__UN4iM{width:var(--eighth-width)}.Note_note___QZOZ.Note_sixteenth__31xYn{width:var(--sixteenth-width)}.Note_note___QZOZ.Note_eighthTriplet__aRp8e{width:var(--eighth-triplet-width)}.Note_note___QZOZ.Note_eighthTriplet__aRp8e.Note_shortened__hz22w{width:calc(var(--eighth-triplet-width)*.75)}.Note_note___QZOZ .Note_eightSingleFlag__iI9K4{position:absolute;right:2px}.Note_note___QZOZ.Note_flag1__gI7Kx.Note_flagRight__9zKPy: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___QZOZ.Note_flag1__gI7Kx.Note_flagRight__9zKPy.Note_inDisplay__kOh5a:before{background-color:var(--note-display-color)}.Note_note___QZOZ.Note_flag1__gI7Kx.Note_flagRight__9zKPy.Note_active__86b6a:before{background-color:var(--note-display-color-active)}.Note_note___QZOZ.Note_flag1__gI7Kx.Note_flagRight__9zKPy.Note_shortenedFlag__i1t1L:after{width:calc(70% + var(--note-gap))}.Note_note___QZOZ.Note_flag2__q68YU.Note_flagRight__9zKPy.Note_flagRight__9zKPy: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___QZOZ.Note_flag2__q68YU.Note_flagRight__9zKPy.Note_inDisplay__kOh5a:after{background-color:var(--note-display-color)}.Note_note___QZOZ.Note_flag2__q68YU.Note_flagRight__9zKPy.Note_active__86b6a:after{background-color:var(--note-display-color-active)}.Note_note___QZOZ.Note_flag2__q68YU.Note_flagRight__9zKPy.Note_shortenedFlag__i1t1L:after{width:calc(70% + var(--note-gap))}.Note_note___QZOZ.Note_flag1__gI7Kx.Note_flagLeft__90zfj: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___QZOZ.Note_flag1__gI7Kx.Note_flagLeft__90zfj.Note_inDisplay__kOh5a:before{background-color:var(--note-display-color)}.Note_note___QZOZ.Note_flag1__gI7Kx.Note_flagLeft__90zfj.Note_active__86b6a:before{background-color:var(--note-display-color-active)}.Note_note___QZOZ.Note_flag1__gI7Kx.Note_flagLeft__90zfj.Note_shortenedFlag__i1t1L:after{width:calc(70% + var(--note-gap))}.Note_note___QZOZ.Note_flag2__q68YU.Note_flagLeft__90zfj: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___QZOZ.Note_flag2__q68YU.Note_flagLeft__90zfj.Note_inDisplay__kOh5a:after{background-color:var(--note-display-color)}.Note_note___QZOZ.Note_flag2__q68YU.Note_flagLeft__90zfj.Note_active__86b6a:after{background-color:var(--note-display-color-active)}.Note_note___QZOZ.Note_flag2__q68YU.Note_flagLeft__90zfj.Note_shortenedFlag__i1t1L:after{width:calc(70% + var(--note-gap))}.Note_stem__EcxSg{position:absolute;left:27px;width:var(--stem-width);background-color:var(--note-color)}.Note_stem__EcxSg.Note_positionRight__ny9eC{left:auto;right:0}.Note_stem__EcxSg.Note_displayNote___bjXw{background-color:var(--note-display-color);width:var(--stem-width-display)}.Note_stem__EcxSg.Note_active__86b6a{background-color:var(--note-display-color-active)}.NoteMuted_head__8LjUa{position:absolute;bottom:0;width:var(--note-width);transform:translateX(-1px)}.NoteMuted_head__8LjUa.NoteMuted_positionRight__rzWGg{right:0}.NoteMuted_head__8LjUa:after,.NoteMuted_head__8LjUa:before{position:absolute;right:0;bottom:0;content:" ";height:var(--stem-width);width:var(--note-width);background-color:var(--note-color)}.NoteMuted_head__8LjUa:before{position:absolute;left:calc(var(--note-width)*.29);transform:rotate(-45deg);transform-origin:left}.NoteMuted_head__8LjUa:after{transform:rotate(45deg);transform-origin:right}.NoteMuted_head__8LjUa.NoteMuted_displayNote__dvSDz:after,.NoteMuted_head__8LjUa.NoteMuted_displayNote__dvSDz:before{background-color:var(--note-display-color);height:var(--stem-width-display)}.NoteMuted_head__8LjUa.NoteMuted_active__lNSsW:after,.NoteMuted_head__8LjUa.NoteMuted_active__lNSsW:before{background-color:var(--note-display-color-active)}.NoteMuted_dot__IdkJm{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__IdkJm.NoteMuted_displayNote__dvSDz{background-color:var(--note-display-color)}.NoteMuted_dot__IdkJm.NoteMuted_active__lNSsW{background-color:var(--note-display-color-active)}.NoteMuted_stemHeight__xA9gX{height:calc(var(--note-height) - 21px)}.PlayerPage_interfaceWrapper__i_PUP{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__i_PUP{padding:10px 20px 0}}.PlayerPage_logoMobileContainer__4LQ20{width:280px;margin:0 auto 10px}@media(min-width:600px){.PlayerPage_logoMobileContainer__4LQ20{display:none}}.PlayerPage_logoMobile___DSv6{width:100%;height:auto;opacity:.75;padding-right:10px}.Display_display__Vzs4c{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__Vzs4c{gap:1.1rem;padding:5% 5% 4.5% 4%}}.Display_displayBackground__MJjgu{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__WW1Z6{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__WW1Z6 .Display_patternName__0lJa9{grid-area:patternName;text-align:center;text-wrap:nowrap}.Display_infos__WW1Z6 .Display_chordNameWrapper__Hm_2j{grid-area:chordNameWrapper;text-align:left;max-height:17px}.Display_infos__WW1Z6 .Display_tempoInfo__niPNx{grid-area:tempoInfo;text-align:right;text-wrap:nowrap}@media(min-width:660px){.Display_infos__WW1Z6{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__WW1Z6 .Display_patternName__0lJa9{text-align:left}}.Display_mixRow__JAWCJ{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__JAWCJ{font-size:.8rem}.Display_mixRow__JAWCJ .Display_mixLabel__7sOT_{display:none}}.Display_mixRow__JAWCJ .Display_mixElements__IRwZh{display:flex;gap:.5rem;margin:0 auto}.Display_mixRow__JAWCJ .Display_dots__9tbAc{position:relative;font-size:1rem;line-height:.7}@media(max-width:600px){.Display_mixRow__JAWCJ .Display_dots__9tbAc{line-height:.6}}.Display_mixRow__JAWCJ .Display_pointer__7sbyo{position:absolute;top:.36rem;left:0;font-size:1rem}@media(max-width:600px){.Display_mixRow__JAWCJ .Display_pointer__7sbyo{font-size:.8rem}}.Display_selectedPattern__2RDJD{font-size:1rem;color:var(--note-display-color);z-index:1}@media(max-width:600px){.Display_selectedPattern__2RDJD{font-size:.8rem}}.Display_chordNameWrapper__Hm_2j{display:flex;gap:.3rem}@media(min-width:600px){.Display_chordNameWrapper__Hm_2j{gap:.4rem;justify-content:center;padding-left:2rem}}.Display_chordNameWrapper__Hm_2j .Display_chordCharacters__JMB8K{text-transform:none}.Display_chordName___tOwp{position:relative;display:inline-block;overflow:hidden;cursor:pointer}.Display_chordName___tOwp:after{position:absolute;content:"...........";bottom:-5px;left:0;font-size:1.2rem}