custom_css = """ /* Hides the final AutoEvalColumn */ #llm-benchmark-tab-table table td:last-child, #llm-benchmark-tab-table table th:last-child { display: none; } /* Limit the width of the first AutoEvalColumn so that names don't expand too much */ table td:first-child, table th:first-child { max-width: 400px; overflow: auto; white-space: nowrap; } /* Full width space */ .gradio-container { max-width: 95%!important; } /* Text style and margins */ .markdown-text { font-size: 16px !important; } #models-to-add-text { font-size: 18px !important; } #citation-button span { font-size: 16px !important; } #citation-button textarea { font-size: 16px !important; } #citation-button > label > button { margin: 6px; transform: scale(1.3); } #search-bar-table-box > div:first-child { background: none; border: none; } #search-bar { padding: 0px; } .modal-container.svelte-7knbu5 { margin-top: 8rem !important; } .modebar > .modebar-group:nth-child(2) { display: none !important; } #component-34 { flex: 0 0 1rem !important; min-width: 8rem !important; } #component-35 { height: 100% !important; background: #2563ea !important; color: white !important; } /* 100% scale*/ @media (resolution: 96dpi), (min-resolution: 1dppx) and (max-resolution: 1.25dppx) { #model_comparison { height: 6rem !important; overflow: auto !important; } } /* 125% scale */ @media (resolution: 120dpi), (min-resolution: 1.25dppx) and (max-resolution: 1.5dppx) { #model_comparison .svelte-1k4wjf2 { font-size: 0.65rem; } #model_comparison { height: 8rem !important; overflow: auto !important; } #component-35 { margin-top: 0.5rem; } #component-31 { margin-top: 0.5rem !important; } } #model_comparison { height: 6rem !important; overflow: auto !important; } #model_comparison .svelte-1k4wjf2 { font-size: 0.7rem !important; } .tab-buttons button { font-size: 20px; } /* Filters style */ #filter_type{ border: 0; padding-left: 0; padding-top: 0; } #filter_type label { display: flex; } #filter_type label > span{ margin-top: var(--spacing-lg); margin-right: 0.5em; } #filter_type label > .wrap{ width: 103px; } #filter_type label > .wrap .wrap-inner{ padding: 2px; } #filter_type label > .wrap .wrap-inner input{ width: 1px } #filter-columns-type{ border:0; padding:0.5; } #filter-columns-size{ border:0; padding:0.5; } #box-filter > .form{ border: 0 } """ get_window_url_params = """ function(url_params) { const params = new URLSearchParams(window.location.search); url_params = Object.fromEntries(params); return url_params; } """