@import 'variants.css';
.search_wrapper{
    background-color: var(--complementary-gray);
    border-radius: 999px;
}
.searchComponent_wrapper{
    background-color: var(--complementary-gray);
    width: 100%;
}
.search__input_wrapper{
    background-color: var(--complementary-gray);
    width: 100%;
}
.search_input{
    height: 100%;
    width: 100%;
    background-color: transparent;
    color: var(--secondary-color-60);
    outline: transparent;
    border: none;
    padding-left:3rem;
    border: 1px solid transparent;
    transition: .3s ease;
}
/**
.search_input:focus{
    border: 1px solid var(--acent);
    box-shadow: -1px 0px 10px 1px ;
    -webkit-box-shadow: -1px 0px 10px 1px var(--acent30);
    -moz-box-shadow: -1px 0px 10px 1px var(--acent30);
    outline: none;
    border-radius: 999px;
}**/
button, select{
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;       /* Remove default arrow */
    background-color: transparent;
    color: var(--secondary-color);
    border: 1px solid transparent;
    cursor: pointer;
    height: 100%;
    width: 100%;
    background-position: 98% center;
}

button, select:focus-visible{
    border: var(--acent);
    outline: none;
}
.search_divider{
    border-right: 2px solid var(--light-gray);
    padding: .5rem;
    height: 100%;
}
.icon_select{
    right: 2rem;
}
@media only screen and (max-width: 600px){
    .selectResultType option{
        width: 173px;
    }
    .selectResultType{
        width: 173px;
    }
}