.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-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}.hover-no-underline:hover{text-decoration:none!important}html{background:#fff}body{-webkit-text-size-adjust:100%;margin:0;position:relative}body,button{font-family:Jost,Helvetica,Arial,sans-serif}.layout-outer{width:100%}.layout-inner{width:100%;max-width:1024px;min-width:280px;overflow-x:hidden;overflow-y:hidden;margin:0 auto}.layout-inner.tab-layout{overflow-x:initial;overflow-y:initial}main{padding:10px 0}.h2,h1,h2,h3,h4{font-weight:500}h1{font-size:28px;margin:20px 0}.h2,h2{font-size:24px;margin:12px 0}h3{font-size:19px}@media (max-width:860px){h1{font-size:24px;margin:12px 0}.h2,h2{font-size:20px;margin:10px 0}h3{font-size:17px}}b{font-weight:500}input[type=button]{-webkit-appearance:none}img{border:0}a{color:#2f6bda;text-decoration:none}a:hover{text-decoration:underline}a:visited{color:#a519e5}a,button,select{outline:0}.clipped{height:1px;width:1px;position:absolute;overflow:hidden;top:-20px}.control,.peg,.play-button,.playing-initial{transition:.2s ease-out}.fret{transition:.2s ease-out;transition-property:opacity}.button-link:hover{text-decoration:none!important}.button-link:visited{color:#000}.button-link-text{height:1px;width:1px;position:absolute;overflow:hidden;top:-10px}.pre{white-space:pre;font-weight:500}ul{margin:0}@media print{body{-webkit-print-color-adjust:exact;color-adjust:exact}.controls,.positions{display:none!important}}.tool-name{text-align:center;margin:0 auto 5px;font-weight:500;position:relative;top:15px;z-index:1;font-size:27px;max-width:57%;pointer-events:none}.tool-name--primary,.tool-name--secondary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h2.tool-name--primary{white-space:pre;font-size:30px;font-weight:500;margin:0;text-align:center}h3.tool-name--secondary{font-size:19px;font-weight:400;margin:0}.instructions{line-height:20px;text-align:center;width:100%;position:relative;font-size:16px;margin:0;font-weight:400}.info{padding:12px 0;position:relative;width:60%;margin:auto;font-size:15px;line-height:1.3}.info__intro{text-align:center}.info__next{margin-top:7px;text-align:center}.uke-svg,.ukulele{width:1024px;height:230px;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-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}.ukulele{position:relative;z-index:0;margin-top:-15px}.lefty .ukulele{transform:scale(-1,1) translateX(-50%);transform-origin:0 0;left:50%}.lefty .ukulele .bridge,.lefty .ukulele .fret,.lefty .ukulele .fret-number,.lefty .ukulele .neck,.lefty .ukulele .play-button,.lefty .ukulele .position-control,.lefty .ukulele .tuning-links-wrapper{transform:scaleX(-1)}.swap-button{fill:#444;z-index:1;position:absolute;width:42px;height:21px;top:214px;left:117px;cursor:pointer;transform:scale(.8)}.play-button{z-index:1;position:absolute;width:50px;height:50px;top:90px;left:22px;cursor:pointer;opacity:0;transition:50ms ease-out;transition-property:all}.play-button::after{content:'';position:absolute;width:36px;height:36px;background:#4ce0c3;top:7px;left:7px;border-radius:50%;z-index:-1}.ukulelebuddy .play-button{background:#fff;border-radius:50%}.play-button-text{position:absolute;font-size:12px;text-align:center;left:6px;top:10px}.play-button--show{opacity:1}.play-button.spin>.play-button-anim{height:100%;width:100%;animation:spin 2s linear}.play-button.spin>.play-button-anim::after{content:'';position:absolute;top:-2px;left:-2px;width:100%;height:100%;pointer-events:none;opacity:0;border:2px solid #4ce0c3;border-radius:50%;animation:ripple-out 2s ease-out}.ukulelebuddy .play-button.spin>.play-button-anim::after{animation:none}.ukulelebuddy .play-button.spin>.play-button-anim{animation:none}.play-button-fill{fill:#555}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes ripple-out{0%{opacity:0;transform:scale(.8,.8)}10%{opacity:.8}60%{opacity:.8}100%{opacity:0;transform:scale(1.4,1.4)}}@media (max-width:1023px){.mq h2.tool-name--primary{font-size:28px}.mq .ukulele{margin-bottom:-20px;transform:scale(.85,.85) translateX(-50%);transform-origin:0 0;left:50%}.mq .lefty .ukulele{transform:scale(-.85,.85) translateX(-50%);transform-origin:0 0;left:50%}.mq .uke-svg{width:auto;margin-bottom:-15px}.mq .info{width:70%;padding:8px 0}}@media (max-width:860px){.mq .tool-name{margin:0 auto;top:10px}.mq .ukulele{margin-bottom:-50px;transform:scale(.75,.75) translateX(-50%)}.mq .lefty .ukulele{transform:scale(-.75,.75) translateX(-50%)}}@media (max-width:767px){.mq .tool-name{margin-bottom:19px;max-width:100%}.mq h2.tool-name--primary{font-size:26px}.mq h3.tool-name--secondary{font-size:17px}.mq .ukulele{transform:scale(1,1) translateX(0);left:-260px;margin-bottom:0;padding-bottom:7px;width:calc(100% + 260px);height:auto;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mq .lefty .ukulele{transform:scale(-1,1) translateX(0);right:calc(-100% - 260px);left:auto}.mq .play-button{border-radius:50%;top:196px;left:265px}.mq .play-button svg{transform:scale(.85,.85)}.mq .swap-button{top:16px;left:345px;transform:scale(.63)}.mq .info{width:92%;font-size:14px}}@media (max-width:479px){.mq h2.tool-name--primary{font-size:24px}.mq h3.tool-name--secondary{font-size:16px}}.position-control{position:absolute;left:79px;top:88px;z-index:1;color:#ededed;font-size:18px}.position-change{font-weight:600;font-size:28px;color:#fff;cursor:pointer;position:relative;top:2px;display:inline-block;padding:3px 10px}[data-left]{transition:50ms ease-out;transition-property:all}@media (max-width:767px){.position-control{top:198px;left:320px;width:170px}.position-control,.position-control .position-change{color:#000}[data-left='1000']{left:1000px!important}[data-left='995']{left:995px!important}[data-left='990']{left:990px!important}[data-left='985']{left:985px!important}[data-left='980']{left:980px!important}[data-left='975']{left:975px!important}[data-left='970']{left:970px!important}[data-left='965']{left:965px!important}[data-left='960']{left:960px!important}[data-left='955']{left:955px!important}[data-left='950']{left:950px!important}[data-left='945']{left:945px!important}[data-left='940']{left:940px!important}[data-left='935']{left:935px!important}[data-left='930']{left:930px!important}[data-left='925']{left:925px!important}[data-left='920']{left:920px!important}[data-left='915']{left:915px!important}[data-left='910']{left:910px!important}[data-left='905']{left:905px!important}[data-left='900']{left:900px!important}[data-left='895']{left:895px!important}[data-left='890']{left:890px!important}[data-left='885']{left:885px!important}[data-left='880']{left:880px!important}[data-left='875']{left:875px!important}[data-left='870']{left:870px!important}[data-left='865']{left:865px!important}[data-left='860']{left:860px!important}[data-left='855']{left:855px!important}[data-left='850']{left:850px!important}[data-left='845']{left:845px!important}[data-left='840']{left:840px!important}[data-left='835']{left:835px!important}[data-left='830']{left:830px!important}[data-left='825']{left:825px!important}[data-left='820']{left:820px!important}[data-left='815']{left:815px!important}[data-left='810']{left:810px!important}[data-left='805']{left:805px!important}[data-left='800']{left:800px!important}[data-left='795']{left:795px!important}[data-left='790']{left:790px!important}[data-left='785']{left:785px!important}[data-left='780']{left:780px!important}[data-left='775']{left:775px!important}[data-left='770']{left:770px!important}[data-left='765']{left:765px!important}[data-left='760']{left:760px!important}[data-left='755']{left:755px!important}[data-left='750']{left:750px!important}[data-left='745']{left:745px!important}[data-left='740']{left:740px!important}[data-left='735']{left:735px!important}[data-left='730']{left:730px!important}[data-left='725']{left:725px!important}[data-left='720']{left:720px!important}[data-left='715']{left:715px!important}[data-left='710']{left:710px!important}[data-left='705']{left:705px!important}[data-left='700']{left:700px!important}[data-left='695']{left:695px!important}[data-left='690']{left:690px!important}[data-left='685']{left:685px!important}[data-left='680']{left:680px!important}[data-left='675']{left:675px!important}[data-left='670']{left:670px!important}[data-left='665']{left:665px!important}[data-left='660']{left:660px!important}[data-left='655']{left:655px!important}[data-left='650']{left:650px!important}[data-left='645']{left:645px!important}[data-left='640']{left:640px!important}[data-left='635']{left:635px!important}[data-left='630']{left:630px!important}[data-left='625']{left:625px!important}[data-left='620']{left:620px!important}[data-left='615']{left:615px!important}[data-left='610']{left:610px!important}[data-left='605']{left:605px!important}[data-left='600']{left:600px!important}[data-left='595']{left:595px!important}[data-left='590']{left:590px!important}[data-left='585']{left:585px!important}[data-left='580']{left:580px!important}[data-left='575']{left:575px!important}[data-left='570']{left:570px!important}[data-left='565']{left:565px!important}[data-left='560']{left:560px!important}[data-left='555']{left:555px!important}[data-left='550']{left:550px!important}[data-left='545']{left:545px!important}[data-left='540']{left:540px!important}[data-left='535']{left:535px!important}[data-left='530']{left:530px!important}[data-left='525']{left:525px!important}[data-left='520']{left:520px!important}[data-left='515']{left:515px!important}[data-left='510']{left:510px!important}[data-left='505']{left:505px!important}[data-left='500']{left:500px!important}[data-left='495']{left:495px!important}[data-left='490']{left:490px!important}[data-left='485']{left:485px!important}[data-left='480']{left:480px!important}[data-left='475']{left:475px!important}[data-left='470']{left:470px!important}[data-left='465']{left:465px!important}[data-left='460']{left:460px!important}[data-left='455']{left:455px!important}[data-left='450']{left:450px!important}[data-left='445']{left:445px!important}[data-left='440']{left:440px!important}[data-left='435']{left:435px!important}[data-left='430']{left:430px!important}[data-left='425']{left:425px!important}[data-left='420']{left:420px!important}[data-left='415']{left:415px!important}[data-left='410']{left:410px!important}[data-left='405']{left:405px!important}[data-left='400']{left:400px!important}[data-left='395']{left:395px!important}[data-left='390']{left:390px!important}[data-left='385']{left:385px!important}[data-left='380']{left:380px!important}[data-left='375']{left:375px!important}[data-left='370']{left:370px!important}[data-left='365']{left:365px!important}[data-left='360']{left:360px!important}[data-left='355']{left:355px!important}[data-left='350']{left:350px!important}[data-left='345']{left:345px!important}[data-left='340']{left:340px!important}[data-left='335']{left:335px!important}[data-left='330']{left:330px!important}[data-left='325']{left:325px!important}[data-left='320']{left:320px!important}[data-left='315']{left:315px!important}[data-left='310']{left:310px!important}[data-left='305']{left:305px!important}[data-left='300']{left:300px!important}[data-left='295']{left:295px!important}[data-left='290']{left:290px!important}[data-left='285']{left:285px!important}[data-left='280']{left:280px!important}[data-left='275']{left:275px!important}[data-left='270']{left:270px!important}[data-left='265']{left:265px!important}[data-left='260']{left:260px!important}[data-left='255']{left:255px!important}[data-left='250']{left:250px!important}[data-left='245']{left:245px!important}[data-left='240']{left:240px!important}[data-left='235']{left:235px!important}[data-left='230']{left:230px!important}[data-left='225']{left:225px!important}[data-left='220']{left:220px!important}[data-left='215']{left:215px!important}[data-left='210']{left:210px!important}[data-left='205']{left:205px!important}[data-left='200']{left:200px!important}[data-left='195']{left:195px!important}[data-left='190']{left:190px!important}[data-left='185']{left:185px!important}[data-left='180']{left:180px!important}[data-left='175']{left:175px!important}[data-left='170']{left:170px!important}[data-left='165']{left:165px!important}[data-left='160']{left:160px!important}[data-left='155']{left:155px!important}[data-left='150']{left:150px!important}[data-left='145']{left:145px!important}[data-left='140']{left:140px!important}[data-left='135']{left:135px!important}[data-left='130']{left:130px!important}[data-left='125']{left:125px!important}[data-left='120']{left:120px!important}[data-left='115']{left:115px!important}[data-left='110']{left:110px!important}[data-left='105']{left:105px!important}[data-left='100']{left:100px!important}[data-left='95']{left:95px!important}[data-left='90']{left:90px!important}[data-left='85']{left:85px!important}[data-left='80']{left:80px!important}[data-left='75']{left:75px!important}[data-left='70']{left:70px!important}[data-left='65']{left:65px!important}[data-left='60']{left:60px!important}[data-left='55']{left:55px!important}[data-left='50']{left:50px!important}[data-left='45']{left:45px!important}[data-left='40']{left:40px!important}[data-left='35']{left:35px!important}[data-left='30']{left:30px!important}[data-left='25']{left:25px!important}[data-left='20']{left:20px!important}[data-left='15']{left:15px!important}[data-left='10']{left:10px!important}[data-left='5']{left:5px!important}}.loader{position:absolute;z-index:900;left:50%;margin-left:-70px;width:140px;height:40px;animation:opacity-fade 2s}.tunermain .loader{background:#fff;border-radius:10px;padding:10px 30px;margin-left:0;top:150px;left:100px}.headstock2 .loader{top:30px}.loader-inner{width:100px;height:40px;margin:0;padding:0}.tunermain .loader-inner{position:relative;top:13px;left:-10px}.loader li{border-radius:50%;display:inline-block;width:20px;height:20px;position:relative}.loader li:nth-child(1){left:0;background:#66e5cc;animation:bounce .5s ease-in-out infinite}.loader li:nth-child(2){left:20px;background:#4ce0c3;animation:bounce .5s ease-in-out infinite 125ms}.loader li:nth-child(3){left:40px;background:#32dbba;animation:bounce .5s ease-in-out infinite .25s}.loader li:nth-child(4){left:60px;background:#23ccab;animation:bounce .5s ease-in-out infinite 375ms}@keyframes bounce{50%{transform:translateY(-50%)}100%{transform:translateY(0)}}@keyframes opacity-fade{0%{opacity:0}10%{opacity:0}100%{opacity:1}}.tuning-links{background:#fff;border:1px solid #444;border-radius:4px;color:#444;font-size:18px;text-align:center;padding:5px 16px 5px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.tuning-links-wrapper{display:inline-block;position:relative;top:-228px;left:95px}.tuning-links-wrapper::after{content:'▼';position:absolute;top:0;right:0;bottom:0;font-size:9px;line-height:30px;margin-right:8px;color:#444;pointer-events:none;transform:scaleY(.8)}@media (max-width:767px){.tuning-links-wrapper{top:-211px;left:265px}.tuning-links{font-size:15px}}.fretboard{width:100%;top:0}.fret{opacity:0}.fret.fret--on{opacity:1!important}.fret.fret--root{font-weight:600;border:2px solid #000;height:35px;width:35px;line-height:36px;margin:-1px 0 0 -1px;z-index:20}.bridge,.fret{position:absolute;color:#000;font-size:19px;line-height:38px;background:#ddd;border-radius:50%;width:37px;height:37px;text-align:center;z-index:10}.chords .fret{background:#ff7f7f}.namer .fret{background:#ff9b56;cursor:pointer}@media (hover:hover){.namer .fret:hover{opacity:.65}}.scales .fret{background:#f9dc12}.arpeggios .fret{background:#64e65d}.neck{position:absolute;color:#000;font-size:16px;width:30px;text-align:center}.fret-numbers{font-family:'Courier New',monospace;font-weight:600;font-size:12px;letter-spacing:-1px;color:#000}.fret-number{position:absolute;z-index:1;width:20px;height:20px;line-height:12px;border-radius:50%;background:#46d2b8;display:flex;align-items:center;align-content:center;justify-content:center}.fret-number::after{text-align:center;font-size:11px;position:absolute;height:11px;width:32px;background:#4ce0c3;border-radius:2px;transform:rotate(1deg);left:-6px;display:none}.arpeggios .fret-number::after,.scales .fret-number::after{display:block}.fret-number[data-num='3']::after{content:'3';top:86px}.fret-number[data-num='5']::after{content:'5';top:88px}.fret-number[data-num='7']::after{content:'7';top:90px}.fret-number[data-num='10']::after{content:'10';top:93px}[data-num='10'].fret-number>span{position:relative;left:-.5px}[data-fret='-1'].fret,[data-fret='-1'].fret--on~.bridge{font-size:0;display:inline-block;overflow:hidden}[data-fret='-1'].fret--on~.bridge::after,[data-fret='-1'].fret--on~.bridge::before,[data-fret='-1'].fret::after,[data-fret='-1'].fret::before{content:'';position:absolute;height:5px;width:80%;top:50%;left:0;background:#444;transform:rotate(45deg);margin:-3px 0 0 3px}[data-fret='-1'].fret--on~.bridge::before,[data-fret='-1'].fret::before{transform:rotate(135deg)}[data-fret='0'].fret.fret--on{opacity:.85!important}[data-num='3'].fret-number{top:107px;left:479.5px}[data-num='5'].fret-number{top:108px;left:598.5px}[data-num='7'].fret-number{top:108.5px;left:702px}[data-num='10'].fret-number{top:109px;left:843px}[data-string='0'].string>[data-fret='-1'].fret{top:155px}[data-string='0'].string>[data-fret='0'].fret{top:155px}[data-string='0'].string>[data-fret='1'].fret{top:155px}[data-string='0'].string>[data-fret='2'].fret{top:156px}[data-string='0'].string>[data-fret='3'].fret{top:158px}[data-string='0'].string>[data-fret='4'].fret{top:159px}[data-string='0'].string>[data-fret='5'].fret{top:159px}[data-string='0'].string>[data-fret='6'].fret{top:160px}[data-string='0'].string>[data-fret='7'].fret{top:160px}[data-string='0'].string>[data-fret='8'].fret{top:161px}[data-string='0'].string>[data-fret='9'].fret{top:162px}[data-string='0'].string>[data-fret='10'].fret{top:162px}[data-string='0'].string>[data-fret='11'].fret{top:162px}[data-string='0'].string>[data-fret='12'].fret{top:162px}[data-string='0'].string>.bridge{top:164px}[data-string='0'].string>.neck{top:148px;left:176px}[data-string='1'].string>[data-fret='-1'].fret{top:119px}[data-string='1'].string>[data-fret='0'].fret{top:119px}[data-string='1'].string>[data-fret='1'].fret{top:119px}[data-string='1'].string>[data-fret='2'].fret{top:119px}[data-string='1'].string>[data-fret='3'].fret{top:119px}[data-string='1'].string>[data-fret='4'].fret{top:120px}[data-string='1'].string>[data-fret='5'].fret{top:120px}[data-string='1'].string>[data-fret='6'].fret{top:120px}[data-string='1'].string>[data-fret='7'].fret{top:121px}[data-string='1'].string>[data-fret='8'].fret{top:121px}[data-string='1'].string>[data-fret='9'].fret{top:122px}[data-string='1'].string>[data-fret='10'].fret{top:122px}[data-string='1'].string>[data-fret='11'].fret{top:122px}[data-string='1'].string>[data-fret='12'].fret{top:122px}[data-string='1'].string>.bridge{top:122px}[data-string='1'].string>.neck{top:155.5px;left:66px}[data-string='2'].string>[data-fret='-1'].fret{top:82px}[data-string='2'].string>[data-fret='0'].fret{top:82px}[data-string='2'].string>[data-fret='1'].fret{top:82px}[data-string='2'].string>[data-fret='2'].fret{top:82px}[data-string='2'].string>[data-fret='3'].fret{top:82px}[data-string='2'].string>[data-fret='4'].fret{top:82px}[data-string='2'].string>[data-fret='5'].fret{top:82px}[data-string='2'].string>[data-fret='6'].fret{top:82px}[data-string='2'].string>[data-fret='7'].fret{top:82px}[data-string='2'].string>[data-fret='8'].fret{top:82px}[data-string='2'].string>[data-fret='9'].fret{top:82px}[data-string='2'].string>[data-fret='10'].fret{top:82px}[data-string='2'].string>[data-fret='11'].fret{top:82px}[data-string='2'].string>[data-fret='12'].fret{top:82px}[data-string='2'].string>.bridge{top:82px}[data-string='2'].string>.neck{top:56px;left:66px}[data-string='3'].string>[data-fret='-1'].fret{top:45px}[data-string='3'].string>[data-fret='0'].fret{top:45px}[data-string='3'].string>[data-fret='1'].fret{top:45px}[data-string='3'].string>[data-fret='2'].fret{top:45px}[data-string='3'].string>[data-fret='3'].fret{top:44px}[data-string='3'].string>[data-fret='4'].fret{top:43px}[data-string='3'].string>[data-fret='5'].fret{top:43px}[data-string='3'].string>[data-fret='6'].fret{top:42px}[data-string='3'].string>[data-fret='7'].fret{top:42px}[data-string='3'].string>[data-fret='8'].fret{top:41px}[data-string='3'].string>[data-fret='9'].fret{top:41px}[data-string='3'].string>[data-fret='10'].fret{top:41px}[data-string='3'].string>[data-fret='11'].fret{top:41px}[data-string='3'].string>[data-fret='12'].fret{top:41px}[data-string='3'].string>.bridge{top:41px}[data-string='3'].string>.neck{top:61.5px;left:176px}[data-fret='-1'].fret{left:282px}[data-fret='0'].fret{left:282px}[data-fret='1'].fret{left:337px}[data-fret='2'].fret{left:406px}[data-fret='3'].fret{left:471px}[data-fret='4'].fret{left:533px}[data-fret='5'].fret{left:591px}[data-fret='6'].fret{left:644px}[data-fret='7'].fret{left:694px}[data-fret='8'].fret{left:742px}[data-fret='9'].fret{left:789px}[data-fret='10'].fret{left:834px}[data-fret='11'].fret{left:877px}[data-fret='12'].fret{left:916px}.bridge{left:970px}.control-keys,.control-types,.positions{text-align:center}.control-keys,.control-types{padding:3px 0}.control-types{position:relative}.control{-webkit-tap-highlight-color:transparent;position:relative;color:#000;width:56px;height:36px;display:inline-block;font-size:19px;padding:3px;margin:6px;background:#ededed;border:0;border-radius:4px}.control:hover{color:#000;cursor:pointer}.control a,.control a:visited{color:#000}.control-type{padding:0 5px;width:auto;font-size:13px;margin:5px}.control--selected{color:#000}.chords .control--selected{background:#ff7f7f}.scales .control--selected{background:#fae344}.arpeggios .control--selected{background:#64e65d}@media (hover:hover){.chords .control:hover{background:#ff7f7f}.scales .control:hover{background:#fae344}.arpeggios .control:hover{background:#64e65d}}@media (max-width:860px){.mq .arpeggios .control-type,.mq .chords .control-type{height:37px;padding:0 3px;margin:5px}.mq .scales .control-type{padding:0 3px;margin:4px}.mq .control-key{width:44px;height:37px;font-size:18px}}@media (max-width:767px){.mq .control-keys,.mq .control-types{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.mq .control-keys{margin-bottom:5px}}