.game{user-select:none}.game .game__info{user-select:none;color:#15202b}.game__container{display:flex;justify-content:center;width:100%}.game__content{position:relative;background:#fff;border:1px solid}.game-widget{display:flex;justify-content:center;flex-direction:column;width:100%}.game-widget__flex{display:flex;flex-direction:column;gap:1rem}.game-widget__flex_small{gap:.5rem}.game-widget__flex_row{flex-direction:row}.game-widget__field{padding:1rem;display:flex;flex-direction:column;gap:1rem}.game-widget__field textarea{padding:.5rem;resize:none;width:100%;height:10rem;display:block;border:1px solid;font-family:"Open Sans",sans-serif;font-size:20px;color:#15202b}.game-widget__field-group{display:flex;align-items:center;flex-direction:column;gap:.5rem}.game-widget__field label{cursor:pointer}.game-widget__input{padding:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:calc(288px + 2rem);margin:auto;gap:1rem}.game-widget__input-title{font-weight:400}.game-widget__input-group{display:flex;align-items:center;flex-direction:column;gap:.5rem;max-width:288px}.game-widget__input-group_help{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem}.game-widget__input-group_help button{color:#15202b}.game-widget__input-group_control{display:flex;justify-content:center;gap:1rem}.game-widget__input-readonly label{cursor:default !important}.game-widget__input-readonly input{cursor:default;outline:none !important}.game-widget__input label{cursor:pointer}.game-widget__input.ng-scope{display:flex;align-items:center}.game-widget__input-number{padding:.5rem;width:100%;border:1px solid;font-family:"Open Sans",sans-serif;font-size:20px;text-align:center;background:inherit;color:#15202b}.game-widget__input-text{padding:.5rem;resize:none;width:100%;min-width:288px;height:10rem;display:block;border:1px solid;font-family:"Open Sans",sans-serif;font-size:18px}.game-widget__toggle input{display:none}.game-widget__toggle label{color:#15202b;font-weight:400}.game-widget__toggle label:hover{opacity:.7}.game-widget__options-list{display:flex;justify-content:center;align-items:center;color:#15202b;flex-flow:wrap;gap:1rem}.game-widget__options-list li{display:flex;align-items:center;gap:.5rem}.game-widget__options-list .widget__input-number{width:auto;height:auto;border:0;border-bottom:1px solid;background:none;box-shadow:none}.game-widget__options-list .widget__input-number:focus{outline:none}.game-widget__options label{cursor:pointer}.game-widget__button{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:1rem;user-select:none}.game-widget__button button{font-weight:600;background:transparent;font-family:"Open Sans",sans-serif;font-size:20px;color:#15202b;display:flex;align-items:center;gap:.5rem}.game-widget__button button:hover{opacity:.7}.game-widget__button a{display:flex;align-items:center;gap:.5rem;font-weight:600}.game-widget__button_top{margin:1rem 0 0}.game-container{min-height:295px}.game-widget__piano{flex-direction:row;justify-content:center}.piano-container{position:relative;display:flex;justify-content:center}.piano-container .white{display:flex;font-size:.8rem;height:135px}.piano-container .white .key{cursor:pointer;padding-top:95px;text-align:center;border:1px solid black;background-color:white;margin:0;flex:1 1 auto;align-self:stretch;min-width:32px;max-width:32px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin-left:-1px;transform:scaleY(1);transform-origin:top;transition:transform .1s ease}.piano-container .white .key span{display:block}.piano-container .white .key.active{background-color:lightgrey !important;transform:scaleY(0.97)}.piano-container .black{pointer-events:none;position:absolute;gap:calc(34px / 2 - 1px);left:22px;top:0;display:flex;width:100%;height:90px;font-size:.6rem;text-align:center}.piano-container .black .key{cursor:pointer;padding-top:40px;pointer-events:auto;border:0px;background-color:black;flex:1 1 auto;align-self:stretch;min-width:15px;max-width:15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:white;transform:scaleY(1);transform-origin:top;transition:transform 0.1s ease}.piano-container .black .key.active{background-color:grey !important;transform:scaleY(0.97)}.piano-container .black .key.invisible{visibility:hidden}.game__content{width:100%;display:flex;justify-content:center;text-align:center}.history{overflow-wrap:break-word;margin:0;width:288px;height:300px;letter-spacing:1px;text-align:left;overflow-y:scroll;position:relative;z-index:2}.history .correct{color:green}.history .active{background-color:lightgrey}.history .new-line{display:block}.has-sample::placeholder{color:#63687a}.has-sample:focus::placeholder{opacity:0}.samples-popup ul.submenu__list{height:200px;overflow-y:auto}


/*# sourceMappingURL=virtualpiano.css.98b65adc7201.map */