| custom_css = """ |
| |
| .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); |
| } |
| |
| #leaderboard-table { |
| margin-top: 15px |
| } |
| |
| #leaderboard-table-lite { |
| margin-top: 15px |
| } |
| |
| #search-bar-table-box > div:first-child { |
| background: none; |
| border: none; |
| } |
| |
| #search-bar { |
| padding: 0px; |
| } |
| |
| /* Limit the width of the first AutoEvalColumn so that names don't expand too much */ |
| #leaderboard-table td:nth-child(2), |
| #leaderboard-table th:nth-child(2) { |
| max-width: 400px; |
| overflow: auto; |
| white-space: nowrap; |
| } |
| |
| .tab-buttons button { |
| font-size: 20px; |
| } |
| |
| #scale-logo { |
| border-style: none !important; |
| box-shadow: none; |
| display: block; |
| margin-left: auto; |
| margin-right: auto; |
| max-width: 600px; |
| } |
| |
| #scale-logo .download { |
| display: none; |
| } |
| #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 |
| } |
| |
| #benchmark-tab-table [data-testid="checkbox-group"] { |
| display: grid !important; |
| grid-template-columns: repeat(5, max-content); |
| gap: 8px 12px; |
| width: max-content; |
| align-items: center; |
| } |
| |
| #benchmark-tab-table [data-testid="checkbox-group"] label { |
| margin: 0 !important; |
| } |
| |
| .score-scroll-row { |
| flex-wrap: nowrap !important; |
| overflow-x: auto !important; |
| gap: 12px; |
| align-items: stretch; |
| padding-bottom: 8px; |
| } |
| |
| .score-scroll-row > * { |
| flex: 0 0 auto !important; |
| } |
| |
| .score-section-chip { |
| min-width: 150px; |
| max-width: 150px; |
| justify-content: center; |
| border: 1px solid rgba(0, 0, 0, 0.08); |
| border-radius: 14px; |
| background: rgba(0, 0, 0, 0.03); |
| padding: 12px; |
| } |
| |
| .score-section-chip-text p { |
| margin: 0; |
| font-size: 14px !important; |
| font-weight: 600; |
| text-align: center; |
| } |
| |
| .score-pair-card { |
| min-width: 230px; |
| max-width: 230px; |
| border: 1px solid rgba(0, 0, 0, 0.08); |
| border-radius: 14px; |
| background: rgba(0, 0, 0, 0.02); |
| padding: 12px; |
| } |
| |
| .score-pair-label p { |
| margin: 0 0 8px 0; |
| font-size: 14px !important; |
| font-weight: 600; |
| text-align: center; |
| } |
| |
| .score-inline-inputs { |
| flex-wrap: nowrap !important; |
| gap: 8px; |
| align-items: flex-end; |
| } |
| |
| .score-inline-inputs > * { |
| flex: 0 0 auto !important; |
| } |
| |
| .score-inline-field { |
| gap: 4px; |
| min-width: 88px !important; |
| max-width: 88px !important; |
| } |
| |
| .score-inline-field-label p { |
| margin: 0; |
| font-size: 12px !important; |
| text-align: center; |
| font-weight: 600; |
| } |
| |
| .score-value-input { |
| min-width: 88px; |
| max-width: 88px; |
| } |
| |
| .score-value-input textarea, |
| .score-value-input input { |
| width: 100% !important; |
| min-width: 88px !important; |
| max-width: 88px !important; |
| text-align: center; |
| } |
| |
| .rank-by-label { |
| margin: 0 !important; |
| align-self: center; |
| min-width: 0 !important; |
| width: auto !important; |
| } |
| |
| .rank-by-label .html-container, |
| .rank-by-label .html-container > div, |
| .rank-by-label .prose { |
| padding: 0 !important; |
| margin: 0 !important; |
| } |
| |
| .rank-by-inline-text { |
| display: inline-block; |
| white-space: nowrap; |
| margin: 0; |
| font-size: 13px !important; |
| font-weight: 600; |
| line-height: 1; |
| } |
| |
| .score-inline-inputs textarea, |
| .score-inline-inputs input { |
| text-align: center; |
| } |
| |
| #benchmark-board-shell { |
| position: relative; |
| } |
| |
| #benchmark-rank-toolbar { |
| position: absolute; |
| top: 240px; |
| right: 16px; |
| z-index: 20; |
| width: auto; |
| gap: 8px; |
| justify-content: flex-end; |
| align-items: center; |
| } |
| |
| #benchmark-rank-toolbar > * { |
| flex: 0 0 auto !important; |
| } |
| |
| .rank-toggle-button { |
| min-width: 0 !important; |
| height: 32px !important; |
| padding: 0 12px !important; |
| border-radius: 999px !important; |
| font-size: 13px !important; |
| line-height: 1 !important; |
| } |
| |
| @media (max-width: 900px) { |
| #benchmark-rank-toolbar { |
| position: static; |
| margin-top: 10px; |
| justify-content: flex-start; |
| } |
| } |
| """ |
|
|
| get_window_url_params = """ |
| function(url_params) { |
| const params = new URLSearchParams(window.location.search); |
| url_params = Object.fromEntries(params); |
| return url_params; |
| } |
| """ |
|
|
