.spreadsheet-container {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.spreadsheet {
    white-space: nowrap;
    border-collapse: collapse !important;
}

.spreadsheet td, .spreadsheet th {
    text-align: center;
    min-width: 50px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.spreadsheet th {
    font-weight: normal;
    background: #f8f9fa;
    user-select: none;
}

.spreadsheet-wrap {
    white-space: normal;
}

.spreadsheet-border {
    border: 1px black double !important;
}

.spreadsheet-white-cell {
    background: white;
}

.spreadsheet-gray-cell {
    background: #C0C0C0;
}

@media (prefers-color-scheme: dark) {

    .spreadsheet th {
        background: #202020;
    }

    .spreadsheet-border {
        border: 1px gray double  !important;
    }

    .spreadsheet-white-cell {
        background: #303030;
    }

    .spreadsheet-gray-cell {
        background: #101010;
    }

}