@layer components {
    .table-column-menu__item {
            align-items: center;
            display: flex;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
        }

    .table-column-menu__item:hover {
            background: var(--dashboard-color-pill);
        }

    .table-column-menu__checkbox {
            accent-color: var(--dashboard-color-brand);
            flex: 0 0 auto;
            height: 1.25rem;
            width: 1.25rem;
        }

    .table-column-menu__label {
            color: var(--dashboard-color-text-muted);
            cursor: pointer;
            flex: 1 1 auto;
            font-size: 0.875rem;
            line-height: 1.25rem;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
}