@use '../../../styles/mat-selectors' as ms;

.adf {
    &-array-item-icon {
        margin-right: 5px;
    }

    &-card-array-item-default {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    &-array-item-more-chip-container {
        &#{ms.$mat-card} {
            box-shadow: none;
            max-height: 300px;
            overflow-y: auto;
        }
    }

    &-property-value {
        #{ms.$mat-chip-list} {
            padding-top: 6px;
        }
    }

    &-card-view-array-item-container {
        flex-direction: row;
        box-sizing: border-box;
        display: flex;
        place-content: center space-between;
        align-items: center;
        background: var(--adf-theme-background-card-color);
        border-color: var(--adf-theme-foreground-divider-color);
        border-radius: 0;

        #{ms.$mat-chip}:hover {
            cursor: pointer;
        }
    }

    &-card-view-array-chip-content {
        display: flex;
        align-items: center;
        cursor: pointer;
    }
}