@mixin anna-mat-autocomplete() {
    background-color: white;
    padding: 0 !important;
    box-shadow:
        0 2px 4px -1px #0003,
        0 4px 5px #00000024,
        0 1px 10px #0000001f;

    & .mat-mdc-option {
        min-height: 30px;
        height: 30px;
        &:hover {
            background-color: var(--dropdown-hover-color) !important;
        }

        & .mdc-list-item__primary-text {
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: pre;
        }

        & .mat-pseudo-checkbox {
            display: none;
        }
    }

    & .mat-option {
        background-color: var(--dropdown-hover-color) !important;
    }
}