*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.container[data-v-869ece6c]{display:flex;flex-direction:column;height:100vh}.top-bar[data-v-869ece6c]{height:10vh;width:100%;background:#3572a5;color:#fff;display:flex;align-items:center;font-size:18px;font-weight:700}.nav-left[data-v-869ece6c]{flex:15%;text-align:center;cursor:pointer}.nav-right[data-v-869ece6c]{flex:85%;text-align:center}.main-layout[data-v-869ece6c]{display:flex;height:90vh}.side-menu[data-v-869ece6c]{width:17vw;background-color:#3572a5;color:#fff;padding:0;display:flex;flex-direction:column}.search-container[data-v-869ece6c]{display:flex;align-items:center;gap:1px}.search-button[data-v-869ece6c]{padding:10px;background:#28567c;color:#fff;border:none;cursor:pointer;border-radius:2px;transition:.3s}.search-button[data-v-869ece6c]:hover{background:#f39c12}.button-grid[data-v-869ece6c]{margin:4px 0 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:100%;box-sizing:border-box}.button-grid button[data-v-869ece6c]{padding:10px 5px;margin:0;background:#28567c;border:none;color:#fff;font-size:12px;text-align:center;cursor:pointer;transition:.3s;border-radius:2px;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-grid button[data-v-869ece6c]:hover{background:#f39c12}.dropdown[data-v-869ece6c]{margin-top:10px}.dropdown button[data-v-869ece6c]{padding:8px;background:#28567c;border:none;color:#fff;font-size:12px;text-align:center;cursor:pointer;width:100%;transition:.3s;border-radius:2px}.dropdown button[data-v-869ece6c]:hover{background:#f39c12}.download-buttons[data-v-869ece6c]{margin-top:4px;display:flex;gap:2px}.download-buttons button[data-v-869ece6c]{flex:1;padding:10px;background:#28567c;border:none;color:#fff;font-size:12px;cursor:pointer;transition:.3s;border-radius:2px}.download-buttons button[data-v-869ece6c]:hover{background:#f39c12}.buttons[data-v-869ece6c]{display:flex;flex-direction:column;align-items:center;gap:10px}.active[data-v-869ece6c]{background-color:#4caf50;color:#fff}.mlp-inputs[data-v-869ece6c]{display:flex;flex-direction:column;font-size:11px;padding:4px;box-sizing:border-box}.mlp-inputs .el-input[data-v-869ece6c]{height:80%;width:100%}.mlp-button[data-v-869ece6c]{height:80%;width:20%}.input-container[data-v-869ece6c]{width:100%}button[data-v-869ece6c]{cursor:pointer}.component-area[data-v-869ece6c]{flex-grow:1;width:83vw;padding:0;background-color:#fff;overflow-y:auto}