css.py

css = """
:root, .dark{
    --checkbox-label-gap: 0.25em 0.1em;
    --section-header-text-size: 12pt;
    --block-background-fill: transparent;
}
.block.padded:not(.gradio-accordion) {
    padding: 0 !important;
}
div.gradio-container{
    max-width: unset !important;
}
.compact{
    background: transparent !important;
    padding: 0 !important;
}
div.form{
    border-width: 0;
    box-shadow: none;
    background: transparent;
    overflow: visible;
    gap: 0.5em;
}
.block.gradio-dropdown,
.block.gradio-slider,
.block.gradio-checkbox,
.block.gradio-textbox,
.block.gradio-radio,
.block.gradio-checkboxgroup,
.block.gradio-number,
.block.gradio-colorpicker {
    border-width: 0 !important;
    box-shadow: none !important;
}
.gradio-dropdown label span:not(.has-info),
.gradio-textbox label span:not(.has-info),
.gradio-number label span:not(.has-info)
{
    margin-bottom: 0;
}
.gradio-dropdown ul.options{
    z-index: 3000;
    min-width: fit-content;
    max-width: inherit;
    white-space: nowrap;
}
.gradio-dropdown ul.options li.item {
    padding: 0.05em 0;
}
.gradio-dropdown ul.options li.item.selected {
    background-color: var(--neutral-100);
}
.dark .gradio-dropdown ul.options li.item.selected {
    background-color: var(--neutral-900);
}
.gradio-dropdown div.wrap.wrap.wrap.wrap{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.gradio-dropdown:not(.multiselect) .wrap-inner.wrap-inner.wrap-inner{
    flex-wrap: unset;
}
.gradio-dropdown .single-select{
    white-space: nowrap;
    overflow: hidden;
}
.gradio-dropdown .token-remove.remove-all.remove-all{
    display: none;
}
.gradio-dropdown.multiselect .token-remove.remove-all.remove-all{
    display: flex;
}
.gradio-slider input[type="number"]{
    width: 6em;
}
.block.gradio-checkbox {
    margin: 0.75em 1.5em 0 0;
}
.gradio-html div.wrap{
    height: 100%;
}
div.gradio-html.min{
    min-height: 0;
}
#model_dd {
    width: 16%;
}
"""