.page_mainContainer__m2DnF{margin-bottom:40px}.Knob_container__ZLnuK{display:flex;position:relative;flex-direction:column;align-items:center}.Knob_container__ZLnuK .Knob_label__VceAh{color:var(--font-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;height:1.25rem}.Knob_container__ZLnuK .Knob_labelLeft__vD8Bt{font-size:.55rem;position:absolute;left:-4px;bottom:-12px}.Knob_container__ZLnuK .Knob_labelRight__gTzt2{font-size:.55rem;position:absolute;right:-13px;bottom:-12px}@media(min-width:600px){.Knob_container__ZLnuK{margin-top:-10px}}.Knob_hitbox__PxB3E{width:var(--knob-size-mobile);height:var(--knob-size-mobile);margin-top:1.25rem;position:absolute;z-index:2;border-radius:var(--knob-size-mobile);transform:rotate(-225deg) translateZ(0);transform-origin:50% 50% 0}@media(min-width:600px){.Knob_hitbox__PxB3E{width:var(--knob-size);height:var(--knob-size);border-radius:var(--knob-size)}}.Knob_hitbox__PxB3E .Knob_tick__yfmxx{display:flex;align-items:center;justify-content:center;height:var(--knob-size-mobile);width:var(--knob-size-mobile);pointer-events:none;z-index:3}@media(min-width:600px){.Knob_hitbox__PxB3E .Knob_tick__yfmxx{width:var(--knob-size);height:var(--knob-size)}}.Knob_hitbox__PxB3E .Knob_tick__yfmxx .Knob_line__loF2P{width:calc(var(--knob-size-mobile)/4);height:4px;background:var(--accent-color);position:absolute;right:5px;border-radius:8px 0 0 8px}@media(min-width:600px){.Knob_hitbox__PxB3E .Knob_tick__yfmxx .Knob_line__loF2P{width:calc(var(--knob-size)/4)}}.Knob_background__4sjT0{width:var(--knob-size-mobile);height:var(--knob-size-mobile);border-radius:50%;border:1px solid var(--border-color);background:radial-gradient(circle,#8da6d5 5%,#738cba);box-shadow:var(--button-shadow)}@media(min-width:600px){.Knob_background__4sjT0{width:var(--knob-size);height:var(--knob-size)}}.PatternSelectionPlayer_controlsWrapper__as_Iy{background-color:var(--center-interface-bg-mobile);border-radius:var(--border-radius);box-shadow:2px 2px 5px #6a85b1,inset 1px 1px 1px #99b2e1}@media(min-width:600px){.PatternSelectionPlayer_controlsWrapper__as_Iy{background-color:var(--center-interface-bg)}}.PatternSelectionPlayer_controls__ts54Z{display:grid;grid-row-gap:24px;row-gap:24px;grid-column-gap:20px;column-gap:20px;margin:0 auto 1em;padding:20px 15px 25px;max-width:360px;grid-template-areas:"mixKnob tempoKnob buttons" "beatSelection beatSelection keySelection"}@media(min-width:600px){.PatternSelectionPlayer_controls__ts54Z{grid-template-columns:repeat(4,max-content);grid-template-areas:"beatSelection mixKnob tempoKnob buttons" "keySelection mixKnob tempoKnob buttons";grid-template-rows:auto;row-gap:18px;column-gap:40px;padding:14px 0 22px;max-width:inherit;width:max-content}}.PatternSelectionPlayer_controls__ts54Z label{text-align:left;font-size:.85rem;text-wrap:nowrap}.PatternSelectionPlayer_buttonCell__M50QO{grid-area:buttons;display:flex;flex-direction:row;gap:8px;align-items:flex-end}@media(min-width:600px){.PatternSelectionPlayer_buttonCell__M50QO{justify-content:center;align-items:center}}.PatternSelectionPlayer_beatSelectionCell__4b2F2{grid-area:beatSelection}.PatternSelectionPlayer_keySelectionCell__CvwF_{grid-area:keySelection;display:flex;justify-content:space-between;gap:10px}.PatternSelectionPlayer_tempoKnobCell__2upeu{grid-area:tempoKnob;display:grid;place-items:center}.PatternSelectionPlayer_mixKnobCell__VSQSy{grid-area:mixKnob;display:grid;place-items:center}.PracticePlayer_controlsWrapper__OrG5p{background-color:var(--center-interface-bg-mobile);border-radius:var(--border-radius);box-shadow:2px 2px 5px #6a85b1,inset 1px 1px 1px #99b2e1}@media(min-width:600px){.PracticePlayer_controlsWrapper__OrG5p{background-color:var(--center-interface-bg)}}.PracticePlayer_controlsGrid__TBkLa{display:grid;grid-row-gap:13px;row-gap:13px;grid-column-gap:15px;column-gap:15px;margin:14px auto;padding:0 15px 20px;max-width:360px;grid-template-areas:"guitarInMix tempoKnob buttons" "guitarSilent tempoKnob buttons" "durationInput beatSelection keySelection" "info info info"}.PracticePlayer_controlsGrid__TBkLa label{text-align:left;font-size:.85rem;text-wrap:nowrap}@media(max-width:389px){.PracticePlayer_controlsGrid__TBkLa{column-gap:10px}}@media(max-width:369px){.PracticePlayer_controlsGrid__TBkLa{column-gap:5px}}@media(min-width:600px){.PracticePlayer_controlsGrid__TBkLa{grid-auto-columns:1.5fr 2.2fr 2fr 2.1fr 2.2fr;grid-template-areas:"beatSelection beatSelection guitarInMix tempoKnob buttons" "keySelection durationInput guitarSilent tempoKnob buttons" "info info info info info";row-gap:20px;column-gap:15px;padding:0 0 5px;max-width:560px;width:max-content}}.PracticePlayer_buttonCell__L2Tnf{grid-area:buttons;display:flex;flex-direction:column;gap:8px}.PracticePlayer_guitarInMixCell__n1WNX{grid-area:guitarInMix}.PracticePlayer_guitarSilentCell__HIvIs{grid-area:guitarSilent}.PracticePlayer_durationInputCell__EaxzD{grid-area:durationInput}.PracticePlayer_beatSelectionCell___6Y_n{grid-area:beatSelection;justify-items:center}@media(min-width:600px){.PracticePlayer_beatSelectionCell___6Y_n{justify-items:start}}.PracticePlayer_keySelectionCell__TZucJ{grid-area:keySelection;display:flex;justify-content:space-between;gap:10px}.PracticePlayer_tempoKnobCell__tr6mK{grid-area:tempoKnob;display:grid;place-items:center}.PracticePlayer_infoCell__Gr9fo{grid-area:info;display:flex;gap:5px;align-items:center;justify-content:center}.PracticePlayer_infoCell__Gr9fo img{cursor:pointer}@media(max-width:599px){.PracticePlayer_infoCell__Gr9fo{padding-top:10px}}.Select_select__BvYJ6{border-radius:var(--border-radius-small);font-family:var(--main-font),Arial,Helvetica,sans-serif;font-size:.85rem;color:var(--font-color-light);text-align:center;text-align-last:center;line-height:1.1rem;min-width:50px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 15px 10px 6px;background-image:url("data:image/svg+xml;utf8,<svg fill='rgb(237, 237, 237)' height='22' width='22' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>"),var(--button-gradient);border:1px solid var(--border-color);background-repeat:no-repeat;background-position:right -1px center,50%;background-size:auto,100%;box-shadow:var(--button-shadow)}@media(min-width:600px){.Select_select__BvYJ6{font-size:.9rem;padding:10px 25px 10px 15px;background-position:right 3px center,50%}}.Select_select__BvYJ6.Select_fullwidth__D9WCQ{width:100%}@media(max-width:599px){.Select_select__BvYJ6.Select_mobileMinWidth__3da1o{min-width:115px}}.Select_select__BvYJ6:disabled{opacity:.9;color:var(--font-color-disabled);background:var(--button-gradient-disabled);cursor:auto;border:1px solid var(--border-disabled-color);box-shadow:var(--button-shadow-disabled)}.Select_label__n4Xav{display:block;margin-bottom:1px}.NumberInput_input__HIM2c{width:47px;padding:7px 4px;cursor:pointer;color:var(--font-color-light);border-radius:var(--border-radius-small);font-size:1.1rem;font-family:var(--main-font),Arial,Helvetica,sans-serif;text-align:center;border:1px solid var(--border-color);background:var(--button-gradient);box-shadow:var(--button-shadow)}@media(min-width:600px){.NumberInput_input__HIM2c{font-size:1rem;padding:8px 4px}}.NumberInput_input__HIM2c:disabled{opacity:.9;color:var(--font-color-disabled);background:var(--button-gradient-disabled);cursor:auto;border:1px solid var(--border-disabled-color);box-shadow:var(--button-shadow-disabled)}.NumberInput_inputWrapper__32q8d{text-wrap:nowrap}.NumberInput_mobilelabel__igdv8{display:block;font-size:.8rem;margin-bottom:2px}@media(min-width:600px){.NumberInput_mobilelabel__igdv8{display:none}}.NumberInput_desktoplabel__S9T9O{display:block;font-size:1rem;margin-bottom:2px}@media(max-width:599px){.NumberInput_desktoplabel__S9T9O{display:none}}.NumberInput_unit__mb3z5{font-size:.9rem;margin-left:5px}.ChordButton_container__r5KTb{display:flex;flex-direction:column;align-items:stretch}.ChordButton_container__r5KTb>div{height:100%}.ChordButton_label__nEUbo{display:block;text-align:left;font-size:.85rem;text-wrap:nowrap;margin-bottom:1px}.ChordButton_popoverButton__16grN{font-family:var(--main-font),Arial,Helvetica,sans-serif;cursor:pointer;width:100%;height:100%;max-height:40px;color:var(--font-color-light);border-radius:var(--border-radius-small);background:var(--button-gradient);box-shadow:var(--button-shadow);border:1px solid #6686b1;padding:2px 0 0 2px;transition:box-shadow 1s;display:flex;align-items:center;justify-content:center}.ChordButton_popoverButton__16grN.ChordButton_pressed__LihSv,.ChordButton_popoverButton__16grN:active{border:1px solid var(--border-color-active);background:var(--button-gradient-active);box-shadow:var(--button-shadow-active)}.ChordButton_popoverButton__16grN .ChordButton_chordImage__V2icS{width:32px;height:22px}@media(min-width:600px){.ChordButton_popoverButton__16grN .ChordButton_chordImage__V2icS{width:32px;height:22px}}.ChordButton_popoverPanel__NpCBf{display:flex;position:relative;flex-direction:column;background-color:#798fb8;font-family:var(--main-font),Arial,Helvetica,sans-serif;border-radius:var(--border-radius);color:var(--font-color);padding:.8rem .8rem 1.2rem;overflow:visible!important;transform:translateY(-25px) translateX(-5px);box-shadow:var(--button-shadow);border:5px solid #aabbd4;background-image:radial-gradient(circle,#b0bed3,#aabbd4,#a4b7d4,#9db4d5,#97b0d5)}@media(min-width:600px){.ChordButton_popoverPanel__NpCBf{transform:translateY(-10px)}}.ChordButton_popoverPanel__NpCBf:before{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);border-top:12px solid #aabbd4;z-index:0}.ChordButton_popoverPanel__NpCBf:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-top:10px solid #aabbd4;z-index:1}.ChordButton_fretInfo__YtnbD{position:absolute;top:28px;left:96px;font-size:.9rem;color:#000}.SelectTab_selectTabWrapper__gKWCT{display:flex;padding:1px 1px 0;margin-top:1rem}.SelectTab_selectTabWrapper__gKWCT .SelectTab_selectTab__54xIu{display:flex;justify-content:center;align-items:center;width:50%;line-height:2;font-size:.85rem;height:35px}.SelectTab_selectTabWrapper__gKWCT .SelectTab_selectTab__54xIu:first-child{border-radius:var(--border-radius-medium) 0 0 0}.SelectTab_selectTabWrapper__gKWCT .SelectTab_selectTab__54xIu:first-child button{border-radius:24px 0 0 0;box-shadow:inset -6px -6px 10px -8px rgba(36,66,117,.6)}.SelectTab_selectTabWrapper__gKWCT .SelectTab_selectTab__54xIu:last-child{border-radius:0 var(--border-radius-medium) 0 0}.SelectTab_selectTabWrapper__gKWCT .SelectTab_selectTab__54xIu:last-child button{border-radius:0 24px 0 0;box-shadow:inset 6px -6px 10px -8px rgba(36,66,117,.6)}.SelectTab_selectTabWrapper__gKWCT .SelectTab_selectTab__54xIu button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:none;background-color:rgba(0,0,0,.03);font:inherit;color:inherit;cursor:pointer;padding:2px 0 0 2px}.SelectTab_selectTabWrapper__gKWCT .SelectTab_selectTab__54xIu button:hover{color:#323232}.ButtonSmall_button__9IkgJ{display:flex;align-items:center;justify-content:center;gap:.25rem;font-family:var(--main-font),Arial,Helvetica,sans-serif;font-size:1rem;padding:0 0 0 .4rem;width:100%;min-width:110px;height:36px;cursor:pointer;color:var(--font-color-light);border-radius:var(--border-radius-small);border:1px solid #6686b1;background:var(--button-gradient);box-shadow:var(--button-shadow);transition:box-shadow 1s}.ButtonSmall_button__9IkgJ.ButtonSmall_pressed__iWrjG,.ButtonSmall_button__9IkgJ:active{border:1px solid var(--border-color-active);background:var(--button-gradient-active);box-shadow:var(--button-shadow-active)}.Timer_display__Hi6EE{position:relative;display:flex;flex-direction:column;gap:.5rem;font-family:var(--display-font),Arial,Helvetica,sans-serif;border-radius:var(--border-radius);background-color:#2e2d2c;padding:2% 5% 3.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(max-width:600px){.Timer_display__Hi6EE{gap:.2rem}}.Timer_displayBackground__XTPbh{position:absolute;top:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px);border-radius:8px;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%))}.Timer_timeWrapper__ctYnG{display:flex;justify-content:center;font-family:Orbiton Regular,Arial,Helvetica,sans-serif;font-size:4.5rem;color:var(--note-display-color);z-index:1;transform-origin:center;will-change:color,transform,opacity}@media(max-width:600px){.Timer_timeWrapper__ctYnG{font-size:3rem}}.Timer_timeWrapper__ctYnG.Timer_animated__Oi4YR{animation:Timer_timeColorPulse__U1FqB .5s ease-in-out infinite alternate,Timer_timeZoom__IAX7s 5s linear infinite}.Timer_timeWrapper__ctYnG.Timer_finished__O1Vcj{animation:Timer_timeFinishedBlast__N8AvF 1s ease-out 0s 1}@keyframes Timer_timeColorPulse__U1FqB{0%{color:var(--note-display-color)}to{color:var(--note-display-color-active)}}@keyframes Timer_timeZoom__IAX7s{0%{transform:scale(1)}20%{transform:scale(1.05)}40%{transform:scale(1.1)}60%{transform:scale(1.15)}80%{transform:scale(1.2)}to{transform:scale(1.25)}}@keyframes Timer_timeFinishedBlast__N8AvF{0%{transform:scale(1.25);opacity:1}to{transform:scale(2.8);opacity:0}}.Timer_digit__w_cEL{display:flex;justify-content:center;width:3.6rem}@media(max-width:600px){.Timer_digit__w_cEL{width:2.5rem}}.Timer_mixRow__Efm3c{display:flex;padding-left:3px;margin-right:-2px;font-size:.8rem;color:var(--note-display-color);justify-content:space-between;z-index:1}@media(max-width:600px){.Timer_mixRow__Efm3c .Timer_mixLabel__fLdy_{display:none}}.Timer_mixRow__Efm3c .Timer_mixElements__Oyus0{display:flex;gap:.5rem;margin:0 auto}.Timer_mixRow__Efm3c .Timer_dots__GWjII{position:relative;font-size:1rem;line-height:.7}@media(max-width:600px){.Timer_mixRow__Efm3c .Timer_dots__GWjII{line-height:.6}}.Timer_mixRow__Efm3c .Timer_pointer__Zs4Kv{position:absolute;top:.36rem;left:0;font-size:1rem}@media(max-width:600px){.Timer_mixRow__Efm3c .Timer_pointer__Zs4Kv{font-size:.8rem}}