.ThreadList {
    display: grid;
    overflow: hidden;
    grid-template-areas:
        'header'
        'list';
    grid-template-rows: 56px 1fr;

    .Header {
        padding-right: 12px;
        padding-left: 12px;
        border-bottom: var(--border-default);
        color: rgba(var(--center-channel-color-rgb), 0.75);
        grid-area: header;

        .tab-button-wrapper {
            position: relative;
            display: flex;
            height: 100%;
            justify-content: center;
            padding: 12px 0;

            + .tab-button-wrapper {
                margin-left: 4px;
            }

            Button {
                display: flex;
                max-width: 100%;

                .Button_label {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }
        }

        .left {
            display: grid;
            height: 100%;
            grid-template-columns: minmax(0, auto) minmax(0, auto);
        }

        .right-anchor {
            .Button {
                padding: 4px 0;

                &:disabled {
                    cursor: not-allowed;
                }
            }
        }
    }

    .threads {
        margin-right: 5px;
        grid-area: list;

        .no-results__wrapper {
            position: relative;
            top: -28px;
            max-width: 100%;

            .thread-no-results-title {
                margin-bottom: 0;
                font-size: 16px;
                line-height: 24px;
            }

            .thread-no-results-subtitle {
                max-width: 100%;
                font-size: 12px;

                .thread-no-results-subtitle-shortcut {
                    margin: 0;
                }
            }
        }
    }

    .ThreadItem {
        border-bottom: var(--border-default);
    }

    .virtualized-thread-list {
        scrollbar-color: var(--center-channel-color-32) #fff0;
        scrollbar-width: thin;
    }
}
