@import"https://fonts.googleapis.com/css?family=Saira";html,body,#app{height:100%;margin:0;padding:0;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;min-height:100vh}.searchbar-box{background-color:#006485;color:#fff;top:0;padding:5px;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{padding-top:50px}.content-wrapper{flex:1;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;overflow:none}.main-container{flex:1;margin:0 auto;padding:20px}.jumbotron{background-color:#f9f9f9;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.searchbar-box{background-color:#006485;height:7.5vh;min-height:50px;max-height:100px;width:100%;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.searchbar-title{font-size:30px}form{display:inline-block;margin-top:20px}form input[type=text]{padding:8px;border:none;border-radius:5px;width:400px}form button[type=submit]{padding:8px 16px;background-color:#fff;color:#20aabd;border:none;border-radius:5px;margin-left:10px;cursor:pointer}.footer a{color:#006485!important;text-decoration:none!important}.footer a:hover{text-decoration:underline!important}.no-wrap{white-space:nowrap}label{-webkit-user-select:none;user-select:none}.hero{background:#006485;color:#fff;padding:4rem 0;text-align:center}.services .card{border:none;box-shadow:0 4px 8px #0000001a;transition:transform .2s}.services .card:hover{transform:translateY(-5px)}@media screen and (max-width: 615px){body{margin:0;padding:0;overflow-x:hidden;max-width:100%}#collectionMenu{z-index:0;width:auto!important;position:relative!important}.nav{width:auto}#fatherContainer{flex-direction:column!important;position:relative!important}.archives{margin-left:0!important}#mobileIMG{width:150px;height:auto;max-width:100%}}.navbar-nav[data-v-b68a0351],.navbar-brand[data-v-b68a0351]{font-size:18px}.footer[data-v-5ef9873c]{padding:1rem}rooter-link[data-v-5ef9873c]{color:#006485!important;text-decoration:none}.stop-scroll{overflow:hidden}body{padding:0;margin:0}nav{background-color:#006496}.container-main{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-content{flex:1;display:flex;flex-direction:column}.sticky{position:sticky;top:0;z-index:1000}.project-title[data-v-e5e554d5]{text-align:center;color:#fff;padding-bottom:20px;background:#006496;width:100%}.services .card[data-v-e5e554d5]{border:none;box-shadow:0 4px 8px #0000001a;transition:transform .2s}.services .card[data-v-e5e554d5]:hover{transform:translateY(-5px)}p[data-v-e5e554d5]{font-size:14px}.searchbar-box[data-v-e5e554d5]{margin-top:70px;background:linear-gradient(to right,#006485,#0078a0e6,#00649bcc,#006485b3);color:#000}.modal-overlay[data-v-1a51dcc7]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-header[data-v-1a51dcc7]{display:flex;justify-content:center;align-items:center;padding:20px;border-bottom:2px solid #c0c0c0;flex-shrink:0}.modal-header h1[data-v-1a51dcc7]{flex:1;text-align:center;font-size:24px;margin:0;color:#333}.close-button[data-v-1a51dcc7]{background:#ec5f5f;border-radius:20%;font-size:35px;cursor:pointer;color:#000;font-weight:700;padding:0 0 5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none}.close-button[data-v-1a51dcc7]:hover{color:#444}.modal-content[data-v-1a51dcc7]{background:#fff;border-radius:10px;width:90%;height:90%;max-width:1400px;max-height:900px;display:flex;flex-direction:column;overflow:hidden}.modal-body[data-v-1a51dcc7]{flex:1;gap:20px;overflow-y:auto;padding:15px}.playback-controls[data-v-1a51dcc7]{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px;margin-bottom:15px;background:#f0f0f0;border-radius:8px}.play-button[data-v-1a51dcc7],.stop-button[data-v-1a51dcc7]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s}.play-button[data-v-1a51dcc7]{background:#28a745;color:#fff}.play-button[data-v-1a51dcc7]:hover{background:#218838}.stop-button[data-v-1a51dcc7]{background:#dc3545;color:#fff}.stop-button[data-v-1a51dcc7]:hover{background:#c82333}.tempo-control[data-v-1a51dcc7]{display:flex;align-items:center;gap:10px}.tempo-control label[data-v-1a51dcc7]{font-weight:700;min-width:100px}.tempo-control input[type=range][data-v-1a51dcc7]{width:150px}.score-details[data-v-1a51dcc7]{display:flex;gap:15px;width:100%}.results-details[data-v-1a51dcc7]{position:sticky;display:flex;flex-direction:column;gap:15px;top:0;height:fit-content}.color-scale[data-v-1a51dcc7]{padding:15px;background:#f0f0f0;border-radius:8px}.color-scale h3[data-v-1a51dcc7]{margin:0 0 10px;color:#000}.color-gradient[data-v-1a51dcc7]{display:flex;flex-direction:column;gap:5px}.gradient-bar[data-v-1a51dcc7]{height:20px;background:linear-gradient(to right,red,#d7d700,#00b300);border-radius:10px;border:2px solid #c0c0c0}.gradient-labels[data-v-1a51dcc7]{display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:#000}.match-controls[data-v-1a51dcc7]{padding:15px;background:#f0f0f0;border-radius:8px}.match-controls h3[data-v-1a51dcc7]{margin:0 0 10px;color:#333}.control-button[data-v-1a51dcc7]{margin:5px 5px 10px 0;padding:8px 15px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s}.control-button[data-v-1a51dcc7]:hover{background:#0056b3}.match-list[data-v-1a51dcc7]{display:flex;flex-direction:column;gap:8px}.match-item label[data-v-1a51dcc7]{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.match-item input[type=checkbox][data-v-1a51dcc7]{width:16px;height:16px}.score-display[data-v-1a51dcc7]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff;border:1px solid #c0c0c0;border-radius:8px;padding:20px;overflow:auto}.score-footer[data-v-1a51dcc7]{width:100%;display:flex;flex-direction:column;align-items:flex-start}.score-author[data-v-1a51dcc7]{font-size:16px;font-weight:700;align-self:flex-end;padding:5px}.comment[data-v-1a51dcc7]{font-weight:700}.svg-container[data-v-1a51dcc7]{max-width:100%;height:auto}.svg-container[data-v-1a51dcc7] svg{max-width:100%;height:auto}.svg-container[data-v-1a51dcc7] .currently-playing .notehead{fill:#ff6b6b!important;stroke:#ff6b6b!important;stroke-width:2px!important}.note-tooltip[data-v-1a51dcc7]{position:absolute;background:#000000de;color:#fff;padding:5px 10px;border-radius:4px;font-size:13px;pointer-events:none}@keyframes pulse-1a51dcc7{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.svg-container[data-v-1a51dcc7] .currently-playing{animation:pulse-1a51dcc7 .5s ease-in-out}.paginated-results[data-v-e18e6ef6]{flex:1;padding:20px;width:auto;overflow:auto;background-color:#fff}.navigation[data-v-e18e6ef6]{text-align:right}.pagination-bt[data-v-e18e6ef6]{border-radius:5px;min-height:30px;min-width:100px;border:none;cursor:pointer;margin:0 10px;background-color:#bfdaed;color:#000;font-size:12px;padding:0 10px}.pagination-bt[data-v-e18e6ef6]:hover{background-color:#62aadd}.pagination-bt[data-v-e18e6ef6]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}#csv-button[data-v-e18e6ef6]{float:inline-start}.page-nb-input[data-v-e18e6ef6]{width:40px}.results-container[data-v-e18e6ef6]{display:flex;flex-wrap:wrap;justify-content:center}.score-preview[data-v-e18e6ef6]{text-decoration:none;color:#000;padding:15px}.score_title[data-v-e18e6ef6]{margin-left:8px;margin-top:10px;width:180px}.music-score-box[data-v-e18e6ef6]{width:180px;height:250px;background-color:#e6f2f8;border-radius:10px;border:2px solid #20aabd;padding:10px;margin:5px;word-wrap:break-word;overflow-x:hidden;overflow-y:hidden;display:flex;justify-content:center;align-items:center}.music-score-box[data-v-e18e6ef6]:hover{cursor:pointer;box-shadow:0 5px 10px #0000004d;background-color:#dceaf1}.music-score-box svg[data-v-e18e6ef6]{max-width:100%;max-height:100%}a[data-v-e18e6ef6]:hover{color:#1e70bf;text-decoration:none}.searchbar-box[data-v-f8c4a56f]{background-color:#006496;color:#fff;top:0;padding:10px;transition:opacity 1.5s ease-in-out;opacity:1}.selected[data-v-f8c4a56f]{background-color:#006485;color:#fff}.selected[data-v-f8c4a56f]:hover{background-color:#0082aa;box-shadow:0 4px 8px #0003}.authors[data-v-f8c4a56f]{background-color:#edebe6}.authors[data-v-f8c4a56f]:hover{box-shadow:0 4px 8px #0003}.archives[data-v-f8c4a56f]{margin-left:18rem;width:100%}#collectionMenu[data-v-f8c4a56f]{padding:1rem}#stop_melody[data-v-f4acac57]{background:red}button[data-v-f4acac57]{background:#7ab6e0}.clear_buttons[data-v-f4acac57]{align-self:center;display:flex;justify-content:center;gap:10px}.wrapper[data-v-286b8adc]{padding:35px 40px;border-radius:20px;text-align:center}.wrapper header[data-v-286b8adc]{display:flex;color:#b2b2b2;align-items:center;justify-content:space-between}.unselected-label[data-v-286b8adc]{color:#000;padding:5px}.selected-label[data-v-286b8adc]{text-decoration:underline;text-decoration-color:#7ab6e0;text-decoration-thickness:3px}.switch[data-v-286b8adc]{position:relative;display:inline-block;width:60px;height:34px;margin-left:10px;margin-right:10px}.switch input[data-v-286b8adc]{opacity:0;width:0;height:0}.slider[data-v-286b8adc]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#7ab6e0;-webkit-transition:.4s;transition:.4s}.slider[data-v-286b8adc]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:focus+.slider[data-v-286b8adc]{box-shadow:0 0 1px #2196f3}input:checked+.slider[data-v-286b8adc]:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round[data-v-286b8adc]{border-radius:34px}.slider.round[data-v-286b8adc]:before{border-radius:50%}.wrapper[data-v-83e4027d]{padding:35px 40px;width:950px;border-radius:20px;background:#141414}.wrapper header[data-v-83e4027d]{display:flex;color:#b2b2b2;align-items:center;justify-content:space-between}.volume-slider[data-v-83e4027d]{display:flex;align-items:center;gap:10px;color:#fff}.volume-slider input[data-v-83e4027d]{accent-color:#fff}header input[data-v-83e4027d]{outline:none;border-radius:30px}.keys-checkbox[data-v-83e4027d]{display:flex;align-items:center;gap:10px;color:#fff}.keys-checkbox input[data-v-83e4027d]{height:30px;width:60px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:#4b4b4b}.keys-checkbox input[data-v-83e4027d]:before{content:"";position:absolute;top:50%;left:5px;width:20px;height:20px;border-radius:50%;background:#8c8c8c;transform:translateY(-50%);transition:all .3s ease}.keys-checkbox #qwerty-checkbox[data-v-83e4027d]:before{background:#fff}.keys-checkbox input[data-v-83e4027d]:checked:before{left:35px;background:#fff}.piano-keys[data-v-83e4027d]{display:flex;list-style:none;margin-top:40px;margin-right:20px}.piano-keys .key[data-v-83e4027d]{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;text-transform:uppercase;writing-mode:sideways-lr}#silence-bt[data-v-83e4027d]{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;height:70px;width:230px;border-radius:8px;border:1px solid #000;background:linear-gradient(#fff 96%,#eee 4%)}#silence-bt .active[data-v-83e4027d]{box-shadow:inset -5px 5px 20px #0003;background:linear-gradient(to bottom,#fff,#eee)}.rhythm-modif[data-v-83e4027d]{display:flex;margin:0;gap:5px;align-items:center}.rhythm-modif-bt[data-v-83e4027d]{height:50px;border-radius:5px;width:40px;background-color:#fff;position:relative}.rhythm-modif-bt img[data-v-83e4027d]{border-radius:3px}.octave-modif-bt-div[data-v-83e4027d]{display:flex;margin-right:10px;gap:10px}.octave-modif[data-v-83e4027d]{display:flex;align-items:center;margin:10px}.rhythm-modif-bt[data-v-83e4027d],.octave-modif-bt[data-v-83e4027d]{border-radius:3px;border:none}.white-label[data-v-83e4027d]{color:#fff}.piano-keys .black[data-v-83e4027d]{z-index:2;width:44px;height:140px;margin:0 -22px;border-radius:0 0 5px 5px;background:linear-gradient(#333,#000)}.piano-keys .black.active[data-v-83e4027d]{box-shadow:inset -5px -10px 10px #ffffff1a;background:linear-gradient(to bottom,#000,#434343)}.piano-keys .white[data-v-83e4027d]{height:230px;width:70px;border-radius:8px;border:1px solid #000;background:linear-gradient(#fff 96%,#eee 4%)}.piano-keys .white.active[data-v-83e4027d]{box-shadow:inset -5px 5px 20px #0003;background:linear-gradient(to bottom,#fff,#eee)}.piano-keys .key span[data-v-83e4027d]{position:absolute;bottom:20px;width:100%;color:#a2a2a2;font-size:1.13rem;text-align:center}.piano-keys .key.hide span[data-v-83e4027d]{display:none}.piano-keys .black span[data-v-83e4027d]{bottom:13px;color:#888}.wrapper[data-v-28b0e8eb]{padding:35px 40px;border-radius:20px;text-align:center}.wrapper header[data-v-28b0e8eb]{display:flex;color:#b2b2b2;align-items:center;justify-content:space-between}.results-container[data-v-28b0e8eb]{display:flex;flex-wrap:wrap;justify-content:center}.music-score-box[data-v-28b0e8eb]{width:180px;height:250px;background-color:#e6f2f8;border-radius:10px;border:2px solid #20aabd;padding:10px;margin:5px;word-wrap:break-word;overflow-x:hidden;overflow-y:hidden;display:flex;justify-content:center;align-items:center}.music-score-box[data-v-28b0e8eb]:hover{cursor:pointer;box-shadow:0 5px 10px #0000004d;background-color:#dceaf1}.music-score-box svg[data-v-28b0e8eb]{max-width:100%;max-height:100%}.score-preview[data-v-28b0e8eb]{text-decoration:none;color:#000;padding:15px}.score_title[data-v-28b0e8eb]{margin-left:8px;margin-top:10px;width:180px}.score_author[data-v-28b0e8eb]{font-size:16px;margin-left:8px}.nb-select[data-v-28b0e8eb]{width:50px}.nb-select-large[data-v-28b0e8eb]{width:60px}.intervals-cb[data-v-28b0e8eb]{display:grid;float:right}.tooltip-lb[data-v-28b0e8eb]{position:relative;display:inline-block}.tooltip-lb .tooltiptext[data-v-28b0e8eb]{visibility:hidden;width:150px;background:#18767ed0;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1}.tooltip-lb:hover .tooltiptext[data-v-28b0e8eb]{visibility:visible}.tooltip-lb-alt[data-v-28b0e8eb]{position:relative;display:inline-block}.tooltip-lb-alt .tooltiptext[data-v-28b0e8eb]{visibility:hidden;width:150px;background:#18767ed0;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1}.tooltip-lb-alt:hover .tooltiptext[data-v-28b0e8eb]{visibility:visible}.info-note[data-v-28b0e8eb]{background:#fff8dc;border:1px solid black;border-radius:5px;padding:5px;position:absolute}#recording-circle[data-v-28b0e8eb]{width:6rem;height:6rem;box-shadow:0 2px 8px #0000004d}button[data-v-28b0e8eb]{background:#7ab6e0}.bt-not-recording[data-v-28b0e8eb]{background-color:#006485;color:#fff}#stop_recording[data-v-28b0e8eb]{background:red}#download-link[data-v-28b0e8eb]{margin:10px}#styleCardRecorder[data-v-28b0e8eb]{box-shadow:0 10px 10px #0000001a;border:none;border-radius:5px;padding:10px}.info-tooltip[data-v-c6f44564]{position:fixed;z-index:1000;background:#f0f0f0;border:1px solid #ccc;padding:8px;font-size:12px;border-radius:4px;max-width:300px;pointer-events:none;box-shadow:0 2px 5px #0003}.search-param[data-v-62dff740]{display:flex;flex-direction:column;justify-content:space-between;gap:20px}.search-buttons[data-v-62dff740]{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.search-buttons>button[data-v-62dff740]{background:#7ab6e0;color:#fff}.search-buttons>button[data-v-62dff740]:hover,.selected[data-v-62dff740]{background:#006485!important}.fuzzy-options[data-v-62dff740]{display:flex;flex-direction:column;justify-content:start}#send-button[data-v-62dff740]{background:#006485;align-self:center}#optionToggleButton[data-v-62dff740]{background:#fff}#optionToggleButton[data-v-62dff740]:hover{background:#6c757d;color:#fff}.nb-select[data-v-62dff740]{width:50px}.nb-select-large[data-v-62dff740]{width:60px}.toggle-options[data-v-62dff740]{align-self:center;display:flex;flex-direction:column;gap:10px;padding:10px;background-color:#fff;border:1px solid #ccc;border-radius:5px;max-width:400px}.tooltip-div[data-v-62dff740]{position:absolute;display:block;z-index:0;color:#000;background-color:#f0f0f0;border:1px solid #ccc;border-radius:3px;box-shadow:0 0 5px #0003}.tooltip-div p[data-v-62dff740]{margin:0;padding:10px;font-size:12px;max-width:300px}.collapse-enter-active[data-v-62dff740]{overflow:hidden;animation:collapse-62dff740 .5s}.collapse-leave-active[data-v-62dff740]{overflow:hidden;animation:collapse-62dff740 .5s reverse}@keyframes collapse-62dff740{0%{max-height:0px}to{max-height:400px}}.search-pattern[data-v-8efe9663]{display:flex;flex-direction:column;align-items:center;padding:20px;gap:10px;position:relative;background-color:#f9f9f9;border-radius:8px;margin:0 auto 20px;box-shadow:0 2px 4px #0000001a;width:fit-content;max-width:100%}