.TableCustomizeSidecar {
    --sidecar-width: 340px;

    &-bulk-actions {
        display: flex;
        gap: var(--padding-large);
        margin-bottom: var(--padding-large);
    }

    &-categories {
        display: flex;
        flex-direction: column;
        gap: var(--padding-medium-large);
    }

    &-category {
        display: flex;
        flex-direction: column;
        gap: var(--padding-medium-small);
        border-top: 1px solid var(--dividers-default);
        padding-top: var(--padding-medium-large);

        &:first-child {
            border-top: none;
            padding-top: 0;
        }

        &-columns {
            display: flex;
            flex-direction: column;
            gap: var(--padding-medium-small);
            padding-left: var(--padding-medium-small);
        }

        &-checkbox .form-check-label {
            font-weight: bold;
        }
    }

    &-locked-label {
        display: flex;
        gap: var(--padding-medium-small);
        align-items: center;
        color: var(--text-primary-disabled);
    }

    &-column {
        &-label {
            display: flex;
            gap: var(--padding-small);
        }
    }
}