.validationSnackbar {
    display: none;
}

    .validationSnackbar:has(.validationMessage) {
        display: initial;
    }

.field.border > :is(.invalid),
.field.border > :is(.invalid):focus {
    border-color: var(--error);
}

.field.label:has(.invalid) > label,
.field.label:has(.invalid) > label:after,
.rz-form-field-content:has(.invalid),
.rz-form-field-content:has(.invalid) .rz-form-field-label,
.rz-form-field-content:has(.invalid) .rz-dropdown-label.rz-inputtext,
.rz-form-field-content:has(.invalid) i,
.rz-form-field-content:has(.invalid) .rz-dropdown-trigger {
    color: var(--error) !important;
    border-color: var(--error) !important;
}

.field:has(.invalid) > i {
    color: var(--error);
}

.rz-notification-item-wrapper {
    margin-bottom: 1rem !important;
    width: 420px !important;
}

.rz-form-field > .rz-form-field-content {
    margin-top: 0 !important;
    margin-block-end: 1rem;
}

label.rz-form-field-label {
    font-size: 0.875rem;
}

label.rz-form-field-label.rz-text-truncate{
    color: var(--on-surface);
}

.rz-dropdown-clear-icon {
    opacity: 1 !important;
}

.fillFormField .rz-form-field-content {
    background-color: var(--surface-variant);
}

.imageDeleteButton {
    inset-block-end: 1.5rem;
    inset-inline-end: 1.5rem;
    background-color: rgba(0,0,0,0.6) !important;
    color: white !important
}

.field:has(>:disabled) {
    opacity: 1;
}

.entityForm {
    flex: 1;
}

.hasActionButton .rz-form-field-content {
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.overflowContainer {
    display: flex;
    justify-content: flex-start !important;
    overflow: hidden;
    flex: 1;
    white-space: nowrap;
}

.overflowContainer .button,
.overflowContainer button {
    margin: 0;
}