style.css

button.reset {
    min-width: min(100px,100%);
}

.block.gradio-checkbox.not-button {
    margin: 0.75em 0 0 0.3em;
}

.block.gradio-checkbox.not-button label > span {
    visibility: hidden;
    height: 0px;
}

.gradio-column.mm_infotext_image {
    min-width: min(100px, 100%) !important;
}

div.block.mm-compact-accordion{

}
div.accordions > div.mm-compact-accordion{
    min-width: fit-content !important;
}

div.accordions > div.mm-compact-accordion.compact-accordion-open{
    flex: 1 auto;
    flex-flow: column;
}

.mm-vxa-token{ cursor: pointer; }
.mm-vxa-punct {background: rgba(136, 136, 136, 0.55); padding:0; margin:0;}
.mm-vxa-token-0 {background: rgba(209, 17, 65, 0.85); border-radius:3px;}
.mm-vxa-token-0:hover {background: rgba(209, 17, 65, 0.65);}
.mm-vxa-token-1 {background: rgba(0, 177, 89, 0.85); border-radius:3px;}
.mm-vxa-token-1:hover {background: rgba(0, 177, 89, 0.65);}
.mm-vxa-token-2 {background: rgba(0, 174, 219, 0.85); border-radius:3px;}
.mm-vxa-token-2:hover {background: rgba(0, 174, 219, 0.65);}
.mm-vxa-token-3 {background: rgba(255, 196, 37, 0.85); border-radius:3px;}
.mm-vxa-token-3:hover {background: rgba(255, 196, 37, 0.65);}

@media (prefers-color-scheme: light) {
.mm-vxa-punct {background: rgba(136, 136, 136, 0.35);}
.mm-vxa-token-0 {background: rgba(209, 17, 65, 0.35);}
.mm-vxa-token-1 {background: rgba(0, 177, 89, 0.35);}
.mm-vxa-token-2 {background: rgba(0, 174, 219, 0.35);}
.mm-vxa-token-3 {background: rgba(255, 196, 37, 0.35);}
}