.dp-filter-field {
    position: relative;
}

.dp-filter-field-icon {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 8px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #075f90;
    pointer-events: none;
    transform: translateY(-50%);
}

.dp-filter-field-icon .mud-icon-root,
.dp-filter-field-icon svg {
    width: 17px;
    height: 17px;
    font-size: 17px;
}

.dp-filter-field > .did-floating-input,
.dp-filter-field > input,
.dp-filter-field > textarea {
    padding-left: 32px !important;
}

.dp-filter-field:focus-within .dp-filter-field-icon {
    color: #075f90;
}
.did-floating-label-content:not(.dp-filter-field):has(> :is(input.did-floating-input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]):not([type="submit"]), textarea.did-floating-input)) {
    position: relative;
}

.did-floating-label-content:not(.dp-filter-field):has(> :is(input.did-floating-input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]):not([type="submit"]), textarea.did-floating-input))::before {
    --dp-auto-field-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M9.5%203a6.5%206.5%200%201%200%203.98%2011.64L19.85%2021%2021%2019.85l-6.36-6.37A6.5%206.5%200%200%200%209.5%203m0%202a4.5%204.5%200%201%201%200%209%204.5%204.5%200%200%201%200-9'%2F%3E%3C%2Fsvg%3E");
    content: "";
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 8px;
    width: 17px;
    height: 17px;
    background-color: #075f90;
    -webkit-mask: var(--dp-auto-field-icon) center / contain no-repeat;
    mask: var(--dp-auto-field-icon) center / contain no-repeat;
    pointer-events: none;
    transform: translateY(-50%);
}

.did-floating-label-content:not(.dp-filter-field) > input.did-floating-input,
.did-floating-label-content:not(.dp-filter-field) > textarea.did-floating-input {
    padding-left: 32px !important;
}