.universal-dt-container,
.universal-dt-container *,
.filters-panel,
.filters-panel *,
.applied-filters-bar,
.applied-filters-bar *,
.p-datatable,
.p-datatable *,
.p-toolbar,
.p-toolbar *,
.p-button,
.p-button *,
.p-inputtext,
.p-select,
.p-select *,
.p-select-overlay,
.p-select-overlay *,
.p-multiselect,
.p-multiselect *,
.p-multiselect-panel,
.p-multiselect-panel *,
.p-datepicker,
.p-datepicker *,
.p-paginator,
.p-paginator *,
.p-paginator-content,
.p-paginator-content *,
.p-paginator-current {
    font-family: var(--font-sans, 'Fixel Text', Inter, Arial, sans-serif) !important;
}

.universal-dt-container .applied-filters-bar,
.universal-dt-container .applied-filters-bar *,
.universal-dt-container .applied-filters-content,
.universal-dt-container .applied-filters-content *,
.universal-dt-container .applied-filters-left,
.universal-dt-container .applied-filters-left *,
.universal-dt-container .applied-filters-label,
.universal-dt-container .applied-filter-chip,
.universal-dt-container .applied-filter-chip *,
.universal-dt-container .chip-remove {
    font-family: var(--font-sans, 'Fixel Text', Inter, Arial, sans-serif) !important;
}

.universal-dt-container h1,
.universal-dt-container h2,
.universal-dt-container h3,
.universal-dt-container h4,
.universal-dt-container h5,
.universal-dt-container h6 {
    font-family: var(--font-display, 'Fixel Display', 'Fixel Text', Inter, Arial, sans-serif) !important;
}

.pi,
.universal-dt-container .pi,
.p-select-overlay .pi,
.p-multiselect-panel .pi,
.p-datepicker .pi,
.p-paginator .pi,
.p-toolbar .pi {
    font-family: primeicons !important;
}