/* stylelint-disable max-nesting-depth */
@import "~scss/variables";

.sw-import-export-edit-profile-modal-identifiers {
    display: flex;
    flex-direction: column;
    border-top: 1px solid $color-gray-300;

    &__grid,
    &__empty-state {
        flex-grow: 1;
    }

    &__grid {
        &.sw-data-grid.sw-data-grid--plain-appearance {
            .sw-data-grid__body {
                .sw-data-grid__cell {
                    border: 0;
                }
            }

            .sw-data-grid__cell--header {
                box-shadow: none;
            }

            .sw-data-grid__cell-content {
                padding: 20px 30px;
            }
        }

        .sw-data-grid__cell--identifierName {
            text-transform: capitalize;
        }
    }
}
