@keyframes SelectPosition-module-scss-module__y1-p4a__fadeIn{0%{opacity:0}to{opacity:1}}.SelectPosition-module-scss-module__y1-p4a__positionControl{z-index:1;color:#ededed;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;font-size:17px;position:absolute;top:89px;left:72px}.SelectPosition-module-scss-module__y1-p4a__positionChange{color:#fff;cursor:pointer;text-shadow:1px 1px #000;padding:3px 10px;font-size:28px;font-weight:600;display:inline-block;position:relative;top:2px}.SelectPosition-module-scss-module__y1-p4a__positionArea{text-align:center;width:60px;display:inline-block}@media (max-width:767px){.SelectPosition-module-scss-module__y1-p4a__positionControl{width:170px;margin-bottom:-47px;position:-webkit-sticky;position:sticky;top:199px;left:320px}.SelectPosition-module-scss-module__y1-p4a__positionControl,.SelectPosition-module-scss-module__y1-p4a__positionControl .SelectPosition-module-scss-module__y1-p4a__positionChange{color:#000;text-shadow:none}}
@keyframes FretboardSettings-module-scss-module__FfeqQa__fadeIn{0%{opacity:0}to{opacity:1}}.FretboardSettings-module-scss-module__FfeqQa__wrapper{z-index:30;position:absolute;top:177px;left:121px}.FretboardSettings-module-scss-module__FfeqQa__gearButton{box-shadow:none;cursor:pointer;color:#fff;opacity:.75;background:0 0;border:none;outline:none;padding:4px;line-height:0;transition:opacity .15s ease-out}.FretboardSettings-module-scss-module__FfeqQa__gearButton:hover{opacity:1}.FretboardSettings-module-scss-module__FfeqQa__overlay{white-space:nowrap;z-index:10000;background:#fff;border:1px solid #ccc;border-radius:4px;padding:8px 0;position:fixed;box-shadow:0 2px 8px #00000026}.FretboardSettings-module-scss-module__FfeqQa__option{cursor:pointer;color:#000;justify-content:space-between;align-items:center;gap:16px;padding:8px 14px;font-size:16px;display:flex}.FretboardSettings-module-scss-module__FfeqQa__separator{background:#ddd;height:1px;margin:4px 0}.FretboardSettings-module-scss-module__FfeqQa__optionLabel{flex:1}@media (max-width:767px){.FretboardSettings-module-scss-module__FfeqQa__wrapper{top:13px;left:343px}.FretboardSettings-module-scss-module__FfeqQa__gearButton{color:#444;transform:scale(.85)}}
@keyframes PlayButton-module-scss-module__9wY8vW__fadeIn{0%{opacity:0}to{opacity:1}}.PlayButton-module-scss-module__9wY8vW__playButton{z-index:1;opacity:0;border-radius:50%;width:50px;height:50px;transition:all .3s ease-out;position:absolute;top:90px;left:13px;box-shadow:1px 1px #000}.PlayButton-module-scss-module__9wY8vW__playButton:after{content:"";z-index:-1;background:#4ce0c3;border-radius:50%;width:36px;height:36px;position:absolute;top:7px;left:7px}.PlayButton-module-scss-module__9wY8vW__playButton.PlayButton-module-scss-module__9wY8vW__playButtonShow{opacity:1;cursor:pointer}.PlayButton-module-scss-module__9wY8vW__playButton.PlayButton-module-scss-module__9wY8vW__spin>.PlayButton-module-scss-module__9wY8vW__playButtonAnim{width:100%;height:100%;animation:2.2s linear PlayButton-module-scss-module__9wY8vW__spin}.PlayButton-module-scss-module__9wY8vW__playButton.PlayButton-module-scss-module__9wY8vW__spin>.PlayButton-module-scss-module__9wY8vW__playButtonAnim:after{content:"";pointer-events:none;opacity:0;border:2px solid #4ce0c3;border-radius:50%;width:100%;height:100%;animation:2.2s ease-out PlayButton-module-scss-module__9wY8vW__ripple-out;position:absolute;top:-2px;left:-2px}.PlayButton-module-scss-module__9wY8vW__playButton .PlayButton-module-scss-module__9wY8vW__playButtonFill{fill:#555}@keyframes PlayButton-module-scss-module__9wY8vW__spin{to{transform:rotate(360deg)}}@keyframes PlayButton-module-scss-module__9wY8vW__ripple-out{0%{opacity:0;transform:scale(.8)}10%{opacity:.8}60%{opacity:.8}to{opacity:0;transform:scale(1.4)}}@media (max-width:767px){.PlayButton-module-scss-module__9wY8vW__playButton{margin-bottom:-50px;position:-webkit-sticky;position:sticky;top:199px;left:265px;transform:scale(.85)}}