@import "common/var";

.c-spreadsheet-preview {
    box-sizing: content-box;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.c-spreadsheet-preview__second-header {
    background-color: $color-extra-light-gray;
    text-align: left;
}

.c-spreadsheet-preview__cell {
    border: 1px solid hsl(0, 0%, 80%);
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: $color-gray--070;
    padding: 0 $space2;
}

.c-spreadsheet-preview__cell:first-child {
    background-color: $color-extra-light-gray;
    width: 2.5rem;
    text-align: center;
}

.c-spreadsheet-preview__cell--padded {
    padding: $space2;
}

.c-spreadsheet-preview__cell--header {
    background-color: $color-extra-light-gray;
    text-align: center;
    font-weight: normal;
    color: $color-black;
    height: 1.5rem;
}

.c-spreadsheet-preview__ellipsis--cell, .c-spreadsheet-preview__ellipsis--row {
    background-color: transparent !important;
}

.c-spreadsheet-preview__ellipsis--cell {
    border-top: none;
    border-bottom: none;
    width: 2.5rem;
}

.c-spreadsheet-preview__ellipsis--row {
    border-left: none;
    border-right: none;
}