@use '../../../styles/flex' as flex;

.adf {
    &-controls {
        display: flex;
        justify-content: space-between;
    }

    &-edit-controls {
        display: flex;
        justify-content: flex-end;
        margin-left: auto;
    }

    &-switch-to-edit-mode,
    &-save-edit-mode {
        color: var(--mat-sys-primary);
    }

    &-cancel-edit-mode,
    &-claim-controls {
        color: var(--mat-sys-secondary);
    }

    &-card-container {
        font-family: inherit;
    }
}

@include flex.layout-bp(lt-md) {
    adf-card-view .adf-property-value {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}