@use '~@angular/material' as mat;
@mixin search-input-mat($theme) {
    
    #search-bar, #search-options{
        background-color: map-get($theme, search-bar);
        border: 1px solid rgba(mat.get-color-from-palette(map-get($theme, foreground), text), 0.38);
    }

    #search #search-input::placeholder{
        color: map-get($theme, inactive-text);
    }

    #search #search-input{
        color: mat.get-color-from-palette(map-get($theme, foreground), text);
    }

    #search-options .option:hover{
        background-color: map-get($theme, active-selection);
    }
}