:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw);font-weight:700}.h2,h2{font-size:calc(1.325rem + .9vw)}.h3,h3{font-size:calc(1.3rem + .6vw)}h4{font-size:calc(1.275rem + .3vw)}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:.5rem;font-size:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}a{color:#0d6efd;text-decoration:underline}img,svg{vertical-align:middle}button{border-radius:0}button,input,select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}.container-lg{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-6{flex:0 0 auto;width:50%}.col-8{flex:0 0 auto;width:66.6666666666%}.col-12{flex:0 0 auto;width:100%}.g-0{--bs-gutter-x:0 --bs-gutter-y: 0}.align-items-center{align-items:center!important}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group>:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{color:#212529;border-color:#86b7fe;outline:0}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:disabled{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.dropdown{position:relative}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border-radius:.25rem}.dropdown-menu.show{display:block}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem .75rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container-lg{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-none{display:none!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.m-auto{margin:auto!important}.h-auto{height:auto!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-auto{margin-left:auto!important}.p-3{padding:1rem!important}.pt-3{padding-top:1rem!important}.pt-2{padding-top:.5rem!important}.pt-5{padding-top:3rem!important}.ps-2{padding-left:.5rem!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.bg-light{background-color:#f8f9fa}.rounded-pill{border-radius:50rem!important}@media (min-width:576px){.col-sm{flex:1 0 0%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.d-sm-inline-block{display:inline-block!important}.d-sm-flex{display:flex!important}.order-sm-1{order:1!important}.mt-sm-0{margin-top:0!important}.mb-sm-4{margin-bottom:1.5rem!important}}.bt-bs-blue{border-top:3px solid var(--bs-blue) !important}.bc-bs-blue{border-color:var(--bs-blue) !important}.bt-bs-indigo{border-top:3px solid var(--bs-indigo) !important}.bc-bs-indigo{border-color:var(--bs-indigo) !important}.bt-bs-purple{border-top:3px solid var(--bs-purple) !important}.bc-bs-purple{border-color:var(--bs-purple) !important}.bt-bs-pink{border-top:3px solid var(--bs-pink) !important}.bc-bs-pink{border-color:var(--bs-pink) !important}.bt-bs-red{border-top:3px solid var(--bs-red) !important}.bc-bs-red{border-color:var(--bs-red) !important}.bt-bs-orange{border-top:3px solid var(--bs-orange) !important}.bc-bs-orange{border-color:var(--bs-orange) !important}.bt-bs-yellow{border-top:3px solid var(--bs-yellow) !important}.bc-bs-yellow{border-color:var(--bs-yellow) !important}.bt-bs-green{border-top:3px solid var(--bs-green) !important}.bc-bs-green{border-color:var(--bs-green) !important}.bt-bs-teal{border-top:3px solid var(--bs-teal) !important}.bc-bs-teal{border-color:var(--bs-teal) !important}.bt-bs-cyan{border-top:3px solid var(--bs-cyan) !important}.bc-bs-cyan{border-color:var(--bs-cyan) !important}body{overflow-x:hidden}.main-section{padding-top:1rem !important}.main-section h1{color:#38424d}.main-section h3{color:#0898e7;margin-right:110px}.title-section h1{color:#5e62ff}.d-block-0,.d-block-1,.d-block-2,.d-block-3{display:block !important}main h6{margin-top:1rem}label{display:inline}.row{--bs-gutter-x: 0}.row.gx-2{--bs-gutter-x: 0.5rem}.form-check-input{margin-right:.25rem}.btn-primary{padding:6px 14px}.main-section p.text-secondary{font-size:18px;font-weight:500}.title-section .btn-primary{background-color:#5e62ff !important;border:1px solid #5e62ff !important;font-weight:500}.title-section .btn-primary:hover,.title-section .btn-primary:focus,.title-section .btn-primary.focus,.title-section .btn-primary:active,.title-section .btn-primary.active{background-color:#4f53ff !important;border:1px solid #4f53ff !important;box-shadow:0 3px 10px rgba(94,98,255,.5)}.navbar-brand,.settings .card .card-header{color:var(--bs-primary)}.striped-list-2>div{margin-top:0;color:var(--bs-primary)}.striped-list-2>div:nth-of-type(4n+1)>div,.striped-list-2>div:nth-of-type(4n+2)>div{border-top-width:3px;border-top-style:solid;background-color:rgba(0,0,0,.03);height:100%}.striped-list-2>div div{padding:.5rem 1rem}.striped-list-2-inverted>div{margin-top:0;color:var(--bs-primary)}.striped-list-2-inverted>div:nth-of-type(2n+1)>div{border-top-width:3px;border-top-style:solid;background-color:rgba(0,0,0,.03);height:100%}.striped-list-2-inverted>div div{padding:.5rem 1rem}.striped-list-3>div{margin-top:0;color:var(--bs-primary)}.striped-list-3>div:nth-of-type(6n+1)>div,.striped-list-3>div:nth-of-type(6n+2)>div,.striped-list-3>div:nth-of-type(6n+3)>div{border-top-width:3px;border-top-style:solid;background-color:rgba(0,0,0,.03);height:100%}.striped-list-3>div div{padding:.5rem 1rem}.striped-list-3.dictations>div div{padding:.5rem 0 .5rem .5rem}.list-striped{padding-left:0;margin-bottom:0}.list-striped li:nth-of-type(odd){background-color:rgba(0,0,0,.03);height:100%}.list-striped:not(.list-striped-inverted) li:nth-of-type(odd){border-top-width:3px;border-top-style:solid}.list-striped li{padding:.5rem 1rem;display:block;color:var(--bs-primary)}.list-striped.list-striped-inverted li:nth-of-type(odd){background-color:#fff}.list-striped.list-striped-inverted li:nth-of-type(even){border-top-width:3px;border-top-style:solid;background-color:rgba(0,0,0,.03);height:100%}.list-striped.list-striped-inverted .list-group-item:first-of-type{border-top-width:0}.advanced-settings,.teacher-settings,.share-result{display:none}input#show-advanced-settings:checked~.advanced-settings,input#show-teacher-settings:checked~.teacher-settings,input#show-share-result:checked~.share-result{display:block}.title-section .youtube-container{position:relative;margin-top:.875rem;max-width:100%;height:100%;max-height:197px}.title-section .youtube-container #player{border-radius:1rem}.settings .card{border-width:0;border-radius:0;height:100%}.settings .card .card-header{padding:.5rem 0 .5rem .5rem;height:100%;border-bottom:none}.settings .card .card-body{padding:.75rem 0 .75rem .5rem;display:none}.settings .card .card-body .form-check-input{margin-bottom:.375rem}.settings .progressions .card .card-header{height:auto}.settings .intervals>div>div,.settings .clefs>div>div,.settings .key-signature>div>div>div,.settings .notes>div>div>div{display:flex}.settings .intervals>div>div label,.settings .clefs>div>div label,.settings .key-signature>div>div>div label,.settings .notes>div>div>div label{flex-grow:1}.degrees{background-color:rgba(0,0,0,.03);color:var(--bs-primary)}.degrees input{margin-top:.5rem}.degrees label{margin:.25rem 0;display:inline-block;width:40%}.degrees div{padding:.25rem 1rem;margin-top:0}.nav .bi::before{line-height:1.25}.start .bi-chevron-right{margin-left:.25rem}.start .bi-chevron-right::before{font-size:.75rem;margin-left:.25rem;line-height:1.25 !important}.bi-arrow-right,.bi-arrow-repeat{margin-left:.5rem}.bi-play-circle>span,.bi-pause-circle>span{margin-left:.5rem}.bi-eye-slash,.bi-eye{margin-right:.85rem}.links-section .links-block h3{font-size:1.375rem;font-weight:600;margin-bottom:20px}.links-section .links-block ul{list-style-type:none;padding-left:0}.links-section .links-block ul li{padding-left:16px;font-size:18px;font-weight:600;color:#162447;margin-bottom:16px;position:relative}.links-section .links-block .icon{display:none}div.row.octaves{padding-right:calc(var(--bs-gutter-x)/2);padding-left:calc(var(--bs-gutter-x)/2)}div.row.octaves>*{padding-right:0;padding-left:0}div.row.octaves .btn{padding:0;border-radius:0;border-width:0}div.row.octaves .btn img{width:100%}@media(min-width: 576px){.settings .row{--bs-gutter-y: 1rem;--bs-gutter-x: 1rem}.settings .card{border-width:1px 1px 1px;border-radius:0 0 .25rem .25rem}.title-section .btn.btn-primary{padding:10px 24px}.list-striped.list-striped-inverted li:nth-of-type(odd){background-color:rgba(0,0,0,.03);border-top-width:3px;border-top-style:solid}.list-striped.list-striped-inverted li:nth-of-type(even){background-color:#fff;border-top-width:0}.scale.striped-list-2-inverted>div:nth-of-type(4n+3)>div,.scale.striped-list-2-inverted>div:nth-of-type(4n+4)>div{border-top-width:3px;border-top-style:solid;background-color:rgba(0,0,0,.03)}.scale.striped-list-2-inverted>div:nth-of-type(4n+1)>div,.scale.striped-list-2-inverted>div:nth-of-type(4n+2)>div{border-top:none;background-color:#fff}.links-section{background-color:#fbfbfb;padding-top:70px;padding-bottom:70px}.links-section .row{--bs-gutter-x: 1.5rem}.links-section .links-block{height:100%;padding:35px;border-radius:18px;box-shadow:0 15px 30px rgba(0,0,0,.0509803922);background-color:#fff}.links-section .links-block ul li{padding-left:40px;font-size:20px;margin-bottom:25px}.links-section .links-block ul li::before{content:"";width:18px;height:18px;border-radius:50%;background:#5864ff;position:absolute;left:0;top:7px;box-shadow:0 14px 15px rgba(78,110,241,.2588235294)}.links-section h3{margin-top:40px}.links-section .icon{display:block !important;margin-bottom:40px;height:65px;width:65px;line-height:55px;border-radius:15px;color:#fff;background-color:#3080e3;text-align:center;font-size:30px;box-shadow:0 10px 30px rgba(48,128,227,.1803921569)}.links-section .icon.two{background-color:#fd723b;box-shadow:0 10px 30px rgba(253,114,59,.2509803922)}.links-section .icon.three{background-color:#ffa842;box-shadow:0 10px 30px rgba(255,168,66,.2588235294)}}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.number-input{border:1px solid #ddd !important;border-radius:.25rem;display:inline-flex;box-sizing:border-box}.number-input *{box-sizing:border-box}.number-input button{outline:none;-webkit-appearance:none;background-color:rgba(0,0,0,0);border:none;align-items:center;justify-content:center;width:2.5rem;height:2rem;cursor:pointer;margin:0;position:relative}.number-input button:before,.number-input button:after{display:inline-block;position:absolute;content:"";width:.625rem;height:2px;background-color:#212529;transform:translate(-50%, -50%)}.number-input button.button-plus:after{transform:translate(-50%, -50%) rotate(90deg)}.number-input input[type=number]{font-family:sans-serif;width:2.625rem;padding:.5rem;border:solid #ddd;border-width:0 0 0 1px;font-size:.9375rem;height:2rem;text-align:right;background:none}.number-input input[type=number]#input-temp{border-width:0 1px 0 0;text-align:left}.number-input label{line-height:1.875rem;border-right:1px solid #ddd;padding-right:1rem}.number-input label.label-temp{border-right:none;border-left:1px solid #ddd;padding-left:1rem;padding-right:0}.number-input label.label-temp span{font-size:1.625rem;line-height:.75}.exercise-limit>div:first-of-type{margin-right:1rem}.exercise-limit>div{margin:.25rem 0 .5em 0}.exercise-limit .btn{padding:0;color:inherit}.btn-check:checked+div input{color:#fff}.btn-check:checked button:before,.btn-check:checked button:after{background-color:#fff}.btn-check:checked+div input{color:#fff}.btn-check:checked+div button:before,.btn-check:checked+div button:after{background-color:#fff}