.SelectInstrument{font-size:1.6rem;text-align:center;position:relative}.SelectInstrument .instruments{margin-top:70px}.SelectInstrument .instrument{display:inline-block;text-align:center;border-radius:10px;background:#fff;margin-left:10px;margin-right:10px}.SelectInstrument .instrument:hover{background:#f8f8f8}.SelectInstrument .instrument a{opacity:.85;color:#000;width:100%;padding:12px;display:table-cell}.SelectInstrument .instrument a:hover{opacity:1}.SelectInstrument .instrument a span{font-size:1rem}.SelectInstrument #midi_keyboard_img{width:170px}.SelectInstrument #electric_guitar_img{width:110px}.SelectInstrument #drums_img{width:125px}.SelectInstrument .about,.SelectInstrument .change_language{bottom:0;font-size:13px;position:absolute}.SelectInstrument .about{float:right;right:0}.SelectInstrument .change_language{float:left;left:0}.linkToMa{margin-top:10px;font-size:.85rem;position:absolute;bottom:0}.Header{position:relative;margin-bottom:10px;border-bottom:1px solid #f8f8f8;height:30px}.Header .header_title{text-align:center;width:100%;font-size:.9rem;letter-spacing:0rem;font-weight:700;line-height:30px}.Header .back_link{position:absolute;left:0;top:0;font-size:1.8rem;line-height:1rem}.LoadingMessage{border:1px solid #eee;border-radius:5px;position:absolute;margin:0 auto;text-align:center;top:0;right:0;box-shadow:3px 3px 5px #f8f8f8;padding:2px 15px 0 2px;background:#fff;z-index:2}.LoadingMessage img{height:40px;margin:0}.LoadingMessage span{margin-left:2px;padding-top:10px;float:right}.Select{float:left;padding:10px;border-radius:5px;border:1px solid #eee}.Select div{margin-bottom:5px}.Select select{width:100%;background:#f8f8f8;border:1px solid #eee;padding:5px;border-radius:5px;font-family:Lato;appearance:none;-moz-appearance:none;-webkit-appearance:none;float:left}.Select select:hover{background:#eee}.Select button{background:#333;color:#fff;font-weight:700;border:1px solid black;padding:3px 10px;border-radius:0 5px 5px 0;font-size:17px;border-left:0;cursor:pointer}.Select button:hover{background:#000}.SelectArtifact .SelectArtifact__search{display:block;width:calc(100% - 22px);padding:4px 6px;margin-bottom:4px;border:1px solid #ccc;border-radius:3px;font-size:.9em}.SelectArtifact select{width:calc(100% - 22px)}.SelectArtifact .linkImage{margin-left:8px;margin-top:7px;width:14px;opacity:.75}.SelectArtifact .linkImage:hover,.SelectArtifact .linkImage:focus{opacity:1}.Guitarix{position:relative;padding-bottom:25px}.Guitarix .Select{width:calc(50% - 52px);margin-right:10px}.Guitarix .Select:last-of-type{margin-right:0}.Guitarix .record_player{display:inline-block;vertical-align:3px}.Guitarix .recordStuff{display:inline-block;margin:10px 0 30px}.Guitarix .recordStuff>div{display:inline-block}.Guitarix .recordStuff .sound-wave{display:none;height:30px;margin-top:-5px}.Guitarix .recordStuff.recording .sound-wave{display:inline-block}.Guitarix .recordStuff .record_button_img{width:20px;margin-right:15px;opacity:.5}.Guitarix .recordStuff .record_button_img:hover,.Guitarix .recordStuff .record_button_img.recording{opacity:1;cursor:pointer}.Guitarix .recordStuff .first_record_msg{font-size:14px;vertical-align:5px}.Guitarix .start_processing_button_img{width:30px;opacity:.8;margin-top:25px;margin-left:5px}.Guitarix .start_processing_button_img:hover,.Guitarix .start_processing_button_img:focus{opacity:1;cursor:pointer}.Guitarix .start_processing_button_img.disabled{cursor:not-allowed}.Guitarix .start_processing_button_img.disabled:hover,.Guitarix .start_processing_button_img.disabled:focus{opacity:.8;cursor:not-allowed}.Guitarix .selected_instrument_img{height:22px}.Guitarix .processed_files_title{margin-top:35px;margin-bottom:10px}.Guitarix .list_of_recordings{padding-left:0;margin-top:0}.Guitarix .list_of_recordings li .remove_artifact{float:right;color:red;font-weight:700;cursor:pointer}.Guitarix .list_of_recordings li .view_artifact{margin-right:10px;margin-top:1px;font-size:.78rem}.Guitarix .list_of_recordings li{padding:7px 10px;border-bottom:1px solid #f8f8f8;list-style:none;font-size:.9rem;cursor:default;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.Guitarix .list_of_recordings li:hover{background:#f8f8f8}.Guitarix .list_of_recordings li>div{display:flex;align-items:center;margin-left:auto}.Guitarix .list_of_recordings li audio{height:32px}.Guitarix .list_of_recordings li .download_button{height:14px;margin-left:10px;opacity:.75}.plyr--audio .plyr__controls{padding:0;background:transparent}.plyr__control svg{height:12px;width:12px}.plyr__controls{padding:0}.plyr__controls .plyr__time,.plyr__controls .plyr__volume,.plyr__controls .plyr__menu{display:none}.plyr--full-ui input[type=range]{color:#666}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#666}.plyr__control.plyr__tab-focus{box-shadow:none}.ADSREnvelope svg{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;touch-action:none}.ADSREnvelope .adsr-grid{stroke:#ddd;stroke-width:1;fill:none}.ADSREnvelope .adsr-fill{fill:#6495ed26}.ADSREnvelope .adsr-line{fill:none;stroke:#6495ed;stroke-width:2;stroke-linejoin:round}.ADSREnvelope .adsr-sustain-line{stroke:#6495ed;stroke-width:2;stroke-dasharray:4 3}.ADSREnvelope .adsr-handle{fill:#fff;stroke:#6495ed;stroke-width:2;cursor:grab}.ADSREnvelope .adsr-handle:hover{fill:#6495ed}.ADSREnvelope .adsr-handle:active{cursor:grabbing;fill:#6495ed}.ADSREnvelope .adsr-label{font-size:10px;fill:#999;text-anchor:middle;pointer-events:none}.WelcomeModal__help{position:absolute;top:-2px;right:0;width:24px;height:24px;border-radius:50%;border:1.5px solid #ccc;background:none;color:#999;font-size:14px;font-weight:700;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.WelcomeModal__help:hover{border-color:#888;color:#555}.WelcomeModal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10}.WelcomeModal{background:#fff;border-radius:5px;padding:24px 28px;max-width:420px;width:90%;box-shadow:0 4px 20px #00000026}.WelcomeModal h2{margin:0 0 14px;font-size:18px;font-weight:700;color:#333}.WelcomeModal ul{margin:0 0 18px;padding-left:20px;list-style:disc}.WelcomeModal li{font-size:14px;color:#555;line-height:1.6}.WelcomeModal button{display:block;margin-left:auto;background:#333;color:#fff;border:none;border-radius:5px;padding:8px 20px;font-size:14px;font-weight:700;cursor:pointer}.WelcomeModal button:hover{background:#000}.ReactPiano__Keyboard{position:relative;display:flex}.ReactPiano__Key{display:flex}.ReactPiano__Key--accidental{background:#555;border:1px solid #fff;border-top:1px solid transparent;border-radius:0 0 4px 4px;cursor:pointer;height:66%;z-index:1;position:absolute;top:0}.ReactPiano__Key--natural{background:#f6f5f3;border:1px solid #888;border-radius:0 0 6px 6px;cursor:pointer;z-index:0;flex:1;margin-right:1px}.ReactPiano__Key--natural:last-child{margin-right:0}.ReactPiano__Key--active{background:#3ac8da}.ReactPiano__Key--active.ReactPiano__Key--accidental{border:1px solid #fff;border-top:1px solid #3ac8da;height:65%}.ReactPiano__Key--active.ReactPiano__Key--natural{border:1px solid #3ac8da;height:98%}.ReactPiano__Key--disabled.ReactPiano__Key--accidental{background:#ddd;border:1px solid #999}.ReactPiano__Key--disabled.ReactPiano__Key--natural{background:#eee;border:1px solid #aaa}.ReactPiano__NoteLabelContainer{flex:1;align-self:flex-end}.ReactPiano__NoteLabel{font-size:12px;text-align:center;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ReactPiano__NoteLabel--accidental{color:#f8e8d5;margin-bottom:3px}.ReactPiano__NoteLabel--natural{color:#888;margin-bottom:3px}.ReactPiano__NoteLabel--natural.ReactPiano__NoteLabel--active{color:#f8e8d5}.Midi{position:relative;padding-bottom:25px}.Midi .ReactPiano__Keyboard{margin-top:40px}.Midi .controls-row{display:flex;align-items:flex-start;gap:10px}.Midi .Select{flex:1}.Midi .piano-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.Midi .octave-selector{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.Midi .octave-selector__arrow{background:none;border:none;color:#888;font-size:12px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .15s}.Midi .octave-selector__arrow:hover:not(:disabled){color:#333}.Midi .octave-selector__arrow:disabled{color:#ccc;cursor:default}.Midi .octave-selector__label{font-size:13px;color:#666;font-weight:500;min-width:24px;text-align:center}.Midi .sustain-toggle{background:none;border:1.5px solid #ccc;border-radius:5px;color:#888;font-size:12px;font-weight:500;padding:3px 10px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.Midi .sustain-toggle:hover{border-color:#888;color:#555}.Midi .sustain-toggle--active{background:#333;border-color:#333;color:#fff}.Midi .sustain-toggle--active:hover{background:#000;border-color:#000;color:#fff}.Midi .adsr-section{flex:1}.Midi .adsr-section .adsr-label{font-size:14px;margin-bottom:5px}.Midi .adsr-section .ADSREnvelope svg{max-height:50px}.icons_credits{font-size:.75rem}body{background:#f8f8f8;font-family:Lato,sans-serif;font-size:1rem}a{color:#333;text-decoration:none}a:hover,a:focus{color:#000;outline:none}b,strong{font-weight:700}.clearfix{clear:both}#root{width:100%;max-width:750px;background:#fff;margin:0 auto;min-height:500px;display:grid}#internal{padding:15px;display:grid}.embed-mode #root{max-width:100%;margin:0;min-height:auto}.embed-mode #internal{padding:8px}