.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}}.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}}.wave{position:absolute;top:35px;left:175px;display:none}.wave--animate{display:inline-block}.wave--animate span{animation:playback-wave 2.05s infinite ease-in-out}.wave span{display:block;bottom:0;width:9px;height:5px;background:#72d6fb;position:absolute}.wave span:nth-child(2){left:11px;animation-delay:.2s}.wave span:nth-child(3){left:22px;animation-delay:.4s}.wave span:nth-child(4){left:33px;animation-delay:.6s}.wave span:nth-child(5){left:44px;animation-delay:.8s}@keyframes playback-wave{0%{height:5px;transform:translateY(0);background:#fff}25%{height:40px;transform:translateY(20px);background:#72d6fb}50%{height:5px;transform:translateY(0);background:#fff}100%{height:5px;transform:translateY(0);background:#fff}}.tunermain .tuning-links-wrapper{top:-36px;left:164px;position:absolute}.tunermain{position:relative;margin:15px auto 0;display:flex;flex-direction:row;flex-wrap:wrap}.tunerhead{text-align:center;margin:40px 35px 25px;position:relative;min-width:400px;max-width:400px;align-self:center;-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}.tunerhead-img{pointer-events:none;z-index:10;position:relative}.tuner-text{width:calc(100% - 500px);margin:15px}.tuner-text-more{width:80%;margin:15px 10%}.tuner-text-more h2{margin:25px 0 -5px}.tuner-text-more h3{margin:25px 0 -5px}.tuner-text,.tuner-text-more{font-size:17px;line-height:1.53;color:#000}.mic-area,.mic-button-wrapper,.playing,.wave{z-index:20}.mic-error{font-size:15px;position:absolute;z-index:15;opacity:0;padding:4px;top:220px;left:90px;width:200px;border-radius:4px;border:4px solid #fff;background:#fff}.mic-error--show{opacity:1}.mic-button-wrapper{position:absolute;top:320px;left:161px}.mic-button{width:75px;height:75px;border-radius:50%;cursor:pointer;background:#444;border:4px solid transparent;transition:.2s ease-out;transition-property:border}.mic-button svg{fill:#72d6fb}.mic-button:hover{border:4px solid #fff}.mic-button--listen::after,.mic-button--listen::before{content:'';position:absolute;top:0;left:0;width:71px;height:71px;pointer-events:none;opacity:0;border:2px solid #72d6fb;border-radius:50%;animation:ripple-in 1.2s ease-out infinite forwards}.mic-button--listen::after{animation-delay:.6s}@keyframes ripple-in{0%{opacity:0;transform:scale(1.7,1.7)}50%{opacity:1}100%{opacity:0;transform:scale(1,1)}}.playing{left:50%;transform:translateX(-50%);position:absolute;top:60px;font-size:54px;color:#72d6fb}.playing-initial{margin:0;font-size:22px;font-weight:400;position:relative;opacity:0}.mic-area{transition:opacity .15s ease-out;opacity:0;position:absolute;top:145px;left:99px;height:139px;width:192px;border-radius:4px;border:4px solid #fff;background:#fff}.mic-area--active{opacity:1}.mic-area>.mic-note{font-size:44px;font-weight:500;color:#444;margin:39px;background:#fff;z-index:2;position:relative}.mic-area>.mic-line{width:10px;height:120px;background:#444;position:relative;top:-142px;left:91px;z-index:1;margin-left:0;transition:margin-left .1s ease-out}.mic-area>.mic-base-bot,.mic-area>.mic-base-top{width:10px;height:14px;background:#444;position:relative;left:91px;top:-142px;z-index:1}.peg{cursor:pointer;position:absolute;z-index:1}[data-string='0'].peg{top:224px;left:0}[data-string='0'].peg:hover{left:-6px}[data-string='1'].peg{top:78px;left:0}[data-string='1'].peg:hover{left:-6px}[data-string='2'].peg{top:78px;left:313px}[data-string='2'].peg:hover{left:319px}[data-string='3'].peg{top:224px;left:313px}[data-string='3'].peg:hover{left:319px}[data-string='0'].peg.open-peg,[data-string='1'].peg.open-peg{left:-30px}[data-string='2'].peg.open-peg,[data-string='3'].peg.open-peg{left:343px}[data-string='0'].peg .peg-label{top:13px;left:18px}[data-string='1'].peg .peg-label{top:13px;left:18px}[data-string='2'].peg .peg-label{top:13px;left:49px}[data-string='3'].peg .peg-label{top:13px;left:49px}.peg-label{font-size:26px;color:#444;z-index:2;position:absolute}@media (max-width:860px){.mq .tuner-text,.mq .tuner-text-more{font-size:16px}}@media (max-width:767px){.mq .tunermain{flex-direction:column;flex-wrap:nowrap}.mq .tuner-text{order:3}.mq .tuner-text-more{margin:15px;order:4}.mq .tuner-text,.mq .tuner-text-more{width:auto;font-size:14px}}@media (max-width:479px){.mq .tunerhead{transform:scale(.8,.8);margin-top:-10px;margin-bottom:-25px}}@media (max-width:374px){.mq .tunerhead{transform:scale(.7,.7);margin-top:-35px;margin-bottom:-50px}}@media (max-width:1023px){html[lang=ru] .tuner-text{font-size:15px}}