@charset "UTF-8";@font-face{font-family:Roboto;font-style:normal;font-weight:200;src:url(../fonts/roboto-light-webfont.woff2) format("woff2"),url(../fonts/roboto-light-webfont.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/roboto-regular-webfont.woff2) format("woff2"),url(../fonts/roboto-regular-webfont.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(../fonts/roboto-medium-webfont.woff2) format("woff2"),url(../fonts/roboto-medium-webfont.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(../fonts/roboto-bold-webfont.woff2) format("woff2"),url(../fonts/roboto-bold-webfont.woff) format("woff")}@font-face{font-family:Chord Symbols;font-style:normal;font-weight:400;src:url(../fonts/chord-symbols.woff2) format("woff2"),url(../fonts/chord-symbols.woff) format("woff")}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,video{display:inline-block;vertical-align:baseline}a{background:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}img{border:0}figure{margin:1em 40px}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}input{line-height:normal}button{border-radius:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box}html{height:100%;overflow-y:scroll}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#303030;font:normal normal 400 16px/24px Roboto,Arial,sans-serif;min-height:100%;touch-action:pan-x pan-y}a,button,input,label,select,textarea{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.lf-spinner{display:none!important}.container.has-header{padding-top:70px}.wrap{margin:0 auto;padding:0 20px;position:relative}.wrap--has-sidebar{align-items:flex-start;display:flex;flex-direction:column;padding-bottom:90px;width:100%}.wrap__main{background:#fff8ec;border-radius:20px;margin:20px 0;padding:0;width:100%}.wrap__aside{flex-shrink:0;min-width:200px;padding-top:20px;width:100%}.header{align-items:center;backface-visibility:hidden;background:#fff;color:#303030;display:flex;font-size:16px;height:70px;justify-content:space-between;left:0;line-height:1;padding:0 20px;position:fixed;right:0;top:0;transform:translateZ(0);width:100%;z-index:100}.header:after{background:rgba(48,48,48,.1);bottom:0;content:"";height:1px;left:0;margin:0 auto;opacity:0;position:absolute;right:0;transition:opacity .3s ease;width:calc(100% - 40px)}.header.has-scrolled:after{opacity:1}.header__games{align-items:center;color:currentColor;display:inline-flex;gap:10px;text-decoration:none;text-transform:capitalize}.header__games svg{height:30px;width:30px}.header__user{display:flex;gap:10px}.header__settings{align-items:center;color:currentColor;display:inline-flex;gap:10px;text-decoration:none}.header__inbox,.header__settings img{display:block;height:50px;width:50px}.header__inbox{background:#fff;border:1px solid rgba(48,48,48,.1);border-radius:100%;color:#303030;position:relative}.header__inbox svg{height:100%;padding:16%;width:100%}.header__inbox span{background:#fe6449;border:3px solid #fff;border-radius:100%;height:16px;position:absolute;right:6px;top:6px;width:16px}.symbols{position:absolute;visibility:hidden;z-index:-1}.account:after{background:#fff;bottom:0;content:"";height:20px;position:fixed;right:0;width:100%;z-index:90}.account__nav{background:#38b8f4;border-radius:8px;bottom:0;display:flex;left:0;margin:10px;padding:10px;position:fixed;width:calc(100% - 20px);z-index:100}.account__nav.is-active{border-top:1px solid rgba(48,48,48,.1);border-top-left-radius:0;border-top-right-radius:0}.account__nav button{background:none;border:0;border-radius:8px;color:#002d43;cursor:pointer;flex-grow:1;font-size:18px;font-weight:500;margin:0;padding:8px;text-align:center}.account__nav button.is-active{background:#fff}.account__header{align-items:center;display:flex;justify-content:space-between;margin:60px 0 30px}.account__header:first-child{margin-top:0}.account__header h2{font-size:22px;font-weight:500;line-height:25px;margin:0}.account__header a{align-items:center;color:#38b8f4;display:inline-flex;font-size:14px;gap:10px;line-height:18px;text-decoration:none}.account__header svg{fill:currentColor;height:16px;width:16px}.account__wrap{background:#fff;border-radius:8px;display:flex;flex-direction:row;flex-wrap:wrap}.account__wrap:last-child{margin-bottom:auto}.account__item{align-items:center;display:flex;flex-direction:row;gap:10px;height:100px;padding:10px;position:relative;width:50%}.account__item:first-child:before{background:rgba(48,48,48,.1);content:"";height:calc(100% - 20px);position:absolute;right:-1px;top:10px;width:1px}.account__item.is-full,.account__item:nth-child(odd):last-child{width:100%}.account__item.is-full:first-child:before,.account__item:nth-child(odd):last-child:first-child:before{display:none}.account__item.is-full:before,.account__item:nth-child(odd):last-child:before{background:rgba(48,48,48,.1);content:"";height:1px;left:10px;position:absolute;top:-1px;width:calc(100% - 20px)}.account__item.is-full img,.account__item.is-full svg,.account__item:nth-child(odd):last-child img,.account__item:nth-child(odd):last-child svg{height:80px;width:80px}.account__item.disabled div{opacity:.3}.account__item.disabled img,.account__item.disabled svg{filter:grayscale(1);opacity:.2}.account__item strong{display:block;font-size:18px;font-weight:500;margin:0 0 2px}.account__item span{display:block;font-size:14px;line-height:18px;opacity:.6}.account__item img,.account__item svg{flex-shrink:0;height:50px;width:50px}.account__item small{background:#b6edc7;border-radius:15px;color:#0c9452;font-size:1em;font-weight:700;padding:.2em .6em;position:absolute;right:.625em;top:.625em}.account__badges{background:#a2e2ff;border-radius:8px;text-align:center}.account__scores,.account__settings{background:#38b8f4;border-top-left-radius:8px;border-top-right-radius:8px;bottom:60px;left:10px;padding:20px 20px 30px;position:fixed;transform:translateY(100%);transition:transform .3s ease;width:calc(100% - 20px);z-index:90}.account__scores.is-active,.account__settings.is-active{transform:none}.account__scores a,.account__scores button,.account__settings a,.account__settings button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:flex;font-size:18px;font-weight:400;line-height:23px;padding:10px 0;position:relative;text-decoration:none}.account__scores span,.account__settings span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account__scores small,.account__settings small{color:#303030;font-size:14px;margin:0 0 0 10px;opacity:.3}.account__scores svg:first-child,.account__settings svg:first-child{flex-shrink:0;height:30px;margin-right:20px;width:30px}.account__scores span+svg,.account__settings span+svg{fill:#0b6791;display:none;height:13px;position:absolute;right:15px;width:8px}.account__scores .active svg:first-child,.account__settings .active svg:first-child{color:#002d43}.account__scores a:first-child{display:none}.account__scores a,.account__scores button,.account__settings a,.account__settings button{color:#02334b}.account__settings .active{color:#002d43}.account__settings .active svg:first-child{color:currentColor}.is-theme-auth .header{display:none!important}.is-theme-auth .container{padding-top:0!important}.auth{margin:0 auto;padding:0 20px 20px;width:100%}.auth__locale{align-items:center;display:inline-flex;gap:10px;margin:0;padding:0;position:absolute;right:20px;top:130px;z-index:1}.auth__locale select{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.auth__locale span{font-size:14px}.auth__locale svg{height:13px;pointer-events:none;transform:rotate(-90deg);width:8px}.auth__intro{background:#c3ecff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:120px;margin:0 -20px;overflow:hidden;position:relative}.auth__intro h1{color:#fff;font-size:30px;font-weight:700;line-height:1;margin:0;padding:20px;position:relative;z-index:1}.auth__intro h1 span{display:block}.auth__intro h1 svg{height:23px;width:64px}.auth__intro p{color:#38b8f4;display:none;margin:0;position:relative;z-index:1}.auth__intro>img:last-child{bottom:0;height:320px;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;position:absolute;right:-10%;width:250px}.auth__form{font-size:20px;padding:40px 0;position:relative}.auth__form>*{margin:0 auto}.auth__form h2{font-size:30px;line-height:32px;margin-bottom:20px}.auth__form p{color:#595959;font-size:1em;line-height:1.6;margin-bottom:1em}.auth__form .error{color:#ea6c56;display:block;margin:10px 0 0}.auth__group,.auth__options{margin-bottom:1em;position:relative}.auth__field{position:relative}.auth__field label{font-size:12px;font-weight:400;left:14px;opacity:.3;pointer-events:none;position:absolute;top:-2px}.auth__field input{background:#fff;border:1px solid rgba(48,48,48,.1);border-radius:8px;color:#303030;font-size:1em;font-weight:400;outline:0;padding:.7905em .775em .76em;width:100%}.auth__field input:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff}.auth__field input:autofill{box-shadow:inset 0 0 0 1000px #fff}.auth__field input::-moz-placeholder{color:currentColor;font-weight:400;opacity:.3}.auth__field input::placeholder{color:currentColor;font-weight:400;opacity:.3}.auth__field input.has-error{border-color:#fe6449}.auth__field button{background:transparent;border:none;cursor:pointer;margin:0;outline:0;padding:0;position:absolute;right:10px;top:15px}.auth__field button svg{height:30px;padding:15%;width:30px}.auth__button{background:#38b8f4;border:0;border-radius:10px;color:#303030;cursor:pointer;display:block;font-size:18px;font-weight:500;line-height:1.555555;margin:0;outline:0;padding:16px;position:relative;text-align:left}.auth__button[disabled]{opacity:.5}.auth__options{list-style:none;margin:2em auto;padding:0}.auth__options li{margin:0 0 .35em}.auth__options a,.auth__options button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:currentColor;cursor:pointer;font-size:14px;line-height:1.28571429;margin:0;opacity:.6;padding:0;text-decoration:none}.auth__demo{background:#fff8ec;border:0;border-radius:1em;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;padding:.9em;text-align:center}.auth__teams{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin:0 0 20px}.auth__teams button{background:#fff8ec;border:0;border-radius:5px;cursor:pointer;display:inline-block;font-size:18px;font-weight:400;padding:.4444445em 1em}.auth__teams .is-active{background:#303030;color:#fff}.badges__wrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.badges__item{width:calc(50% - 10px)}.badges__current{flex-grow:1;padding:30px;position:relative;z-index:1}.badges__current .badge{left:10px;position:relative}.badges__current .badge:after,.badges__current .badge:before{border-radius:8px;content:"";position:absolute;width:100%}.badges__current .badge:before{background:#eaf8ff;height:calc(100% - 40px);left:-20px;top:20px;z-index:-1}.badges__current .badge:after{background:#ddf4ff;height:calc(100% - 80px);left:-40px;top:40px;z-index:-2}.badges__next{padding:0 30px 30px;position:relative}.badges__next:only-child{flex-grow:1}.badges__next .badge{display:none}.badges__next .badge figure{height:132px;width:132px}.badges__next h3{font-size:14px;font-weight:400;line-height:18px;margin:0 auto 20px;opacity:.6;text-align:center;width:180px}.badges__next svg{fill:#fff;display:block;height:16px;margin:0 auto 30px;transform:rotate(90deg);width:16px}.badges__current .badge,.badges__next .badge{margin:0 auto;max-width:183px}.badges__info small{display:block;font-size:14px;line-height:18px;margin:0 auto;max-width:180px;opacity:.8}.badges__info svg{fill:#fff;display:block;height:16px;margin:30px auto;transform:rotate(90deg);width:16px}.badge{background:#fff;border-radius:8px;height:235px;padding:12px;text-align:center}.badge figure{background:rgba(0,81,135,.03);border-radius:100%;height:132px;margin:0 auto 20px;padding:0;position:relative;width:132px}.badge img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.badge strong{display:block;font-size:18px;font-weight:500;line-height:1.1}.badge strong.disabled{background:#005187;border-radius:6px;font-size:0;height:11px;margin:0 auto 6px;opacity:.05;width:110px}.badge strong.disabled+span{color:#a8cada;opacity:1}.badge span{font-size:14px;opacity:.6}.badge__animation{animation:drift .9s linear forwards;height:300px;left:0;pointer-events:none;position:absolute;top:0;width:100%}.badge__note{color:rgba(89,196,246,.4);position:absolute}.badge__note.is-note-1{height:90px;width:97px}.badge__note.is-note-2{height:79px;width:32px}.badge__note.is-note-3{height:48px;width:30px}.badge__note:first-child{left:-20%;top:10%}.badge__note:nth-child(2){left:20%;top:50%}.badge__note:nth-child(3){left:-10%;top:80%}.badge__note:nth-child(4){left:-20%;top:-10%}.badge__note:nth-child(5){right:10%;top:-10%}.badge__note:nth-child(6){right:0;top:30%}.badge__note:nth-child(7){right:-20%;top:70%}.badge__note:nth-child(8){right:-30%;top:90%}.badge__note svg{animation:rotate 2s linear infinite;display:block;height:100%;width:100%}@keyframes drift{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}75%{opacity:0}to{opacity:0;transform:scale(2)}}.btn{background:#fff;border:0;box-shadow:0 4px 0 0 rgba(0,0,0,.1);color:#222;cursor:pointer;display:block;font-size:1.2222222222em;font-weight:400;margin:0 auto 40px;outline:0;padding:.725em;position:relative;text-align:left;text-decoration:none}.btn--primary{background:#222;color:#fff}.btn--primary[disabled]{background:#e2e5e3;box-shadow:none;color:rgba(0,0,0,.15);cursor:not-allowed}.btn span{display:inline-block}.btn svg:first-child{display:inline-block;height:19px;margin:0 .5em -2px 0;width:19px}.btn span+svg{fill:currentColor;height:100%;margin:1px 1em;position:absolute;right:0;top:0;width:12px}.controls{background:#fff;bottom:0;left:0;padding:0 15px;position:fixed;transition:transform .3s ease;width:100%;z-index:10}.controls.is-hidden{transform:translateY(100px)}.controls.is-hidden.has-timer{transform:translateY(20px)}.controls__wrap{align-items:center;border-top:2px solid rgba(48,48,48,.1);display:flex;flex-direction:row-reverse;gap:10px;justify-content:center;padding:19px 0}.controls__cta{align-items:center;background:transparent;border:0;border-radius:10px;color:rgba(48,48,48,.6);cursor:pointer;display:inline-flex;font-size:14px;gap:10px;height:60px;margin:0;outline:0;text-decoration:none;transition:background .3s ease,color .3s ease}.controls__cta--primary{background:#38b8f4;color:#303030;font-size:18px;font-weight:500;line-height:25px;min-width:unset!important;padding:21px}.message .controls__cta--primary{background:#303030;color:#fff}.controls__cta.is-toggled svg{transform:rotate(180deg)}.controls__cta:disabled{background:#fff8ec;color:rgba(48,48,48,.3);pointer-events:none}.controls__cta svg{flex-shrink:0;height:20px;transition:transform .3s ease;width:20px}.controls__cta span{line-height:1}.controls__pause{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#38b8f4;border:0;border-radius:50%;cursor:pointer;display:block;height:60px;margin:0;outline:0;padding:0;position:relative;width:60px}.controls__pause svg{display:block;height:100%;padding:20px;width:100%}.controls__pause.is-paused svg{padding:20px 18px 20px 22px}.has-controls{padding-bottom:100px}.course{flex-direction:column;gap:10px}.course,.course__item{display:flex}.course__progress{align-items:center;display:flex;flex-shrink:0;position:relative;width:40px}.course__progress:after,.course__progress:before{background:rgba(48,48,48,.1);content:"";height:50%;left:10px;position:absolute;width:2px}.course__progress:before{top:-5px}.course__progress:after{bottom:-5px}.course__status{background:#fff;border-radius:100%;display:block;height:20px;margin:0;padding:0;position:relative;width:20px;z-index:1}.course__status:empty{border:2px solid rgba(48,48,48,.1)}.is-playing .course__status{background:#303030;height:30px;margin:0 0 0 -5px;width:30px}.is-completed .course__status{height:30px;margin:0 0 0 -2.5px;width:30px}.course__item:first-child .course__progress:before,.course__item:last-child .course__progress:after{display:none}.course__item.is-completed .course__status,.course__item.is-completed+.is-completed .course__progress:before,.course__item.is-completed+.is-playing .course__progress:before,.course__item.is-completed:has(+.is-completed,+.is-playing) .course__progress:after{background:#38b8f4}.course__active,.course__completed{color:#fff;height:100%;margin:0;position:absolute;width:100%;z-index:2}.course__completed{padding:7px}.course__active{padding:9px 8px 9px 11px}.course__animation{background:transparent!important;height:90px;margin:-30px 0 0 -15px;width:90px!important}.games{padding:0 10px}.games__container{backface-visibility:hidden;background:#fff;margin:0 -10px;padding:48px 10px;position:relative}.games__container.has-corners{border-top-left-radius:30px;border-top-right-radius:30px;margin-top:0;min-height:calc(100vh - 70px);transition:margin-top .3s ease;z-index:1}.games__container.has-loaded{margin-top:-180px}.games__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;margin:0;padding:0;position:absolute;right:20px;top:30px;z-index:10}.games__close svg{display:block;height:18px;width:18px}.games__wrap{margin:0 auto;padding:0 10px;position:relative}.games__hero{border-radius:20px;color:#fff;font-size:18px;font-weight:500;height:230px;line-height:23px;margin:0 auto 10px;max-width:1120px;overflow:hidden;padding:10px 20px;position:relative}.games__hero .games__wrap{display:flex;flex-direction:column;height:100%;justify-content:flex-end;position:relative;z-index:1}.games__hero h1{font-size:1em;font-weight:500;margin:0}.games__hero button,.games__hero p{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;font-size:1em;margin:0;padding:0;text-align:left}.games__hero button{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;gap:10px;line-height:18px;margin:5px 0}.games__hero button svg{fill:currentColor;height:16px;width:16px}.games__hero__logo{background:#fff;border-radius:100%;height:80px;margin:0 0 10px;overflow:hidden;padding:0;width:80px}.games__hero__logo img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.games__hero__illustration{background:#fff8ec;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.games__header{height:210px;margin:0 -10px;position:relative}.games__header:before{content:"";height:350px;left:0;position:fixed;top:0;width:100%;z-index:-1}.games__header:after{background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;bottom:0;content:"";height:30px;pointer-events:none;position:absolute;width:100%}.games__header .games__wrap{display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:0 20px 50px}.games__header__content{position:relative;z-index:1}.games__header__content h1{font-size:30px;line-height:28px;margin:0 0 5px;max-width:calc(100% - 100px)}.games__header__content p{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:18px;margin:0 0 15px;overflow:hidden}.games__header__options{display:flex;gap:15px;margin:15px 0 0}.games__header__options .checkbox-toggle{background:hsla(0,0%,100%,.3)}.games__header__options label{background:rgba(48,48,48,.3)}.games__header__options button{background:hsla(0,0%,100%,.3);border:0;border-radius:100%;cursor:pointer;height:30px;margin:0;outline:0;padding:0;width:30px}.games__header__options svg{height:100%;padding:27%;width:100%}.games__header__illustration{bottom:20px;height:120px;position:absolute;right:0;width:120px}.games__header__illustration+img{background:#fff;border-radius:8px;bottom:-20px;height:125px;mix-blend-mode:luminosity;-o-object-fit:cover;object-fit:cover;opacity:.7;overflow:hidden;position:absolute;right:10px;transform:rotate(10deg);width:125px}.games__options{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px}.games__options button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;margin:0;padding:21px 15px 19px}.games__options button svg{display:block;height:20px;width:20px}.games__practice{align-items:center;display:flex;font-size:14px;gap:10px}.games__practice span:first-child{opacity:.6}.games__search{background:#fff;border:1px solid rgba(48,48,48,.1);border-radius:8px;color:#595959;display:flex;margin:0 0 15px;overflow:hidden;position:relative}.games__search>svg{height:20px;left:14px;position:absolute;top:20px;width:20px}.games__search input{border:0;color:#595959;font-size:18px;line-height:32px;margin:0;outline:0;padding:13px 20px 13px 50px;width:100%}.games__search button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;margin:0;outline:0;padding:0 14px}.games__search button svg{display:block;height:13px;width:13px}.games__results{margin:20px 0}.games__section{padding:0 0 30px}.games__section h2{font-size:22px;font-weight:500;line-height:25px;margin:0 0 15px}.games__section h2:first-letter{text-transform:uppercase}.game{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding-top:70px;text-align:center}.game--is-practice{padding-top:107px}.game__wrap{padding-bottom:1.25em;padding-top:1.25em;width:100%;z-index:2}.game__overflow{align-items:flex-end;background:linear-gradient(180deg,rgba(255,251,249,0),#fff 65%);bottom:0;display:flex;height:100px;left:0;pointer-events:none;position:fixed;width:100%;z-index:9}.game__overflow svg{fill:currentColor;display:block;height:18px;margin:0 auto 10px;width:30px}.game__question{font-size:25px;font-weight:500;line-height:30px;margin:30px 0}.game__note{position:relative}.game__note.is-grandstaff{margin:24px 0}.game__note.is-disabled{padding-bottom:45px}.game__chord{font-family:Chord Symbols;font-size:32px;margin:0 0 40px}.game__theory__text{font-size:1.25em;font-weight:500;line-height:1.2em;margin:-20px 0 60px}.game__theory__image{margin:0 0 40px}.game__theory__image img{max-height:100px;max-width:100%;width:auto}.game__quiz__media{margin:0 0 40px}.game__quiz__media__item{height:auto;margin:0 auto;max-width:100%}.game__quiz__audio{align-items:center;display:flex;font-size:20px;justify-content:center;margin:0 0 40px}.game__quiz__audio__item{margin:0 .9em}.game__quiz__audio__item strong{display:block;font-weight:500;margin:0 0 .5em}.game__quiz__audio__item button{margin:0}.game__answers{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;justify-content:center;width:100%}.is-musicxml+.game__answers{margin-bottom:1em}.game__answer{background:#fff;border:2px solid #e7e7e7;border-radius:12px;box-shadow:0 4px 0 0 rgba(0,0,0,.1);cursor:pointer;display:block;font-size:1.25em;font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.2em;margin:0;outline:0;padding:1.125em 1em;position:relative;word-break:break-word}.game__answers--has-audio .game__answer{padding:1.125em 1.43em}.game__answer.has-feedback[disabled],.game__answer.is-selected[disabled]{opacity:1}.game__answer[disabled]{opacity:.5;pointer-events:none}.game__answer__name{display:block}.game__answer__chord{font-family:Chord Symbols}.game__answer__image{height:120px;width:100%}.game__answer__image img{display:block;height:100%;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.game__answer__signature{height:60px;margin:0 10px}.game__answer svg{width:100%}.game__answer .tone{background:none}.game__answer--is-correct{background:#cafbd9;border:2px solid #8ccfa1;box-shadow:0 4px 0 0 #8ccfa1}.game__answer--is-incorrect.is-selected{background:#ffbaae;border:2px solid #ffa697;box-shadow:0 4px 0 0 #ffa697}.game__proposal{position:relative}.game__proposal label{font-size:12px;left:20px;opacity:.4;pointer-events:none;position:absolute;top:0}.game__proposal textarea{background:#fff;border:1px solid rgba(48,48,48,.1);border-radius:8px;color:currentColor;display:block;font-size:18px;margin:0 auto 1em;min-height:200px;outline:0;padding:1em;resize:none;width:100%}.game__feedback.is-loaded ins{opacity:0;transform:translateY(-30px)}.game__feedback.is-bottom .vue-lottie-player{bottom:-45px;left:50%;margin:0 0 0 -45px;right:unset;top:unset}.game__feedback ins{color:#39b05d;font-size:40px;font-weight:700;left:0;line-height:42px;opacity:1;position:absolute;text-decoration:none;top:-20px;transition:opacity 1s ease,transform .7s linear;width:100%;z-index:1}.game__feedback .vue-lottie-player{background:transparent;height:90px;margin:0;pointer-events:none;position:absolute;right:-20px;top:-45px;width:90px;z-index:1}.game__feedback .vue-lottie-player>div{all:unset!important}.piano .game__feedback .vue-lottie-player{left:0;right:unset;transform:scale(2);width:100%;z-index:2}.game--is-rhythm .game__note .vexflow{display:inline-block;margin:0 auto;width:auto}.game--is-note .game__question{margin-bottom:0}.game--is-note .game__note{margin-top:20px}.game--is-theory .game__note{margin-top:-40px}.inbox__group{background:#fff;border-radius:8px;margin:0 0 60px}.inbox__item{align-items:center;color:#303030;display:flex;flex-direction:row;font-size:18px;justify-content:space-between;line-height:25px;padding:24px 20px;position:relative;text-decoration:none}.inbox__item:before{background:rgba(48,48,48,.1);content:"";height:1px;left:20px;position:absolute;top:-1px;width:calc(100% - 40px)}.inbox__item:first-child:before{display:none}.inbox__item strong{color:#0194da;font-weight:500}.inbox__item svg{height:30px;width:30px}.inbox__item span{background:#fe6449;border:3px solid #fff;border-radius:100%;height:16px;position:absolute;right:18px;top:22px;width:16px}.is-read .inbox__item,.is-read .inbox__item strong{color:rgba(48,48,48,.3);font-weight:400}.inbox__content{background:#fff;border-radius:8px;font-size:18px;line-height:25px;padding:25px}.inbox__content h1{font-size:30px;font-weight:500;line-height:34px;margin:0 0 24px}.inbox__content h2{font-size:22px;font-weight:500;line-height:32px;margin:0 0 30px}.inbox__content h3,.inbox__content h4,.inbox__content h5,.inbox__content h6{font-size:1em;font-weight:500;margin:0}.inbox__content p{margin:0 0 1em}.inbox__content p:last-child{margin:0}.inbox__content ol,.inbox__content p,.inbox__content ul{margin:0 0 1em}.inbox__content strong{font-weight:500}.inbox__content a{color:#29a8e3;text-decoration:underline}.inbox__content .video,.inbox__content img{margin:40px 0!important}.inbox__content img{display:block;height:auto;width:100%}.inbox__content :last-child{margin-bottom:0!important}.loading{animation-duration:6s;animation-iteration-count:infinite;animation-name:loading;backface-visibility:visible;height:80px;left:50%;margin:0 0 0 -40px;position:absolute;top:50%;width:80px}@keyframes loading{0%,to{color:#ea6c56;transform:rotate(0deg) scaleX(1)}12.5%{color:#7498f9;transform:rotate(180deg) scaleX(-1)}25%{color:#fd87b1;transform:rotate(180deg) scaleX(1)}37.5%{color:#c9de66;transform:rotate(0deg) scaleX(-1)}50%{color:#38b8f4;transform:rotate(0deg) scaleX(1)}62.5%{color:#ff915b;transform:rotate(180deg) scaleX(-1)}75%{color:#75dcaf;transform:rotate(180deg) scaleX(1)}87.5%{color:#ffd66f;transform:rotate(0deg) scaleX(-1)}}.modal{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(48,48,48,.8);flex-direction:column;height:100vh;height:100dvh;justify-content:flex-end;left:0;margin:0;overflow:hidden;padding:10px;position:fixed;right:0;top:0;z-index:101}.modal,.modal__wrap{display:flex;width:100%}.modal__wrap{background:#fff;border-radius:20px;position:relative;z-index:1}.modal__content,.modal__wrap{margin:0 auto;text-align:center}.modal__content{max-width:520px;padding:32px}.modal__content svg:first-child{background:#fe6449;border-radius:100%;display:block;height:50px;margin:0 auto 20px;padding:10px;width:50px}.modal__content h2{font-size:30px;line-height:32px;margin:0 0 10px}.modal__content p{color:#595959;font-size:18px;line-height:25px;margin:0}.modal__content p+svg{animation:rotate 1.5s linear infinite;display:block;height:30px;margin:30px auto 0;width:30px}.modal__content input{border:2px solid #e7e7e7;border-radius:10px;display:block;margin:30px 0 0;max-width:100%;outline:0;padding:16px;width:100%}.modal__content input::-moz-placeholder{color:#ccc}.modal__content input::placeholder{color:#ccc}.modal__content a{color:currentColor;text-decoration:underline}.modal__content .auth__teams{margin:30px 0 0;position:relative}.modal__button,.modal__cancel,.modal__cta{background:none;border:0;border-radius:10px;cursor:pointer;display:inline-block;font-size:18px;font-weight:500;line-height:28px;margin:30px 2px 0;min-width:100px;padding:16px}.modal__button:disabled,.modal__cancel:disabled,.modal__cta:disabled{opacity:.5;pointer-events:none}.modal__cta{background:#fe6449}.modal__button,.modal__cancel{background:#fff8ec}.modal__button{background:none;font-size:14px;padding:0}.modal__close{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;height:30px;justify-content:center;margin:0;outline:0;padding:0;position:absolute;right:10px;top:10px;width:30px;z-index:1}.modal__close svg{height:13px;width:13px}.has-modal-overflow{overflow:hidden}.has-modal-overflow .modal{-webkit-overflow-scrolling:touch;display:block;overflow:auto}.modal{transition:opacity .25s ease}.modal__wrap{transition:opacity .2s ease,transform .25s ease}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal__wrap,.modal-leave-active .modal__wrap{opacity:0;transform:translateY(40px)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message{align-items:center;display:flex;min-height:calc(100vh - 70px);position:relative;width:100%;z-index:2}.game--is-practice .message{min-height:calc(100vh - 107px)}.games+.message{align-items:flex-start;min-height:calc(100vh - 280px)}.message__wrap{font-size:18px;font-weight:300;line-height:25px;margin:1em auto;padding:0 1em;width:100%}.message__wrap .vue-lottie-player{background:transparent!important}.message__wrap h1,.message__wrap h2{font-size:24px;font-weight:500;line-height:25px;margin:0 0 .5em}.message__wrap h3,.message__wrap h4,.message__wrap h5,.message__wrap h6{font-size:1em;font-weight:500;margin:0}.message__wrap ol,.message__wrap p,.message__wrap ul{margin:0 0 1em}.message__wrap strong{font-weight:500}.message__wrap a{color:currentColor;text-decoration:underline}.message__wrap iframe{display:block;height:auto;margin:40px auto;max-width:100%}.message__wrap img{display:block;height:auto;margin:0 auto;max-width:100%}.message__completed{margin:0 auto;max-width:710px;text-align:left;width:100%}.message__completed h2{margin:0 0 20px}.message__completed>a{align-items:center;display:inline-flex;font-size:14px;gap:10px;line-height:18px;margin:10px 0 40px;text-decoration:none}.message__completed>a svg{fill:currentColor;height:16px;width:16px}.message__card{background:#fff;border-radius:20px;padding:20px;position:relative}.message__game{align-items:center;display:flex;gap:10px}.message__game img{border-radius:8px;display:block;flex-shrink:0;height:50px;margin:0;width:50px}.message__game strong{display:block;font-size:18px;font-weight:500;line-height:24px}.message__game small{display:block;font-size:14px;line-height:18px;margin:0 0 7px;opacity:.3}.message__game .vue-lottie-player{height:90px;position:absolute;right:0;width:90px}.message__content{margin:0 auto;text-align:left}.message__levels{flex-wrap:wrap;gap:10px;margin:0 auto 20px;text-align:center}.message__level,.message__levels{display:flex;justify-content:center}.message__level{align-items:center;background:#303030;border-radius:100%;color:#fff;font-size:15px;font-weight:400;height:40px;opacity:.2;transition:opacity .3s ease;width:40px}.message__level.is-completed{opacity:1}.is-active .message__level{opacity:.2}.message__stats{border-top:1px solid rgba(48,48,48,.1);display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;margin:20px auto 0}.message__stats div{border-right:1px solid rgba(48,48,48,.1);flex:1;margin:20px 0;text-align:center}.message__stats div:last-child{border-right:none}.message__stats strong{display:block;font-size:14px;font-weight:400;line-height:18px;margin:0 0 .5em;opacity:.6;text-transform:lowercase}.message__stats span{font-size:30px;font-weight:700;line-height:32px}.message__badge h2{margin:0 0 2em}.message__badge .badges__next h3{font-size:18px;margin:60px auto 30px;text-align:center;width:unset}.has-message{font-size:18px;font-weight:400;line-height:25px}.has-message h1,.has-message h2{font-size:24px;font-weight:500;line-height:25px;margin:0 0 .5em}.has-message p{margin:0 0 1em}.is-animation{height:300px;margin:40px auto 0;width:300px}.is-loading{height:90px;margin:40px auto 0;width:90px}.has-message+.feedback{pointer-events:none}.has-message+.feedback .feedback__pause,.has-message+.feedback .feedback__status p{display:none}.metronome__illustration{margin:30px auto;position:relative}.metronome__illustration svg{display:block;height:55vh;margin:0 auto;overflow:visible}.metronome__needle{transform-origin:bottom;transition:transform .3s ease-in-out}.metronome__bpm{font-size:20px;font-weight:400;margin:24px 0;text-align:center}.metronome__bpm strong{display:block;font-size:60px;font-weight:500;margin:0 0 24px}.metronome__controls{align-items:center;background-color:#fff;bottom:10px;display:flex;flex-direction:row;gap:10px;justify-content:space-between;left:0;margin:0 auto;max-width:750px;padding:0 10px;position:absolute;right:0;width:100%;z-index:1}.metronome__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#38b8f4;border:0;border-radius:50%;cursor:pointer;flex-shrink:0;height:60px;margin:0 auto;outline:0;padding:0;width:60px}.metronome__button svg{height:100%;padding:18px;position:relative;width:100%}.metronome__button svg.is-pausing{left:2px}.metronome__range{align-self:center;display:flex;flex-direction:row;flex-grow:1;gap:10px;width:100%}.metronome__range .range{align-self:center}.metronome__adjust{align-items:center;background:#38b8f4;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:40px;font-weight:500;height:60px;justify-content:center;line-height:1;margin:0;outline:0;padding:0;width:60px}.piano{margin:1em auto;position:relative;width:100%}.piano.is-game{margin:0 auto!important}.piano:after,.piano:before{content:"";height:100%;position:absolute;top:0;width:34px;z-index:2}.piano:before{background-image:linear-gradient(-90deg,hsla(0,0%,100%,0),#fff 77%);left:0}.piano:after{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 77%);right:0}.piano__wrap{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:scroll;padding:24px 0 36px;position:relative;scrollbar-color:#fff #fff;width:100%}.piano__wrap::-webkit-scrollbar{height:0;width:0}.piano__wrap::-webkit-scrollbar-thumb,.piano__wrap::-webkit-scrollbar-track{background:#fff}.no-controls .piano__wrap{justify-content:center}.piano__key{-webkit-touch-callout:none;-webkit-user-drag:none;background:#fff;border:2px solid #e4e9eb;border-radius:8px;box-shadow:0 4px 0 0 #e4e9eb;color:#222;cursor:pointer;flex-shrink:0;font-size:14px;height:16.2109375vw;line-height:1.1428571429em;margin:0 -1px;min-height:120px;outline:0;padding:0;position:relative;touch-action:manipulation;transition:background .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:9.47265625vw}.piano__key:disabled{pointer-events:none}.piano__key.pressed{background:rgba(0,0,0,.1);transition:none}.piano__key[data-key].is-correct{background:#cafbd9;border:1px solid #8ccfa1;box-shadow:0 4px 0 0 #8ccfa1;color:#222}.piano__key[data-key].is-incorrect{background:#ffbaae;border:1px solid #ffa697;box-shadow:0 4px 0 0 #ffa697;color:#222}.piano__key[data-key*="#"]{background:#555;border:0;box-shadow:0 4px 0 0 #303030;color:#fff;height:8.984375vw;margin:0-3.80859375vw;min-height:75px;top:-1.171875vw;width:7.6171875vw;z-index:1}.piano__key[data-key*="#"].pressed{background:#303030;transition:none}.piano__key.show-helmholtz:after{left:0;padding:20px 0 0;position:absolute;top:100%;width:100%}.piano__key.show-helmholtz[data-key="C/1"]:after{content:"‘C"}.piano__key.show-helmholtz[data-key="C/2"]:after{content:"C"}.piano__key.show-helmholtz[data-key="C/3"]:after{content:"c"}.piano__key.show-helmholtz[data-key="C/4"]:after{content:"c’"}.piano__key.show-helmholtz[data-key="C/5"]:after{content:"c’’"}.piano__key.show-helmholtz[data-key="C/6"]:after{content:"c’’’"}.piano__key.show-helmholtz[data-key="C/7"]:after{content:"c’’’’"}.piano__key.out-of-range{background:#e4e9eb;border-color:#e4e9eb;box-shadow:none;color:#e4e9eb;pointer-events:none}.piano__name{bottom:0;font-weight:500;left:0;padding:0 0 .5em;position:absolute;text-align:center;width:100%}.piano__next,.piano__prev{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#38b8f4;border:0;border-radius:100%;cursor:pointer;display:flex;height:50px;justify-content:center;margin:0;outline:0;padding:0;position:absolute;top:-60px;transition:opacity .3s ease-in-out;width:50px;z-index:3}.piano__next:disabled,.piano__prev:disabled{opacity:0;pointer-events:none}.piano__next svg,.piano__prev svg{height:21px;width:21px}.piano__prev{left:0}.piano__next{right:0}.piano__container{flex-direction:column;height:calc(100vh - 70px);padding:0 20px}.piano__container,.piano__header{align-items:center;display:flex;justify-content:center;position:relative}.piano__header{gap:1em;margin:10px 0;top:4px}.piano__header h1{font-size:14px;font-weight:400;margin:0}.piano__header .checkbox-toggle input:checked+label{background:#38b8f4}.progress{background:#303030;flex-direction:row;left:0;margin:0 auto;position:fixed;right:0;top:0;width:100%;z-index:100}.progress:after,.progress:before{background:#303030;clip-path:path("M0 30 V30 Q30 30 30 0 H30 V30z");content:"";height:30px;pointer-events:none;position:fixed;top:70px;width:30px;z-index:3}.game--is-practice .progress:after,.game--is-practice .progress:before{top:107px}.progress:before{left:0;transform:scale(-1)}.progress:after{right:0;transform:scaleY(-1)}.progress__wrap{padding:16px 12px}.progress__practice{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:500;justify-content:space-between;margin:0 0 13px;min-height:23px}.progress__practice__toggle{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:14px;font-weight:400;position:absolute}.progress__practice__toggle .checkbox-toggle{background:hsla(0,0%,100%,.2);border-color:transparent;height:26px;width:45px}.progress__practice__toggle .checkbox-toggle label{background:#303030;height:22px;width:22px}.progress__practice__toggle .checkbox-toggle input:checked+label{left:calc(100% - 23px)}.progress__practice__levels{display:inline;margin:0 0 0 auto;position:relative}.progress__practice__levels select{cursor:pointer;font-size:1rem;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.progress__practice__levels span{display:inline-block;margin:0 .25em 0 0;vertical-align:bottom}.progress__practice__levels svg{fill:currentColor;display:inline-block;height:9px;padding:0;vertical-align:middle;width:16px}.progress__stats,.progress__wiki{align-items:center;display:flex}.progress__wiki{background:#fff;border:0;border-radius:100%;cursor:pointer;flex-shrink:0;height:30px;justify-content:center;margin:0 10px;outline:0;padding:0;width:30px}.progress__wiki[disabled]{opacity:.5;pointer-events:none}.progress__wiki svg{color:#303030;height:17px;width:6px}.progress__levels{display:flex;flex-grow:1;margin:12px 0}.progress__level{background:hsla(0,0%,100%,.5);border-radius:14px;flex-shrink:0;height:14px;margin:0 3px;overflow:hidden;width:14px}.progress__level--is-current{flex-grow:1}.progress__level__fill{background:#fff;border-radius:14px;display:block;height:100%;transition:width .3s ease .1s;width:100%}.progress__level__fill.no-transition{transition:none}.progress__close{background:none;border:0;color:#fff;cursor:pointer;flex-shrink:0;height:20px;margin:0;outline:0;padding:0;width:20px}.progress__close svg{height:100%;width:100%}.progress__score{color:#fff;font-size:22px;font-weight:700;margin:0 0 0 10px}.report{display:flex}.report__item{background:#f4e0d2;border-radius:8px;flex-shrink:0;height:8px;margin:0 2px;overflow:hidden;width:8px}.report__item--is-current{width:24px}.report__item:only-child{width:32px}.report__item__fill{background:#303030;border-radius:8px;display:block;height:100%;width:100%}.retry{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;display:block;height:60px;margin:0;outline:0;overflow:hidden;padding:0;position:relative;width:60px}.retry[disabled] .retry__cta{cursor:not-allowed}.retry__progress{transform:rotate(-90deg) translateZ(0)}.retry__cta{background:#38b8f4!important;cursor:pointer;padding:25%}.retry svg{background:#fff;color:#303030;display:block;height:100%;width:100%}.rhythm__input{align-items:center;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='240' ry='240' stroke='%23E7F0F4' clip-path='circle()' stroke-width='6' stroke-dasharray='22, 22' stroke-dashoffset='11'/%3E%3C/svg%3E");border-radius:100%;cursor:pointer;display:flex;height:240px;justify-content:center;margin:40px auto;overflow:hidden;position:relative;touch-action:none;transition:background .2s ease;width:240px}.rhythm__input svg{pointer-events:none}.rhythm__input span{animation:pow .5s ease;animation-iteration-count:1;background-color:rgba(56,184,244,.5);border-radius:50%;height:200px;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(0);width:200px;z-index:1}@keyframes pow{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}30%{opacity:1}80%{transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.scores__header{margin:0 0 30px}.scores__header h2{font-size:22px;font-weight:500;line-height:25px;margin:0}.scores__header a{align-items:center;color:#38b8f4;display:inline-flex;font-size:14px;gap:10px;line-height:18px;margin:0 0 10px;text-decoration:none}.scores__header svg{fill:currentColor;height:16px;transform:rotate(180deg);width:16px}.scores__table{table-layout:fixed;width:100%}.scores__table th{font-size:14px;font-weight:400;line-height:18px;opacity:.6;padding:0 20px 10px;text-align:left;text-transform:lowercase}.scores__table th:first-child,.scores__table th:first-child+th{display:none}.scores__table tbody+tbody{border-top:60px solid #fff8ec}.scores__table tbody tr:first-child td:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.scores__table tbody tr{border-top:1px solid rgba(48,48,48,.1);position:relative}.scores__table tbody tr:first-child{border:0}.scores__table td{background:#fff;color:#595959;font-size:18px;padding:28px 20px;position:relative}.scores__table td:first-child:before{left:0}.scores__table td:first-child:before,.scores__table td:last-child:after{background:#fff;bottom:-1px;content:"";height:1px;position:absolute;width:20px}.scores__table td:last-child:after{right:0}.scores__table a{color:currentColor;text-decoration:none}.scores__table .is-exam:before{background:#030303;clip-path:polygon(100% 0,100% 100%,50% 66%,0 100%,0 0);content:"";display:inline-block;height:20px;margin:0 8px 0 0;vertical-align:middle;width:16px}.scores__table .bad{color:#ea6c56}.scores__status .report{display:inline-flex}.scores__status .report__item{background:#eee;opacity:.6}.scores__status svg{height:12px;width:18px}.scores__legend{display:flex;font-size:14px;justify-content:space-between;line-height:18px;margin:0 0 10px;opacity:.6;padding:0 85px 0 20px}.scores__list{background:#fff;border-radius:8px;color:#595959;list-style:none;margin:0;padding:0}.scores__item{align-items:center;display:flex;font-size:14px;gap:15px;line-height:18px;opacity:.6}.scores__item--is-rank{flex-shrink:0;width:42px}.scores__item--is-name{flex-grow:1;font-size:18px;line-height:25px;opacity:1}.scores__item--is-score{text-align:right;white-space:nowrap}.scores__item__badge{display:block;height:40px;width:40px}.scores__player{align-items:center;display:flex;flex-direction:row;line-height:32px;padding:15px 20px;position:relative}.scores__player:before{background:rgba(48,48,48,.1);content:"";height:1px;left:20px;position:absolute;top:-1px;width:calc(100% - 40px)}.scores__player:first-child:before{display:none}.scores__player--is-user{background:#fff;border:2px solid #e4e9eb;border-radius:8px;box-shadow:0 4px 0 0 #e4e9eb;font-weight:500;margin:0 -20px 4px;padding:25px 40px}.scores__player--is-user+li:before,.scores__player--is-user:before{display:none}.scores__more__arrow{display:block;height:56px;margin:40px auto;width:12px}.settings{margin-bottom:90px!important}.settings__wrap{background:#fff;border-radius:8px;color:#595959;font-size:18px;line-height:25px;padding:20px;position:relative}.settings__info{align-items:center;bottom:-135px;display:flex;justify-content:space-between;position:absolute;width:calc(100% - 40px)}.settings__info a,.settings__info span{color:#303030;font-size:14px;line-height:18px;opacity:.6;text-decoration:none}.form-group{border-top:1px solid rgba(48,48,48,.1);padding:20px 0}.form-group:first-child{border:0;padding-top:0!important}.form-group strong{color:#303030;display:block;font-size:18px;font-weight:500;line-height:25px;margin:0 0 10px}.form-group strong span{font-weight:400}.form-group p{margin:0 0 20px}.form-group p:last-child{margin-bottom:0}.form-group .range{margin:20px 0}.checkbox-toggle{background:#fff;border:1px solid rgba(48,48,48,.1);border-radius:100px;height:30px;position:relative;transition:background .3s ease;width:50px}.checkbox-toggle.has-label{margin:0 10px 0 0}.checkbox-toggle.has-label,.checkbox-toggle.has-label+label{display:inline-block;vertical-align:middle}.checkbox-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;opacity:0;width:100%}.checkbox-toggle label{align-items:center;background:rgba(48,48,48,.2);border-radius:50%;cursor:pointer;display:flex;height:26px;justify-content:center;left:2px;position:absolute;top:1px;transition:background .3s ease,color .3s ease,left .3s ease;width:26px;z-index:1}.checkbox-toggle svg{height:7px;opacity:0;padding:0;transform:scale(0);transition:all .3s ease;width:10px}.checkbox-toggle input:checked+label{background:#39b05d;left:calc(100% - 29px)}.checkbox-toggle input:checked+label svg{opacity:1;transform:scale(1)}.radio{margin-top:20px}.radio label{display:block;line-height:1;margin:0 0 1em}.radio input{display:none}.radio input+span:after{border-radius:50%;content:"";height:24px;left:3px;position:absolute;top:3px;width:24px}.radio input:checked+span:after{background:#fe6449}.radio span{align-items:center;display:inline-flex;position:relative}.radio span,.radio span:before{height:30px;vertical-align:middle}.radio span:before{border:1px solid #e2e2e2;border-radius:50%;box-sizing:border-box;content:"";display:inline-block;flex-shrink:0;margin:0 1em 0 0;width:30px}.radio-custom label{display:inline-block;margin:0 .5em 0 0}.radio-custom input{display:none}.radio-custom input:checked+span{background:#ea6c56}.radio-custom span{background:#d8d8d8;border-radius:50%;box-shadow:0 4px 0 0 rgba(0,0,0,.1);display:inline-block;font-weight:400;height:30px;line-height:1;padding:.3em 0 .25em;text-align:center;width:30px}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;width:100%}.range:focus{outline:none}.range::-webkit-slider-runnable-track{background-color:#fff;border:1px solid rgba(48,48,48,.1);border-radius:15px;height:30px;padding:1px 2px}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fe6449;border-radius:26px;height:26px;margin-top:0;width:26px}.range::-moz-range-track{border:1px solid rgba(48,48,48,.1);border-radius:15px;height:30px;padding:1px 2px}.range::-moz-range-thumb{background-color:#fe6449;border:none;border-radius:26px;height:26px;width:26px}.soundcheck{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#38b8f4;border:0;border-radius:100%;cursor:pointer;height:60px;margin:0;padding:10px;width:60px}.soundcheck .vue-lottie-player{background:transparent;height:40px;width:40px}.delete{align-items:center;background:none;border:0;color:#fe6449;cursor:pointer;display:inline-flex;font-size:14px;gap:10px;line-height:18px;margin:30px 0 0;padding:0}.delete svg{height:13px;width:13px}.clefs{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0 0}.clefs__item{background:#fff;border:1px solid rgba(48,48,48,.1);border-radius:13px;cursor:pointer;position:relative;width:calc(50% - 10px)}.clefs__item img{display:block;height:78px;margin:0 auto;mix-blend-mode:multiply;padding:10px;width:auto}.clefs__item input{display:none}.clefs .is-active:before{background:#fe6449;border-radius:100%;content:"";height:26px;left:2px;position:absolute;top:2px;width:26px}.sort{flex-direction:column}.sort,.sort__answer{display:flex;flex-wrap:wrap}.sort__answer{align-items:center;flex-direction:row;gap:8px;justify-content:center;margin:0 0 1em;position:relative;row-gap:12px}.sort__answer.has-feedback{padding-bottom:45px}.sort__options{align-items:center;background:#38b8f4;border-radius:8px;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;margin:1em auto;padding:20px;position:relative;row-gap:12px;text-align:center;width:auto}.sort__arrow{border:20px solid transparent;border-bottom-color:#38b8f4;bottom:100%;height:0;left:50%;margin-left:-20px;pointer-events:none;position:absolute;width:0}.sort__button{align-items:center;background:#fff;border:2px solid #e4e9eb;border-radius:12px;box-shadow:0 4px 0 0 #e4e9eb;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;margin:0;min-height:60px;min-width:60px;outline:0;padding:1.125em 1em;position:relative}.sort__button:disabled{cursor:default;pointer-events:none}.sort__button.is-selected{background:#8adaff;border:2px solid #58bfee;box-shadow:0 4px 0 0 #58bfee}.sort__button.active{box-shadow:0 -4px 0 0 #e4e9eb;top:4px}.sort__button.is-default{color:rgba(48,48,48,.2);font-weight:400}.sort__button.is-incorrect{background:#ffbaae;border:2px solid #ffa697;box-shadow:0 4px 0 0 #ffa697}.sort__button img{display:block;max-height:170px;width:auto}.sort--has-images .sort__button{padding:10px}.tiles{margin:0 0 10px}.tiles.has-columns{-moz-column-count:2;column-count:2;-moz-column-gap:10px;column-gap:10px}.tiles.has-scroll{position:relative}.tiles.has-scroll:after,.tiles.has-scroll:before{background:rgba(48,48,48,.2);content:"";height:calc(100% + 20px);pointer-events:none;position:absolute;top:-10px;transition:opacity .3s ease;width:1px;z-index:1}.tiles.has-scroll:before{left:0}.tiles.has-scroll:after{right:0}.tiles.is-end:after,.tiles.is-start:before{opacity:0}.tiles__wrap{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;overflow-x:scroll;position:relative;scroll-snap-type:x mandatory;scrollbar-width:none}.tiles__wrap::-webkit-scrollbar{background:transparent;display:none;width:0}.tiles__item{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff8ec;border:0;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin:0;min-height:74px;overflow:hidden;padding:12px 18px 12px 10px;position:relative;text-align:left;width:100%}.has-scroll .tiles__item{flex-shrink:0;scroll-snap-align:start;width:calc(90% - 15px)}.tiles__item[disabled]{opacity:.5;pointer-events:none}.tiles__item--is-category,.tiles__item--is-collection,.tiles__item--is-course,.tiles__item--is-folder{border-radius:20px;padding:20px}.tiles__item--is-collection,.tiles__item--is-course{align-items:flex-start;background:#ebf6fd;min-height:210px}.tiles__item--is-course,.tiles__item--is-folder{background:#38b8f4}.tiles__item--is-category,.tiles__item--is-folder{min-height:100px}.tiles__illustration{margin:0;padding:0;position:relative}.is-exam .tiles__illustration:after,.is-exam .tiles__illustration:before{background:currentColor;clip-path:polygon(100% 0,100% 100%,50% 60%,0 100%,0 0);content:"";height:30px;position:absolute;right:7px;top:0;width:28px}.is-exam .tiles__illustration:after{opacity:.3;top:7px}.tiles__illustration img{border-radius:8px;display:block;height:50px;width:50px}.tiles__item--is-category .tiles__illustration,.tiles__item--is-folder .tiles__illustration{bottom:0;position:absolute;right:0}.tiles__item--is-category .tiles__illustration img,.tiles__item--is-folder .tiles__illustration img{border-radius:0;height:100px;width:100px}.tiles__item--is-category .tiles__illustration.has-upload img:last-child,.tiles__item--is-folder .tiles__illustration.has-upload img:last-child{background:#fff;border-radius:8px;bottom:-12px;height:80px;mix-blend-mode:luminosity;-o-object-fit:cover;object-fit:cover;opacity:.7;overflow:hidden;position:absolute;right:10px;transform:rotate(10deg);width:80px}.tiles__item--is-course .tiles__illustration{bottom:-30px;position:absolute;right:-50px;transform:rotate(10deg)}.tiles__item--is-course .tiles__illustration img{height:210px;width:210px}.tiles__collage{bottom:-20px;display:flex;margin:0;padding:0;position:absolute;right:80px}.tiles__collage img{border-radius:8px;box-shadow:12px 12px 0 rgba(48,48,48,.2);display:block;height:98px;margin:0 -50px 0 0;position:relative;transform:rotate(-10deg);width:98px;z-index:3}.tiles__collage img+img{z-index:2}.tiles__collage img+img+img{z-index:1}.tiles__content{align-items:center;display:flex;flex-grow:1;justify-content:space-between;position:relative;z-index:1}.has-scroll .tiles__content .report{margin-top:7px}.tiles__content strong{display:block;font-size:18px;font-weight:500;line-height:24px}.tiles__content p{font-size:17px;margin:0 0 5px}.tiles__content em{border:1px solid rgba(48,48,48,.2);border-radius:5px;color:#303030;display:inline-block;font-size:14px;font-style:normal;font-weight:500;line-height:1;opacity:.6;padding:2px 6px}.tiles__content small{display:block;font-size:14px;line-height:18px;margin:0 0 7px;opacity:.3}.tiles__content :last-child{margin-bottom:0}.has-scroll .tiles__content,.tiles__item--is-collection .tiles__content,.tiles__item--is-course .tiles__content{display:block}.tiles__progress svg{height:12px;width:18px}.list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between}.list+.list{margin-top:10px}.list__column{display:flex;flex-direction:column;gap:10px;width:100%}.list__column:only-child{gap:10px}.timer{height:7px;left:0;margin:0 auto;pointer-events:none;position:absolute;right:0;top:-3px;width:calc(100% - 30px);z-index:11}.timer__inner{background:#38b8f4;border-radius:5px;height:100%;max-width:100%;will-change:width}.tone{background:#fff;padding:10px;white-space:nowrap}.wiki__item .tone{align-items:center;display:flex;max-width:unset!important}.tone__images{white-space:nowrap}.tone__image{display:inline-block!important;width:auto}.tone--is-volume.tone--has-2-elements .tone__image,.tone--is-volume.tone--has-3-elements .tone__image{max-height:40px}.tone--is-volume.tone--has-4-elements .tone__image{max-height:30px}.tone--is-volume.tone--has-5-elements .tone__image{max-height:25px}.tone--is-volume.tone--has-6-elements .tone__image{max-height:20px}.tone--is-duration.tone--has-2-elements .tone__image,.tone--is-duration.tone--has-3-elements .tone__image{max-height:70px}.tone--is-duration.tone--has-4-elements .tone__image{max-height:60px}.tone--is-duration.tone--has-5-elements .tone__image{max-height:50px}.tone--is-duration.tone--has-6-elements .tone__image{max-height:40px}.tone__volume{display:inline-block}.tone__volume--is-normal circle:first-child,.tone__volume--is-soft circle:first-child,.tone__volume--is-soft circle:nth-child(2){display:none}.tone--has-2-elements .tone__volume,.tone--has-3-elements .tone__volume{height:80px;width:80px}.tone--has-2-elements .tone__volume--is-soft,.tone--has-3-elements .tone__volume--is-soft{margin:0 -20px}.tone--has-2-elements .tone__volume--is-normal,.tone--has-3-elements .tone__volume--is-normal{margin:0 -10px}.tone--has-2-elements .tone__volume--is-hard,.tone--has-3-elements .tone__volume--is-hard{margin:0 5px}.tone--has-4-elements .tone__volume{height:60px;width:60px}.tone--has-4-elements .tone__volume--is-soft{margin:0 -15px}.tone--has-4-elements .tone__volume--is-normal{margin:0 -7.5px}.tone--has-4-elements .tone__volume--is-hard{margin:0 3.75px}.tone--has-5-elements .tone__volume{height:50px;width:50px}.tone--has-5-elements .tone__volume--is-soft{margin:0 -12.5px}.tone--has-5-elements .tone__volume--is-normal{margin:0 -6.25px}.tone--has-5-elements .tone__volume--is-hard{margin:0 3.125px}.tone--has-6-elements .tone__volume{height:40px;width:40px}.tone--has-6-elements .tone__volume--is-soft{margin:0 -10px}.tone--has-6-elements .tone__volume--is-normal{margin:0 -5px}.tone--has-6-elements .tone__volume--is-hard{margin:0 2.5px}.tone__duration{border-radius:3px;display:inline-block;height:20px;margin:0 5px}.tone--has-2-elements .tone__duration--is-short,.tone--has-3-elements .tone__duration--is-short{width:6px}.tone--has-2-elements .tone__duration--is-normal,.tone--has-3-elements .tone__duration--is-normal{width:36px}.tone--has-2-elements .tone__duration--is-long,.tone--has-3-elements .tone__duration--is-long{width:72px}.tone--has-4-elements .tone__duration--is-short{width:6px}.tone--has-4-elements .tone__duration--is-normal{width:18px}.tone--has-4-elements .tone__duration--is-long{width:36px}.tone--has-5-elements .tone__duration--is-short,.tone--has-6-elements .tone__duration--is-short{width:6px}.tone--has-5-elements .tone__duration--is-normal,.tone--has-6-elements .tone__duration--is-normal{width:18px}.tone--has-5-elements .tone__duration--is-long,.tone--has-6-elements .tone__duration--is-long{width:24px}.tone--is-pitch{border-bottom:3px solid #dcdcdc;border-top:3px solid #dcdcdc;display:flex;flex-direction:row;flex-wrap:nowrap;height:70px;justify-content:space-between;margin:1em auto;max-width:300px;padding:0 5px;position:relative;width:100%}.tone--is-pitch:after{background:#dcdcdc;content:"";height:3px;left:0;margin:-1.5px 0 0;position:absolute;top:50%;width:100%}.wiki__item .tone--is-pitch{border:0;display:block;height:65px!important;margin:0;max-width:280px!important}.wiki__item .tone--is-pitch:after{display:none}.tone__pitch{border-radius:4px;display:inline-block;height:20px;margin:0 5px;max-width:80px;position:relative;width:80px;z-index:1}.wiki__item .tone__pitch{max-width:40px}.tone__pitch--is-lowest{top:55px}.tone__pitch--is-low{top:39px}.tone__pitch--is-normal{top:22px}.tone__pitch--is-high{top:5px}.tone__pitch--is-highest{top:-12px}.tone--is-index-0 circle:first-child{fill:#ea6c56}.tone--is-index-0 circle:nth-child(2){fill:#de5239}.tone--is-index-0 circle:nth-child(3){fill:#cd3318}.tone--is-index-0 span{background:#ea6c56}.tone--is-index-1 circle:first-child{fill:#fed76a}.tone--is-index-1 circle:nth-child(2){fill:#f3c850}.tone--is-index-1 circle:nth-child(3){fill:#e8b013}.tone--is-index-1 span{background:#fed76a}.tone--is-index-2 circle:first-child{fill:#04a9d9}.tone--is-index-2 circle:nth-child(2){fill:#0193bd}.tone--is-index-2 circle:nth-child(3){fill:#007ea3}.tone--is-index-2 span{background:#04a9d9}.vexflow{display:block;position:relative;width:100%}.vexflow--has-ui{display:inline-block;margin:0 auto;width:auto}.vexflow__target{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;position:absolute;top:0;z-index:1}.is-disabled .vexflow__target{display:none}.vexflow__target:after{content:"";height:100%;left:-10%;position:absolute;top:0;width:120%}.vexflow svg{display:block;margin:0 auto;max-width:100%}.game__note--is-melody .vexflow svg>path{fill:#222!important}.game__note--is-melody .vexflow svg>rect{fill:#222!important;stroke:#222!important}.vexflow #vf-placeholder .vf-stem{display:none}.vexflow__ui{margin:1em 0 0;text-align:left;visibility:hidden}.vexflow__ui.is-disabled{pointer-events:none!important}.vexflow__ui--is-active{visibility:visible}.vexflow__ui__controls{margin:0 auto;max-width:100%;max-width:600px}.vexflow__ui__controls__wrap{align-items:center;background:#38b8f4;border-radius:8px;display:flex;flex-direction:row;justify-content:center;margin:1em auto;padding:20px;position:relative;text-align:center;width:auto}.vexflow__ui--is-fixed .vexflow__ui__arrow{left:50%!important}.vexflow__ui__options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 16px 0 0;row-gap:12px}.vexflow__ui__options .divider{display:inline-block}.vexflow__ui__options .divider:after{background:rgba(0,0,0,.1);content:"";display:inline-block;height:54px;margin:0 2px 0 8px;width:3px}.vexflow__ui__options button{align-items:center;background:#fff;border:2px solid #e4e9eb;border-radius:12px;box-shadow:0 4px 0 0 #e4e9eb;cursor:pointer;display:inline-flex;height:60px;justify-content:center;margin:0;outline:0;padding:0;position:relative;vertical-align:top;width:60px}.game--is-rhythm .vexflow__ui__options button{height:60px!important}.vexflow__ui__options button.active{box-shadow:0 -4px 0 0 #e4e9eb;top:4px}.vexflow__ui__options button[disabled]{opacity:.5;pointer-events:none}.vexflow__ui__options button img{height:30px;width:auto}.vexflow__ui__options button svg{fill:currentColor;height:30px;width:36px}.vexflow__ui__options button .note-double_sharp{padding:10px 5px 5px}.vexflow__ui__octave{align-self:stretch;background:#fff;border:2px solid #e4e9eb;border-radius:12px;box-shadow:0 4px 0 0 #e4e9eb;display:flex;flex-direction:column;flex-shrink:0;height:64px;margin:0;width:60px}.game--is-rhythm .vexflow__ui__octave{height:64px!important}.vexflow__ui__octave button{background:transparent;border:0;cursor:pointer;height:50%;outline:0;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.vexflow__ui__octave button[disabled]{opacity:.5;pointer-events:none}.vexflow__ui__octave button:first-child:after{background:rgba(48,48,48,.1);bottom:0;content:"";height:1px;left:0;margin:0 auto;position:absolute;right:0;width:66.666%}.vexflow__ui__octave svg{height:16px;width:16px}.vexflow__ui__arrow{border:20px solid transparent;border-bottom-color:#38b8f4;bottom:100%;height:0;left:50%;margin-left:-20px;pointer-events:none;position:absolute;transition:left .3s ease;width:0}.vexflow__ui .btn{margin-bottom:0!important}.video{background:#000;border-radius:20px;height:0;overflow:hidden;position:relative}.video iframe{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.wiki__content{font-size:18px;line-height:25px;margin:0 0 60px}.wiki__content h2{font-size:30px;font-weight:700;line-height:32px;margin:0 0 .5em}.wiki__content img{display:block;height:auto;margin:1em 0;max-width:100%}.wiki__content p{color:#595959;margin:0 0 1em}.wiki__content p:last-child{margin:0}.wiki__content a{color:currentColor;text-decoration:underline}.wiki__filters{margin:0 0 60px}.wiki__filters h3{font-size:18px;font-weight:500;line-height:25px;margin:0 0 16px}.wiki__filters button{background:#fff8ec;border:0;border-radius:1em;cursor:pointer;display:inline-block;font-size:18px;font-weight:400;margin:0 4px 4px 0;padding:.4444445em 1em}.wiki__filters button.is-active{background:#303030;color:#fff}.wiki__group{margin:60px 0 0}.wiki__group__header{align-items:center;display:flex;justify-content:space-between;margin:0 0 20px}.wiki__group__header h2{color:#595959;font-size:18px;font-weight:400;line-height:25px;margin:0}.wiki__group__header a{align-items:center;color:currentColor;display:inline-flex;font-size:14px;gap:10px;text-decoration:none}.wiki__group__header svg{display:block;height:21px;width:21px}.wiki__item{background:#fff8ec;border:0;border-radius:8px;margin:0 0 10px;overflow:hidden;padding:20px;position:relative;text-align:left;width:100%}.wiki__item__content{font-size:18px;font-weight:500}.wiki__item__content button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;flex-shrink:0;gap:20px;margin:0;padding:0;text-align:left}.wiki__item__content div{background:#303030;border-radius:100%;color:#fff8ec;height:20px;width:20px}.wiki__item__content svg{display:block;height:100%;padding:6px 4px 6px 6px;width:100%}.wiki__item__media{display:flex;flex-shrink:0;gap:10px;margin:0;padding:0;position:relative}.wiki__item__media img{display:block;height:120px;margin:0 auto;mix-blend-mode:multiply;padding:20px 0 0;width:auto}.wiki__item__media .tone{background:transparent;height:100%;max-width:160px;width:auto}.wiki__item__media .vexflow{display:block;position:relative;width:auto}.wiki__item__link{position:absolute;right:20px;top:20px}.wiki__item__link svg{display:block;height:21px;width:21px}.wiki__tones{display:flex;gap:10px}.wiki__tones.is-volume img{margin:0 -30px;padding:20px 0}.wiki__tones.is-duration img{padding:25px 0}.game--is-chord .progress__level__fill,.game--is-chord .progress__practice input:checked+label,.game--is-chord .progress__wiki,.is-theme-chord .games__header,.is-theme-chord .games__header .checkbox-toggle input:checked+label,.is-theme-chord .games__header:before,.is-theme-chord .header,.tiles__item--is-chord{background:#ff5907}.game--is-chord .progress__level{background:rgba(255,89,7,.5)}.game--is-chord .message__completed a,.game--is-chord .progress__score{color:#ff5907}.game--is-chord .message__level{background:#ff5907}.game--is-chord .message,.game--is-chord .message .controls,.is-theme-chord .controls,.is-theme-chord .games__header.is-themed:after,.is-theme-chord .message{background-image:linear-gradient(rgba(255,89,7,.4),rgba(255,89,7,.4)),linear-gradient(#fff,#fff)}.scores__status--is-chord .report__item__fill{background:#ff5907}.game--is-effect .progress__level__fill,.game--is-effect .progress__practice input:checked+label,.game--is-effect .progress__wiki,.is-theme-effect .games__header,.is-theme-effect .games__header .checkbox-toggle input:checked+label,.is-theme-effect .games__header:before,.is-theme-effect .header,.tiles__item--is-effect{background:#ff5d5d}.game--is-effect .progress__level{background:rgba(255,93,93,.5)}.game--is-effect .message__completed a,.game--is-effect .progress__score{color:#ff5d5d}.game--is-effect .message__level{background:#ff5d5d}.game--is-effect .message,.game--is-effect .message .controls,.is-theme-effect .controls,.is-theme-effect .games__header.is-themed:after,.is-theme-effect .message{background-image:linear-gradient(rgba(255,93,93,.4),rgba(255,93,93,.4)),linear-gradient(#fff,#fff)}.scores__status--is-effect .report__item__fill{background:#ff5d5d}.game--is-scale .progress__level__fill,.game--is-scale .progress__practice input:checked+label,.game--is-scale .progress__wiki,.is-theme-scale .games__header,.is-theme-scale .games__header .checkbox-toggle input:checked+label,.is-theme-scale .games__header:before,.is-theme-scale .header,.tiles__item--is-scale{background:#ff95cb}.game--is-scale .progress__level{background:rgba(255,149,203,.5)}.game--is-scale .message__completed a,.game--is-scale .progress__score{color:#ff95cb}.game--is-scale .message__level{background:#ff95cb}.game--is-scale .message,.game--is-scale .message .controls,.is-theme-scale .controls,.is-theme-scale .games__header.is-themed:after,.is-theme-scale .message{background-image:linear-gradient(rgba(255,149,203,.4),rgba(255,149,203,.4)),linear-gradient(#fff,#fff)}.scores__status--is-scale .report__item__fill{background:#ff95cb}.game--is-quiz .progress__level__fill,.game--is-quiz .progress__practice input:checked+label,.game--is-quiz .progress__wiki,.is-theme-quiz .games__header,.is-theme-quiz .games__header .checkbox-toggle input:checked+label,.is-theme-quiz .games__header:before,.is-theme-quiz .header,.tiles__item--is-quiz{background:#a7a0ff}.game--is-quiz .progress__level{background:rgba(167,160,255,.5)}.game--is-quiz .message__completed a,.game--is-quiz .progress__score{color:#a7a0ff}.game--is-quiz .message__level{background:#a7a0ff}.game--is-quiz .message,.game--is-quiz .message .controls,.is-theme-quiz .controls,.is-theme-quiz .games__header.is-themed:after,.is-theme-quiz .message{background-image:linear-gradient(rgba(167,160,255,.4),rgba(167,160,255,.4)),linear-gradient(#fff,#fff)}.scores__status--is-quiz .report__item__fill{background:#a7a0ff}.game--is-theory .progress__level__fill,.game--is-theory .progress__practice input:checked+label,.game--is-theory .progress__wiki,.is-theme-theory .games__header,.is-theme-theory .games__header .checkbox-toggle input:checked+label,.is-theme-theory .games__header:before,.is-theme-theory .header,.tiles__item--is-theory{background:#8164f0}.game--is-theory .progress__level{background:rgba(129,100,240,.5)}.game--is-theory .message__completed a,.game--is-theory .progress__score{color:#8164f0}.game--is-theory .message__level{background:#8164f0}.game--is-theory .message,.game--is-theory .message .controls,.is-theme-theory .controls,.is-theme-theory .games__header.is-themed:after,.is-theme-theory .message{background-image:linear-gradient(rgba(129,100,240,.4),rgba(129,100,240,.4)),linear-gradient(#fff,#fff)}.scores__status--is-theory .report__item__fill{background:#8164f0}.game--is-note .progress__level__fill,.game--is-note .progress__practice input:checked+label,.game--is-note .progress__wiki,.is-theme-note .games__header,.is-theme-note .games__header .checkbox-toggle input:checked+label,.is-theme-note .games__header:before,.is-theme-note .header,.tiles__item--is-note{background:#0072bc}.game--is-note .progress__level{background:rgba(0,114,188,.5)}.game--is-note .message__completed a,.game--is-note .progress__score{color:#0072bc}.game--is-note .message__level{background:#0072bc}.game--is-note .message,.game--is-note .message .controls,.is-theme-note .controls,.is-theme-note .games__header.is-themed:after,.is-theme-note .message{background-image:linear-gradient(rgba(0,114,188,.4),rgba(0,114,188,.4)),linear-gradient(#fff,#fff)}.scores__status--is-note .report__item__fill{background:#0072bc}.game--is-signature .progress__level__fill,.game--is-signature .progress__practice input:checked+label,.game--is-signature .progress__wiki,.is-theme-signature .games__header,.is-theme-signature .games__header .checkbox-toggle input:checked+label,.is-theme-signature .games__header:before,.is-theme-signature .header,.tiles__item--is-signature{background:#0090a8}.game--is-signature .progress__level{background:rgba(0,144,168,.5)}.game--is-signature .message__completed a,.game--is-signature .progress__score{color:#0090a8}.game--is-signature .message__level{background:#0090a8}.game--is-signature .message,.game--is-signature .message .controls,.is-theme-signature .controls,.is-theme-signature .games__header.is-themed:after,.is-theme-signature .message{background-image:linear-gradient(rgba(0,144,168,.4),rgba(0,144,168,.4)),linear-gradient(#fff,#fff)}.scores__status--is-signature .report__item__fill{background:#0090a8}.game--is-tone .progress__level__fill,.game--is-tone .progress__practice input:checked+label,.game--is-tone .progress__wiki,.is-theme-tone .games__header,.is-theme-tone .games__header .checkbox-toggle input:checked+label,.is-theme-tone .games__header:before,.is-theme-tone .header,.tiles__item--is-tone{background:#00c9c5}.game--is-tone .progress__level{background:rgba(0,201,197,.5)}.game--is-tone .message__completed a,.game--is-tone .progress__score{color:#00c9c5}.game--is-tone .message__level{background:#00c9c5}.game--is-tone .message,.game--is-tone .message .controls,.is-theme-tone .controls,.is-theme-tone .games__header.is-themed:after,.is-theme-tone .message{background-image:linear-gradient(rgba(0,201,197,.4),rgba(0,201,197,.4)),linear-gradient(#fff,#fff)}.scores__status--is-tone .report__item__fill{background:#00c9c5}.game--is-instrument .progress__level__fill,.game--is-instrument .progress__practice input:checked+label,.game--is-instrument .progress__wiki,.is-theme-instrument .games__header,.is-theme-instrument .games__header .checkbox-toggle input:checked+label,.is-theme-instrument .games__header:before,.is-theme-instrument .header,.tiles__item--is-instrument{background:#ff7956}.game--is-instrument .progress__level{background:rgba(255,121,86,.5)}.game--is-instrument .message__completed a,.game--is-instrument .progress__score{color:#ff7956}.game--is-instrument .message__level{background:#ff7956}.game--is-instrument .message,.game--is-instrument .message .controls,.is-theme-instrument .controls,.is-theme-instrument .games__header.is-themed:after,.is-theme-instrument .message{background-image:linear-gradient(rgba(255,121,86,.4),rgba(255,121,86,.4)),linear-gradient(#fff,#fff)}.scores__status--is-instrument .report__item__fill{background:#ff7956}.game--is-harmony .progress__level__fill,.game--is-harmony .progress__practice input:checked+label,.game--is-harmony .progress__wiki,.is-theme-harmony .games__header,.is-theme-harmony .games__header .checkbox-toggle input:checked+label,.is-theme-harmony .games__header:before,.is-theme-harmony .header,.tiles__item--is-harmony{background:#ff9649}.game--is-harmony .progress__level{background:rgba(255,150,73,.5)}.game--is-harmony .message__completed a,.game--is-harmony .progress__score{color:#ff9649}.game--is-harmony .message__level{background:#ff9649}.game--is-harmony .message,.game--is-harmony .message .controls,.is-theme-harmony .controls,.is-theme-harmony .games__header.is-themed:after,.is-theme-harmony .message{background-image:linear-gradient(rgba(255,150,73,.4),rgba(255,150,73,.4)),linear-gradient(#fff,#fff)}.scores__status--is-harmony .report__item__fill{background:#ff9649}.game--is-interval .progress__level__fill,.game--is-interval .progress__practice input:checked+label,.game--is-interval .progress__wiki,.is-theme-interval .games__header,.is-theme-interval .games__header .checkbox-toggle input:checked+label,.is-theme-interval .games__header:before,.is-theme-interval .header,.tiles__item--is-interval{background:#ff9d27}.game--is-interval .progress__level{background:rgba(255,157,39,.5)}.game--is-interval .message__completed a,.game--is-interval .progress__score{color:#ff9d27}.game--is-interval .message__level{background:#ff9d27}.game--is-interval .message,.game--is-interval .message .controls,.is-theme-interval .controls,.is-theme-interval .games__header.is-themed:after,.is-theme-interval .message{background-image:linear-gradient(rgba(255,157,39,.4),rgba(255,157,39,.4)),linear-gradient(#fff,#fff)}.scores__status--is-interval .report__item__fill{background:#ff9d27}.game--is-mixed .progress__level__fill,.game--is-mixed .progress__practice input:checked+label,.game--is-mixed .progress__wiki,.is-theme-mixed .games__header,.is-theme-mixed .games__header .checkbox-toggle input:checked+label,.is-theme-mixed .games__header:before,.is-theme-mixed .header,.tiles__item--is-mixed{background:#f6ba00}.game--is-mixed .progress__level{background:rgba(246,186,0,.5)}.game--is-mixed .message__completed a,.game--is-mixed .progress__score{color:#f6ba00}.game--is-mixed .message__level{background:#f6ba00}.game--is-mixed .message,.game--is-mixed .message .controls,.is-theme-mixed .controls,.is-theme-mixed .games__header.is-themed:after,.is-theme-mixed .message{background-image:linear-gradient(rgba(246,186,0,.4),rgba(246,186,0,.4)),linear-gradient(#fff,#fff)}.scores__status--is-mixed .report__item__fill{background:#f6ba00}.game--is-music .progress__level__fill,.game--is-music .progress__practice input:checked+label,.game--is-music .progress__wiki,.is-theme-music .games__header,.is-theme-music .games__header .checkbox-toggle input:checked+label,.is-theme-music .games__header:before,.is-theme-music .header,.tiles__item--is-music{background:#8ec000}.game--is-music .progress__level{background:rgba(142,192,0,.5)}.game--is-music .message__completed a,.game--is-music .progress__score{color:#8ec000}.game--is-music .message__level{background:#8ec000}.game--is-music .message,.game--is-music .message .controls,.is-theme-music .controls,.is-theme-music .games__header.is-themed:after,.is-theme-music .message{background-image:linear-gradient(rgba(142,192,0,.4),rgba(142,192,0,.4)),linear-gradient(#fff,#fff)}.scores__status--is-music .report__item__fill{background:#8ec000}.game--is-rhythm .progress__level__fill,.game--is-rhythm .progress__practice input:checked+label,.game--is-rhythm .progress__wiki,.is-theme-rhythm .games__header,.is-theme-rhythm .games__header .checkbox-toggle input:checked+label,.is-theme-rhythm .games__header:before,.is-theme-rhythm .header,.tiles__item--is-rhythm{background:#32c642}.game--is-rhythm .progress__level{background:rgba(50,198,66,.5)}.game--is-rhythm .message__completed a,.game--is-rhythm .progress__score{color:#32c642}.game--is-rhythm .message__level{background:#32c642}.game--is-rhythm .message,.game--is-rhythm .message .controls,.is-theme-rhythm .controls,.is-theme-rhythm .games__header.is-themed:after,.is-theme-rhythm .message{background-image:linear-gradient(rgba(50,198,66,.4),rgba(50,198,66,.4)),linear-gradient(#fff,#fff)}.scores__status--is-rhythm .report__item__fill{background:#32c642}.game--is-melody .progress__level__fill,.game--is-melody .progress__practice input:checked+label,.game--is-melody .progress__wiki,.is-theme-melody .games__header,.is-theme-melody .games__header .checkbox-toggle input:checked+label,.is-theme-melody .games__header:before,.is-theme-melody .header,.tiles__item--is-melody{background:#00bc81}.game--is-melody .progress__level{background:rgba(0,188,129,.5)}.game--is-melody .message__completed a,.game--is-melody .progress__score{color:#00bc81}.game--is-melody .message__level{background:#00bc81}.game--is-melody .message,.game--is-melody .message .controls,.is-theme-melody .controls,.is-theme-melody .games__header.is-themed:after,.is-theme-melody .message{background-image:linear-gradient(rgba(0,188,129,.4),rgba(0,188,129,.4)),linear-gradient(#fff,#fff)}.scores__status--is-melody .report__item__fill{background:#00bc81}.game--is-organisation .progress__level__fill,.game--is-organisation .progress__practice input:checked+label,.game--is-organisation .progress__wiki,.is-theme-organisation .games__header,.is-theme-organisation .games__header .checkbox-toggle input:checked+label,.is-theme-organisation .games__header:before,.is-theme-organisation .header,.tiles__item--is-organisation{background:#38b8f4}.game--is-organisation .progress__level{background:rgba(56,184,244,.5)}.game--is-organisation .message__completed a,.game--is-organisation .progress__score{color:#38b8f4}.game--is-organisation .message__level{background:#38b8f4}.game--is-organisation .message,.game--is-organisation .message .controls,.is-theme-organisation .controls,.is-theme-organisation .games__header.is-themed:after,.is-theme-organisation .message{background-image:linear-gradient(rgba(56,184,244,.4),rgba(56,184,244,.4)),linear-gradient(#fff,#fff)}.scores__status--is-organisation .report__item__fill{background:#38b8f4}.is-theme-chord .games__header__content,.is-theme-chord .header,.is-theme-note .games__header__content,.is-theme-note .header,.is-theme-signature .games__header__content,.is-theme-signature .header,.is-theme-theory .games__header__content,.is-theme-theory .header,.tiles__item--is-chord,.tiles__item--is-note,.tiles__item--is-signature,.tiles__item--is-theory{color:#fff}.is-theme-settings .header,.is-theme-settings body{background:#fff8ec}@media screen and (min-width:660px){.wrap{max-width:1120px}.header,.wrap{padding:0 30px}.header:after{width:calc(100% - 60px)}.header{font-size:18px}.account__header h2{font-size:24px;line-height:35px}.account__item:first-child:before{height:calc(100% - 40px);top:20px}.account__item.is-full:before,.account__item:nth-child(odd):last-child:before{left:20px;width:calc(100% - 40px)}.account__item strong{font-size:22px;margin:0 0 5px}.account__item img,.account__item svg{height:60px;width:60px}.account__badges{align-items:center;display:flex;flex-direction:row}.account__scores a,.account__scores button,.account__settings a,.account__settings button{font-size:20px;line-height:23px;padding:15px}.account__scores span,.account__settings span{max-width:78%}.account__scores svg:first-child,.account__settings svg:first-child{margin-right:12px}.account__scores a:first-child{display:flex}.account__settings a:first-child{display:none}.account__settings .active,.account__settings svg:first-child{color:#303030}.auth__demo{bottom:10px;left:0;right:0}.auth__demo,.auth__teams{position:absolute}.badges__wrap{gap:30px}.badges__item{width:calc(33.33333% - 20px)}.badges__next{margin-left:auto;padding:30px;width:50%}.badges__next .badge{display:block;height:235px;opacity:.6}.badges__next svg{left:0;margin:-8px 0 0;position:absolute;top:50%;transform:none}.badges__current .badge,.badges__next .badge{max-width:177px}.badge{height:266px;padding:18px 10px}.badge figure{height:150px;width:150px}.btn{font-size:22px}.controls{padding:0 40px}.controls__wrap{gap:20px}.controls__cta{min-width:180px}.course__progress{width:170px}.course__progress:after,.course__progress:before{left:14px}.course__status{height:30px;width:30px}.is-playing .course__status{height:40px;margin:0 0 0 -5px;width:40px}.is-completed .course__status{margin:0}.course__active{padding:13px 11px 12px 13px}.games__container{padding:50px 20px}.games__container.has-loaded{margin-top:-250px}.games__close{right:30px}.games__wrap{margin-bottom:110px;max-width:916px}.games__hero{font-size:22px;height:330px;line-height:30px;margin-bottom:20px;padding:20px}.games__hero__logo{height:120px;width:120px}.games__header{height:280px}.games__header .games__wrap{padding-bottom:60px}.games__header__content h1{font-size:40px;line-height:42px;max-width:unset}.games__header__content p{line-clamp:unset;-webkit-line-clamp:unset;-webkit-box-orient:unset;display:block;font-size:20px;overflow:visible}.games__header__illustration{bottom:0;height:240px;width:240px}.games__header__illustration+img{bottom:-70px;height:250px;right:40px;width:250px}.games__options,.games__search{margin:0 0 30px}.games__search input{font-size:20px}.games__section{padding:0 0 60px}.games__section h2{font-size:24px;line-height:34px;margin:0 0 30px}.game--is-practice{padding-top:100px}.game__overflow{display:none}.game__question{font-size:36px;line-height:40px;margin:40px 0}.game__note .vexflow{transform:scale(1.25)}.game__theory__text{font-size:30px;line-height:40px}.game__theory__image img{max-height:100px}.game__quiz__media__item{max-width:70%}.game__quiz__audio{font-size:22px;margin:0 0 60px}.game__answers--is-column{flex-direction:column}.game__answer{font-size:22px;line-height:26px;width:auto}.game__answer__image{height:230px;width:230px}.game__proposal textarea{font-size:20px}.piano .game__feedback .vue-lottie-player{transform:none}.inbox__content,.inbox__item{font-size:20px;line-height:32px}.modal{justify-content:center}.modal__wrap{max-width:710px;width:100%}.modal__content{padding:32px 0}.modal__content h2{font-size:40px;line-height:42px}.modal__content p{font-size:20px;line-height:32px}.game--is-practice .message{min-height:calc(100vh - 100px)}.games+.message{min-height:calc(100vh - 350px)}.message__wrap{font-size:20px;line-height:32px;margin:2em auto;padding:0 40px}.message__wrap h1,.message__wrap h2{font-size:30px;line-height:34px}.message__game{gap:20px}.message__game img{height:70px;width:70px}.message__game strong{font-size:20px}.message__content{max-width:880px}.message__levels{margin:20px auto 30px;max-width:480px}.message__stats span{font-size:40px;line-height:42px}.message__badge{display:flex}.message__badge .badges__next{max-width:50%}.has-message{font-size:20px;line-height:32px}.has-message h1,.has-message h2{font-size:30px;line-height:34px}.metronome__illustration{margin:60px auto}.metronome__illustration svg{height:60vh}.piano{margin:2em auto;max-width:92.1875vw}.piano:after,.piano:before{width:4.19921875vw}.piano__wrap{padding:48px 0}.piano__key{font-size:1.953125vw;height:166px;line-height:2.9296875vw}.piano__key[data-key*="#"]{height:110px}.piano__next,.piano__prev{height:60px;top:-80px;width:60px}.progress:after,.progress:before{clip-path:path("M0 40 V40 Q40 40 40 0 H40 V40z");height:40px;width:40px}.game--is-practice .progress:after,.game--is-practice .progress:before{top:110px}.progress__wrap{padding:15px 27px}.progress__practice{font-size:20px;height:24px;margin:0 0 16px;overflow:hidden}.progress__practice__levels{margin:0 auto}.progress__practice__levels svg{height:9px;width:16px}.progress__wiki{margin:0 20px}.progress__level{height:16px;margin:0 5px;width:16px}.progress__level,.progress__level__fill{border-radius:16px}.progress__close{height:24px;padding:2px;width:24px}.progress__score{margin:0 0 0 20px}.report__item{border-radius:10px;height:10px;width:10px}.report__item--is-current{width:30px}.report__item:only-child{width:44px}.report__item__fill{border-radius:10px}.scores__header h2{font-size:24px;line-height:35px}.scores__table th:first-child,.scores__table th:first-child+th{display:table-cell}.scores__table th.is-stats{width:150px}.scores__table th:nth-child(2)~th{width:75px}.scores__table tbody tr:first-child td:first-child{border-top-left-radius:8px;border-top-right-radius:0}.scores__table tbody tr:first-child td:last-child{border-top-right-radius:8px}.scores__table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.scores__table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.scores__item,.scores__table td{font-size:20px}.scores__item{opacity:1}.scores__item--is-rank{width:66px}.scores__item--is-name{font-size:20px}.scores__item__badge{height:50px;width:50px}.settings__wrap{font-size:20px;line-height:32px}.form-group{padding:30px 0}.form-group strong{font-size:22px;line-height:32px}.checkbox-toggle{height:30px;width:50px}.checkbox-toggle label{height:26px;left:3px;top:1px;width:26px}.checkbox-toggle input:checked+label{left:calc(100% - 28px)}.radio--has-columns{-moz-column-count:2;column-count:2}.radio span{height:30px}.radio-custom span{height:30px;width:30px}.clefs__item{width:calc(25% - 15px)}.sort__button{font-size:22px;min-height:80px}.tiles__wrap{gap:30px}.tiles__item{gap:20px;min-height:100px}.has-scroll .tiles__item{width:calc(60% - 15px)}.tiles__item--is-collection,.tiles__item--is-course{min-height:270px}.tiles__item--is-category,.tiles__item--is-folder{min-height:120px}.tiles__illustration img{height:70px;width:70px}.tiles__item--is-category .tiles__illustration img,.tiles__item--is-folder .tiles__illustration img{height:120px;width:120px}.tiles__item--is-category .tiles__illustration.has-upload img:last-child,.tiles__item--is-folder .tiles__illustration.has-upload img:last-child{height:100px;right:12px;width:100px}.tiles__item--is-course .tiles__illustration img{height:270px;width:270px}.tiles__collage{bottom:-30px;right:90px}.tiles__collage img{height:132px;width:132px}.tiles__content strong{font-size:20px}.tiles__content p{font-size:18px}.tiles__item--is-collection .tiles__content strong,.tiles__item--is-course .tiles__content strong{font-size:22px;line-height:32px}.list{gap:30px}.list+.list{margin-top:30px}.list__column{flex-grow:1;gap:30px;width:calc(50% - 30px)}.timer{width:calc(100% - 80px)}.tone--has-4-elements .tone__pitch{width:40px}.tone--has-5-elements .tone__pitch{width:35px}.tone--has-6-elements .tone__pitch{width:30px}.vexflow__ui__controls{display:inline-block;position:relative;transition:.3s ease;width:auto!important}.vexflow__ui--is-fixed{display:block;left:auto!important}.vexflow__ui__options button{height:80px}.vexflow__ui__octave{height:84px}.wiki__content{font-size:20px;line-height:32px}.wiki__content h2{font-size:40px;line-height:42px}.wiki__filters h3{font-size:22px;line-height:32px}.wiki__group__header h2{font-size:20px;line-height:32px}.wiki__item{align-items:center;display:flex;gap:36px;min-height:100px;padding:0 36px}.wiki__item>:nth-child(2){margin-left:auto}.wiki__item__content{font-size:22px}.wiki__item__media img{padding:10px 0}.wiki__item__link{position:static}.wiki__item--is-rhythm img,.wiki__item--is-signature img,.wiki__item--is-theory img,.wiki__item--is-tone img{padding:20px 0}}@media screen and (min-width:900px){.wrap--has-sidebar{flex-direction:row;gap:30px;justify-content:space-between;max-width:1180px;padding:0 50px}.wrap__main{align-self:stretch;margin:30px 0;padding:30px 50px;width:74.0740740741%}.wrap__aside{margin-top:30px;padding:0;position:sticky;top:100px;width:23.1481481481%}.account{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 100px);position:relative}.account:after,.account__nav{display:none}.account__scores,.account__settings{background:transparent;border-radius:0;bottom:unset;left:unset;padding:0;position:relative;transform:none;transition:none;width:auto}.account__scores a,.account__scores button{border-radius:8px;color:#007eb9}.account__scores .active{background:#38b8f4;color:#02334b}.account__scores .active span+svg{display:block}.account__scores .active small{display:none}.account__settings{border-top:1px solid rgba(48,48,48,.1);margin:0 0 0 15px;padding:15px 0}.account__settings a,.account__settings button{color:rgba(48,48,48,.3);padding:10px 0}.is-theme-auth .container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.auth{display:flex;justify-content:space-between;max-width:1180px;padding:50px;transition:transform .3s ease}.auth.skip-intro{transform:translateX(-50%)}.auth__locale{top:20px}.auth__form,.auth__intro{width:calc(50% - 15px)}.auth__intro{border-radius:20px;height:unset;margin:0;min-height:720px;padding:65px}.auth__intro h1{font-size:100px;margin:0 0 10px;padding:0}.auth__intro h1 svg{height:72px;width:200px}.auth__intro p{display:block;font-size:18px;line-height:28px}.auth__intro>img:last-child{height:100%;right:0;width:100%}.auth__form{padding:100px 20px 20px}.auth__form>*{max-width:340px}.auth__form h2{font-size:40px;line-height:42px;margin-bottom:20px}.auth__field label{font-size:12px;left:14px;top:-2px}.is-theme-settings .header,.is-theme-settings body{background:#fff}}@media screen and (min-width:1024px){.wrap__main{padding:50px 90px}.piano{max-width:944px}.piano.is-wide{max-width:972px}.piano:after,.piano:before{width:43px}.is-wide .piano__key{width:59px}.piano__key{font-size:20px;line-height:30px;width:97px}.is-wide .piano__key[data-key*="#"]{margin:0 -23px;width:46px}.piano__key[data-key*="#"]{margin:0 -38px;top:-12px;width:76px}.settings{padding-bottom:30px!important}}@media screen and (min-width:420px){.piano .game__feedback .vue-lottie-player{transform:scale(1.5)}}@media screen and (max-width:420px){.piano:after,.piano:before{width:33px}}@media screen and (max-width:660px){.scores__table th{display:inline-block;width:33.333%}.scores__table tr{display:flex;flex-wrap:wrap}.scores__table td{display:inline-block;padding:10px 20px 15px;width:33.333333%}.scores__table td:first-child,.scores__table td:first-child+td{padding-bottom:0;width:100%}.scores__table td:first-child{padding-top:15px}.scores__table td:first-child+td{padding:0 20px}}@media screen and (min-width:840px){.has-scroll .tiles__item{width:calc(40% - 15px)}}