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

.adf-dynamic-chip-list-container {
    display: flex;
    flex-direction: row;
    width: inherit;
    padding-top: 12px;
    padding-bottom: 12px;

    .adf-dynamic-chip-list-view-more-button {
        margin-left: 5px;
        position: absolute;
        padding: 0 16px;

        &[hidden] {
            visibility: hidden;
        }
    }

    &.adf-dynamic-chip-list-flex-column {
        flex-direction: column;

        .adf-dynamic-chip-list-view-more-button {
            position: relative;
        }
    }

    &.adf-dynamic-chip-list-paginated {
        .adf-dynamic-chip-list-view-more-button {
            margin-left: 24px;
        }
    }

    &.adf-dynamic-chip-list-button-in-next-line {
        align-items: unset;
        padding-bottom: 54px;
    }

    &:not(.adf-dynamic-chip-list-paginated) {
        align-items: center;

        &:not(.adf-dynamic-chip-list-flex-column) {
            .adf-dynamic-chip-list-view-more-button {
                margin-left: 4px;
            }
        }
    }

    .adf-dynamic-chip-list-full-width {
        width: 100%;
    }

    .adf-dynamic-chip-list-hidden-btn {
        visibility: hidden;
    }

    .adf-dynamic-chip-list-chip {
        word-break: break-word;
        margin-top: 0;
        margin-bottom: 0;
        padding: 6px 11px;

        #{ms.$mat-evolution-chip-action} {
            padding: 2px 12px;

            #{ms.$mat-evolution-chip-text-label} {
                color: var(--adf-theme-foreground-text-color-064);
            }
        }
    }
}