.searchbox {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 186px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #C1C8CD;
    border-radius: 20px;
}

    .searchbox input[type=text] {
        outline: none;
        border: none;
        box-sizing: border-box;
        padding: 0px 10px;
        width: 172px;
        font-family: Poppins500;
    }

        .searchbox input[type=text]::placeholder {
            color: #C1C8CD;
            opacity: 1; /* Firefox */
        }

        .searchbox input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #C1C8CD;
        }

        .searchbox input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
            color: #C1C8CD;
        }

    .searchbox.searching, .searchbox .searching {
        background-color: #E6D2FC;
    }