@import "fonts.css";

body {
    overflow-y: scroll;
}

form.vega-bindings {
    /* By default, at least Chrome adds some margin around forms. */
    margin: 0;
}

/* TODO: Figure out how to inject such styles using Material UI itself. */
.MuiGrid-root > .MuiGrid-item:empty {
    padding: 0;
}

.platform-properties-table th {
    text-align: start;
}

footer .platform-properties-table {
    font-size: inherit;
    font-weight: inherit;
    border-spacing: 0;
}

span:not(:empty) + .unknown-table-cell-value {
    display: none;
}

.vega-embed {
    margin-left: 50%;
    transform: translateX(-50%);
}

@media print {
    .vega-embed > svg {
        width: 100%;
    }
}

.vg-tooltip {
    max-width: 250px;
}