.styles_header__udZKm{position:relative;margin:0 auto 15px;width:100%;height:90px;border-bottom:5px solid #4e286d;z-index:1;background:#fff}.styles_logo__6zrBN{position:absolute;left:10px;bottom:0}.styles_nav__ll5RB{float:right;margin-top:16px}.styles_navbox__ZZzyb{border-top:0 solid rgba(0,0,0,0);display:block;text-decoration:none;color:#43235e!important;transition:border-top .15s ease-out}.styles_navboxSelected__wGnpy,.styles_navbox__ZZzyb:hover{border-top:5px solid #4e286d}.styles_navbox__ZZzyb{position:relative;width:95px;height:60px;margin:3px;padding:3px;float:left}.styles_navboxRolls__15kub{background:#52aed9}.styles_navboxChords__c6c2X{background:#e58a60}.styles_navboxScales__QsfKT{background:#67cc6c}.styles_navboxTuner__0xkiZ{background:#e1c83d}.styles_navboxBuilder___RPxY{background:#ef65a6}.styles_navboxText__erPnk{font-family:londrina;position:absolute;bottom:10px;left:5px;right:5px;text-align:center;font-size:30px;line-height:20px}.styles_linkText__RAKR2{height:1px;width:1px;position:absolute;overflow:hidden;top:-20px}.styles_heading__98agg{position:absolute;left:315px;top:60px;font-style:italic;font-size:18px;font-weight:400;margin:0}@media only screen and (max-width:1023px){.styles_heading__98agg{left:223px;top:52px;font-size:15px}.styles_header__udZKm{height:77px}.styles_nav__ll5RB{margin-top:6px}.styles_navbox__ZZzyb{width:80px;height:57px}.styles_navboxText__erPnk{font-size:27px}.styles_logo__6zrBN img{width:210px;height:auto}}@media only screen and (max-width:767px){.styles_heading__98agg{display:none}.styles_navbox__ZZzyb{width:70px}.styles_navboxText__erPnk{font-size:24px}}@media only screen and (max-width:639px){.styles_navboxText__erPnk{font-size:22px}.styles_header__udZKm{height:60px}.styles_navbox__ZZzyb{width:65px;height:40px}.styles_logo__6zrBN img{width:160px}}@media only screen and (max-width:567px){.styles_navboxText__erPnk{font-size:18px}.styles_header__udZKm{height:60px}.styles_navbox__ZZzyb{width:49px}.styles_logo__6zrBN img{width:150px}}@media only screen and (max-width:479px){.styles_nav__ll5RB{margin-top:3px}.styles_navboxText__erPnk{font-size:16px;line-height:12px}.styles_header__udZKm{height:47px}.styles_navbox__ZZzyb{width:48px;height:33px;margin:2px;padding:2px}.styles_logo__6zrBN{left:4px;top:19px}.styles_logo__6zrBN img{width:100px}}@media only screen and (max-width:400px){.styles_nav__ll5RB{width:100%;display:flex;justify-content:center}.styles_navboxText__erPnk{font-size:20px}.styles_header__udZKm{height:51px}.styles_navbox__ZZzyb{width:58px;padding:4px}.styles_logo__6zrBN{left:4px;top:19px}.styles_logo__6zrBN img{display:none}}.styles_footer__v_hzj{margin-top:15px;border-top:5px solid #4e286d;font-size:14px}.styles_footerRights__TKzv7{margin:10px 5px 10px 0;float:right}.styles_button__KA1RX{position:relative;color:#000;width:56px;height:36px;display:inline-block;font-size:19px;padding:4px 8px;margin:6px;background:#ededed;border:0;border-radius:4px;transition:background .2s ease-out}.styles_button__KA1RX:hover{color:#000;cursor:pointer}.styles_button__KA1RX.styles_widthAuto__L46TY{font-size:.8em;width:auto}.rolls .styles_button__KA1RX.styles_widthAuto__L46TY,.scales .styles_button__KA1RX.styles_widthAuto__L46TY{font-size:.9em}.chords .styles_buttonSelected__jFAIL{background:#e58a60}.rolls .styles_buttonSelected__jFAIL{background:#52aed9}.scales .styles_buttonSelected__jFAIL{background:#67cc6c}@media(hover:hover){.chords .styles_button__KA1RX:not(.styles_buttonSelected__jFAIL):hover{background:#ecaa8c}.rolls .styles_button__KA1RX:not(.styles_buttonSelected__jFAIL):hover{background:#7cc2e2}.scales .styles_button__KA1RX:not(.styles_buttonSelected__jFAIL):hover{background:#8dd991}}.styles_noteSharp__NhXQR{font-size:.8em;display:inline-block;position:relative;top:-4px}.styles_keys__lrZWI{text-align:center;font-size:22px;margin-bottom:5px}@media only screen and (max-width:860px){.styles_keys__lrZWI button{margin:3px}}@media only screen and (max-width:767px){.styles_keys__lrZWI button{margin:4px}.styles_keys__lrZWI{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}}.styles_types__6g1WI{text-align:center}.styles_chordsBreak__UlfDI,.styles_scalesBreak__ZV3tr{display:none}@media only screen and (max-width:1023px){.styles_chordsBreak__UlfDI,.styles_scalesBreak__ZV3tr{display:block}}@media only screen and (max-width:900px){.styles_chordsBreak__UlfDI,.styles_scalesBreak__ZV3tr{display:none}}@media only screen and (max-width:860px){.styles_rollsBreak__Rw1uh{display:none}}@media only screen and (max-width:767px){.chords .styles_types__6g1WI,.scales .styles_types__6g1WI{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}}.styles_wrapper__pOQOD{position:relative;margin:20px auto -60px;height:40px}.styles_playRoll__Ukp5P,.styles_stopRoll__kahDq{position:absolute;top:0;right:0;left:0;bottom:0;cursor:pointer;opacity:0;z-index:0;transition:opacity .1s linear;margin:auto}.styles_playRoll__Ukp5P{width:0;height:0;border-top:20px solid rgba(0,0,0,0);border-bottom:20px solid rgba(0,0,0,0);border-left:40px solid #653a84}.styles_stopRoll__kahDq{width:40px;height:40px;background:#653a84}.styles_wrapper__pOQOD.styles_playing__DD6_k .styles_stopRoll__kahDq,.styles_wrapper__pOQOD.styles_stopped__0ynnr .styles_playRoll__Ukp5P{opacity:1;z-index:1}.styles_controls__76WIH{margin-bottom:15px}.styles_positionControl__AClcN{position:absolute;left:44px;top:120px;z-index:1;color:#f0e5f0;font-size:18px}.styles_positionChange__gisem{font-weight:700;font-size:28px;padding:0 10px;color:#fff;cursor:pointer}.styles_positionAdd__ZkVvJ,.styles_positionSubtract__3vbuK{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-size:22px;font-weight:700;padding:8px;width:20px;height:20px;line-height:16px;display:inline-block;background:#4e286d;border-radius:50%;text-align:center}.styles_positionCurrent__6MG7A,.styles_positionTotal__z0zrU{display:inline-block}.styles_positionCurrent__6MG7A{text-align:right}.styles_numbers__b_iK_{display:inline-block;margin:0 auto;width:70px;text-align:center}@media only screen and (max-width:767px){.styles_positionControl__AClcN{left:224px;top:226px}.styles_numbers__b_iK_{color:#4e286d}}.styles_fretboard__m8PMU{width:100%;top:0;margin:30px auto 0;position:relative}.styles_bridge__6I3Hx,.styles_fret__C0zuC{position:absolute;color:#43235e;font-size:19px;line-height:35px;border-radius:50%;width:35px;height:35px;text-align:center;z-index:10}.chords .styles_fret__C0zuC{background:#e58a60}.rolls .styles_fret__C0zuC{background:#52aed9;cursor:pointer}.scales .styles_fret__C0zuC{background:#67cc6c}.builder .styles_fret__C0zuC{background:#ef65a6;cursor:pointer}@media(hover:hover){.builder .styles_fret__C0zuC:hover,.rolls .styles_fret__C0zuC:hover{opacity:.65}}.styles_toolName__EzEwh{position:absolute;top:-20px;left:0;right:0;text-align:center;font-size:32px;font-weight:500;margin:10px 0 -50px}.styles_toolNameSecondary__mm3HS{margin-top:3px;display:block;font-size:.6em;font-weight:400}.styles_bridge__6I3Hx{background-color:#c9b9d6}.styles_neck__Rr1dm{position:absolute;color:#f0e5f0}.styles_fret__C0zuC{opacity:0;transition:opacity .2s ease-out}.styles_fretHighlighted__fADb6:after{content:"";width:100%;height:100%;position:absolute;left:0;border:5px solid #43235e;margin:-5px 0 0 -5px;border-radius:50%;opacity:1}.styles_bridge__6I3Hx,.styles_fret__C0zuC{font-weight:600}.styles_fretOn__5xX_3{opacity:1!important}.styles_fretMarkers__wh_ek{color:#f0e5f0;font-size:11px;font-weight:500}.styles_fretMarker__nOylU{position:absolute;z-index:1;line-height:32px;display:flex;align-items:center;align-content:center;justify-content:center;width:0;height:0;border:10px solid rgba(0,0,0,0);border-bottom:14px solid #8762a3}.styles_fretMarker__nOylU:after{content:"";position:absolute;left:-10px;top:14px;width:0;height:0;border:10px solid rgba(0,0,0,0);border-top:14px solid #8762a3}.styles_fretMarker__nOylU .styles_fretNumber__S7aHJ{position:relative;top:13.5px;z-index:2}[data-num="3"].styles_fretMarker__nOylU{top:116px;left:401px}[data-num="5"].styles_fretMarker__nOylU{top:116px;left:516px}[data-num="7"].styles_fretMarker__nOylU{top:116px;left:622px}[data-num="10"].styles_fretMarker__nOylU{top:116px;left:757px}[data-num="15"].styles_fretMarker__nOylU{top:115px;left:937px}[data-fret="-1"].styles_fretOn__5xX_3~.styles_bridge__6I3Hx,[data-fret="-1"].styles_fret__C0zuC{font-size:0;display:inline-block;overflow:hidden}[data-fret="-1"].styles_fretOn__5xX_3~.styles_bridge__6I3Hx:after,[data-fret="-1"].styles_fretOn__5xX_3~.styles_bridge__6I3Hx:before,[data-fret="-1"].styles_fret__C0zuC:after,[data-fret="-1"].styles_fret__C0zuC:before{content:"";position:absolute;height:5px;width:80%;top:50%;left:0;background:#4e286d;transform:rotate(45deg);margin:-3px 0 0 3px}[data-fret="-1"].styles_fretOn__5xX_3~.styles_bridge__6I3Hx:before,[data-fret="-1"].styles_fret__C0zuC:before{transform:rotate(135deg)}[data-string="0"].styles_string__2op0h>.styles_bridge__6I3Hx,[data-string="0"].styles_string__2op0h>.styles_fret__C0zuC{top:212px}[data-string="1"].styles_string__2op0h>.styles_bridge__6I3Hx,[data-string="1"].styles_string__2op0h>.styles_fret__C0zuC{top:175px}[data-string="2"].styles_string__2op0h>.styles_bridge__6I3Hx,[data-string="2"].styles_string__2op0h>.styles_fret__C0zuC{top:138px}[data-string="3"].styles_string__2op0h>.styles_bridge__6I3Hx,[data-string="3"].styles_string__2op0h>.styles_fret__C0zuC{top:100px}[data-string="4"].styles_string__2op0h>.styles_bridge__6I3Hx,[data-string="4"].styles_string__2op0h>.styles_fret__C0zuC{top:63px}[data-string="0"].styles_string__2op0h>[data-fret="-1"].styles_fret__C0zuC,[data-string="0"].styles_string__2op0h>[data-fret="0"].styles_fret__C0zuC{left:509px}[data-fret="-1"].styles_fret__C0zuC,[data-fret="0"].styles_fret__C0zuC{left:203px}[data-fret="1"].styles_fret__C0zuC{left:262px}[data-fret="2"].styles_fret__C0zuC{left:330px}[data-fret="3"].styles_fret__C0zuC{left:394px}[data-fret="4"].styles_fret__C0zuC{left:453px}[data-fret="5"].styles_fret__C0zuC{left:509px}[data-fret="6"].styles_fret__C0zuC{left:564px}[data-fret="7"].styles_fret__C0zuC{left:613px}[data-fret="8"].styles_fret__C0zuC{left:662px}[data-fret="9"].styles_fret__C0zuC{left:706px}[data-fret="10"].styles_fret__C0zuC{left:749px}[data-fret="11"].styles_fret__C0zuC{left:790.5px}[data-fret="12"].styles_fret__C0zuC{left:828px}[data-fret="13"].styles_fret__C0zuC{left:864.5px}[data-fret="14"].styles_fret__C0zuC{left:898px}[data-fret="15"].styles_fret__C0zuC{left:930px}.styles_bridge__6I3Hx{left:987px}[data-string="0"].styles_string__2op0h>.styles_neck__Rr1dm{top:255px;left:519px}[data-string="1"].styles_string__2op0h>.styles_neck__Rr1dm{top:230px;left:180px}[data-string="2"].styles_string__2op0h>.styles_neck__Rr1dm{top:241px;left:52px}[data-string="3"].styles_string__2op0h>.styles_neck__Rr1dm{top:15px;left:53px}[data-string="4"].styles_string__2op0h>.styles_neck__Rr1dm{top:27px;left:180px}.styles_neck__Rr1dm{left:176px}.styles_banjoWrapper__b4C8d{display:flex;justify-content:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_banjo__n31ec{transform-origin:center}@media only screen and (max-width:1023px){.styles_banjo__n31ec{transform:scale(.84);margin-top:-15px;margin-bottom:-15px}}@media only screen and (max-width:860px){.styles_banjo__n31ec{transform:scale(.75);margin-top:-22px;margin-bottom:-22px}}@media only screen and (max-width:767px){.styles_banjoWrapper__b4C8d{display:block}.styles_banjo__n31ec{padding-bottom:12px;position:relative;transform:scale(1);margin-top:0;margin-bottom:0;left:-204px;width:calc(100% + 204px);overflow-x:auto;-webkit-overflow-scrolling:touch}}.styles_instructions__DmrQ6{font-size:16px;line-height:1.33;font-weight:500;text-align:center;max-width:550px;padding:5px;margin:15px auto}@media only screen and (max-width:567px){.styles_instructions__DmrQ6 br{display:none}}.styles_leaderboard___Z7rM{text-align:center;position:relative;z-index:1;margin:0 auto 10px;width:728px;height:90px}@media only screen and (max-width:567px){.styles_leaderboard___Z7rM{width:468px;height:60px}}@media only screen and (max-width:400px){.styles_leaderboard___Z7rM{width:320px;height:100px}}@media print{.styles_leaderboard___Z7rM{display:none}}