src/styles.py

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;
}
/* 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;
}
table > tbody > tr > td:nth-child(3) > div {
    overflow-x: auto;
    width: 450px;
}
tbody span {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.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
}
"""

get_window_url_params = """
    function(url_params) {
        const params = new URLSearchParams(window.location.search);
        url_params = Object.fromEntries(params);
        return url_params;
    }
    """

polygon_svg = """
<a href="https://csi.amu.edu.pl/en" target="_blank">
<svg width="460px" height="190px" viewBox="60 -10 243.6 200.2" xmlns="http://www.w3.org/2000/svg" xml:space="preserve">
    <style type="text/css">
        .st0{fill:#E52713;} /* Sets the fill color to red */
        .st1 { fill: #FFFFFF; } /* Sets the fill color to blue */
    </style>
    <g>
        <polygon class="st0" points="147.4,97.1 147.4,107.5 137,107.5 137,103.1 126.1,103.1 126.1,104.7 121.3,104.7 121.3,103.1
            110.8,103.1 110.8,107.5 100.4,107.5 100.4,97.1 110.8,97.1 110.8,101.5 121.3,101.5 121.3,99.9 126.1,99.9 126.1,101.5 137,101.5
            137,97.1"></polygon>
        <polygon class="st0" points="168.3,74.9 168.3,85.3 157.8,85.3 157.8,80.9 137,80.9 137,85.3 126.6,85.3 126.6,80.9 108.7,80.9
            108.7,89.2 90.4,89.2 90.4,80.9 69.6,80.9 69.6,82.5 64.8,82.5 64.8,80.9 48,80.9 48,85.3 37.5,85.3 37.5,74.9 48,74.9 48,79.3
            64.8,79.3 64.8,77.7 69.6,77.7 69.6,79.3 90.4,79.3 90.4,70.9 108.7,70.9 108.7,79.3 126.6,79.3 126.6,74.9 137,74.9 137,79.3
            157.8,79.3 157.8,74.9"></polygon>
        <polygon class="st0" points="174.7,51.7 174.7,62.1 164.3,62.1 164.3,57.7 150.3,57.7 150.3,59.3 145.4,59.3 145.4,57.7
            130.6,57.7 130.6,64.6 115.2,64.6 115.2,57.7 102,57.7 102,59.3 97.2,59.3 97.2,57.7 84.5,57.7 84.5,68.4 61.4,68.4 61.4,57.7
            51.2,57.7 51.2,62.1 40.8,62.1 40.8,57.7 30.7,57.7 30.7,62.1 20.3,62.1 20.3,51.7 30.7,51.7 30.7,56.1 40.8,56.1 40.8,51.7
            51.2,51.7 51.2,56.1 61.4,56.1 61.4,45.3 84.5,45.3 84.5,56.1 97.2,56.1 97.2,54.5 102,54.5 102,56.1 115.2,56.1 115.2,49.2
            130.6,49.2 130.6,56.1 145.4,56.1 145.4,54.5 150.3,54.5 150.3,56.1 164.3,56.1 164.3,51.7"></polygon>
        <polygon class="st0" points="155.5,32.2 155.5,42.6 145.1,42.6 145.1,38.2 125.7,38.2 125.7,39.8 120.9,39.8 120.9,38.2 98.7,38.2
            98.7,42.6 88.3,42.6 88.3,38.2 53.2,38.2 53.2,42.6 42.8,42.6 42.8,32.2 53.2,32.2 53.2,36.6 88.3,36.6 88.3,32.2 98.7,32.2
            98.7,36.6 120.9,36.6 120.9,35 125.7,35 125.7,36.6 145.1,36.6 145.1,32.2"></polygon>
        <polygon class="st0" points="125.6,16.2 125.6,26.6 115.2,26.6 115.2,22.2 102.5,22.2 102.5,23.9 97.7,23.9 97.7,22.2 85.1,22.2
            85.1,26.6 74.7,26.6 74.7,16.2 85.1,16.2 85.1,20.6 97.7,20.6 97.7,19 102.5,19 102.5,20.6 115.2,20.6 115.2,16.2"></polygon>
        <rect x="128" y="116.8" class="st0" width="10.4" height="10.4"></rect>
    </g>
    <g class="st1">
	<path d="M196.7,34.3c0-6,4.6-10.9,11-10.9c3.9,0,7.3,2,9.1,5.2l-1.9,1.1c-1.3-2.5-4.1-4.2-7.2-4.2c-5.3,0-8.9,3.9-8.9,8.8
		c0,4.9,3.6,8.8,8.9,8.8c3.1,0,5.9-1.7,7.2-4.2l1.9,1c-1.7,3.1-5.2,5.2-9.1,5.2C201.3,45.1,196.7,40.3,196.7,34.3z"></path>
	<path d="M235.3,42.8v2H223v-21h12.2v2h-10v7.4h9.3v2h-9.3v7.6H235.3z"></path>
	<path d="M257.2,23.8v21h-1.8l-11.7-17.1v17.1h-2.1v-21h1.8l11.7,17.1V23.8H257.2z"></path>
	<path d="M277.9,25.7h-6.5v19h-2.1v-19h-6.5v-2h15V25.7z"></path>
	<path d="M295.9,42.8v2h-12.3v-21h12.2v2h-10v7.4h9.3v2h-9.3v7.6H295.9z"></path>
	<path d="M310.1,36.4h-5.9v8.4h-2.1v-21h8.4c3.5,0,6.3,2.8,6.3,6.3c0,2.8-1.9,5.3-4.5,6l5.1,8.7h-2.4L310.1,36.4z M304.3,34.4h6.3
		c2.3,0,4.2-1.9,4.2-4.3c0-2.4-1.9-4.3-4.2-4.3h-6.3V34.4z"></path>
	<path d="M335.5,25.7v7.7h9.3v2h-9.3v9.3h-2.1v-21h11.8v2H335.5z"></path>
	<path d="M350.3,34.3c0-6,4.7-10.9,10.9-10.9S372,28.3,372,34.3c0,6-4.7,10.9-10.9,10.9S350.3,40.3,350.3,34.3z M369.9,34.3
		c0-4.9-3.8-8.8-8.8-8.8s-8.8,3.9-8.8,8.8c0,4.9,3.8,8.8,8.8,8.8S369.9,39.2,369.9,34.3z"></path>
	<path d="M386.3,36.4h-5.9v8.4h-2.1v-21h8.4c3.5,0,6.3,2.8,6.3,6.3c0,2.8-1.9,5.3-4.5,6l5.1,8.7h-2.4L386.3,36.4z M380.4,34.4h6.3
		c2.3,0,4.2-1.9,4.2-4.3c0-2.4-1.9-4.3-4.2-4.3h-6.3V34.4z"></path>
	<path d="M209.9,73.6h-10l-2,5.2h-2.2l8.1-21h2.2l8.1,21h-2.2L209.9,73.6z M209.2,71.6L205,60.4l-4.2,11.2H209.2z"></path>
	<path d="M227.5,70.4h-5.9v8.4h-2.1v-21h8.4c3.5,0,6.3,2.8,6.3,6.3c0,2.8-1.9,5.3-4.5,6l5.1,8.7h-2.4L227.5,70.4z M221.6,68.4h6.3
		c2.3,0,4.2-1.9,4.2-4.3c0-2.4-1.9-4.3-4.2-4.3h-6.3V68.4z"></path>
	<path d="M253.3,59.7h-6.5v19h-2.1v-19h-6.5v-2h15V59.7z"></path>
	<path d="M261.1,57.8v21H259v-21H261.1z"></path>
	<path d="M270.7,59.7v7.7h9.3v2h-9.3v9.3h-2.1v-21h11.8v2H270.7z"></path>
	<path d="M288.8,57.8v21h-2.1v-21H288.8z"></path>
	<path d="M295.1,68.3c0-6,4.6-10.9,11-10.9c3.9,0,7.3,2,9.1,5.2l-1.9,1.1c-1.3-2.5-4.1-4.2-7.2-4.2c-5.3,0-8.9,3.9-8.9,8.8
		c0,4.9,3.6,8.8,8.9,8.8c3.1,0,5.9-1.7,7.2-4.2l1.9,1c-1.7,3.1-5.2,5.2-9.1,5.2C299.7,79.1,295.1,74.3,295.1,68.3z"></path>
	<path d="M323.5,57.8v21h-2.1v-21H323.5z"></path>
	<path d="M343,73.6h-10l-2,5.2h-2.2l8.1-21h2.2l8.1,21h-2.2L343,73.6z M342.2,71.6L338,60.4l-4.2,11.2H342.2z"></path>
	<path d="M364.3,76.8v2h-11.7v-21h2.1v19H364.3z"></path>
	<path d="M200,91.8v21h-2.1v-21H200z"></path>
	<path d="M223.1,91.8v21h-1.8l-11.7-17.1v17.1h-2.1v-21h1.8l11.7,17.1V91.8H223.1z"></path>
	<path d="M243.8,93.7h-6.5v19h-2.1v-19h-6.5v-2h15V93.7z"></path>
	<path d="M261.8,110.8v2h-12.3v-21h12.2v2h-10v7.4h9.3v2h-9.3v7.6H261.8z"></path>
	<path d="M279.8,110.8v2h-11.7v-21h2.1v19H279.8z"></path>
	<path d="M297.2,110.8v2h-11.7v-21h2.1v19H297.2z"></path>
	<path d="M305,91.8v21h-2.1v-21H305z"></path>
	<path d="M332.6,103.9c0,5-3.8,9.3-10.3,9.3c-6.5,0-11-4.9-11-10.9c0-6,4.6-10.9,11-10.9c3.9,0,7.3,2.1,9.1,5.2l-1.9,1.1
		c-1.3-2.5-4.1-4.2-7.2-4.2c-5.3,0-8.9,3.9-8.9,8.8c0,4.9,3.6,8.8,8.9,8.8c4.9,0,7.7-2.8,8.1-6.3h-8.3v-2h10.5V103.9z"></path>
	<path d="M351.2,110.8v2h-12.3v-21H351v2h-10v7.4h9.3v2H341v7.6H351.2z"></path>
	<path d="M373.1,91.8v21h-1.8l-11.7-17.1v17.1h-2.1v-21h1.8l11.7,17.1V91.8H373.1z"></path>
	<path d="M379.4,102.3c0-6,4.6-10.9,11-10.9c3.9,0,7.3,2,9.1,5.2l-1.9,1.1c-1.3-2.5-4.1-4.2-7.2-4.2c-5.3,0-8.9,3.9-8.9,8.8
		c0,4.9,3.6,8.8,8.9,8.8c3.1,0,5.9-1.7,7.2-4.2l1.9,1c-1.7,3.1-5.2,5.2-9.1,5.2C383.9,113.1,379.4,108.3,379.4,102.3z"></path>
	<path d="M417.9,110.8v2h-12.3v-21h12.2v2h-10v7.4h9.3v2h-9.3v7.6H417.9z"></path>
    </g>
</svg>
</a>
"""