#scholar-scraper-search-form {
    --height: 50px;
    --bg-color: var(--wp--preset--color--primary);
    --text-color: var(--wp--preset--color--subtle-background);

    margin: 3rem auto 8rem auto;
    max-width: 500px;
    height: var(--height);

    display: grid;
    grid-template-columns: var(--height) auto;
    grid-gap: 10px;

    background: var(--bg-color);
    color: var(--text-color);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#scholar-scraper-search-form,
#scholar-scraper-search-form *,
#scholar-scraper-search-form input::placeholder {
    -webkit-transition: background .55s ease, color .55s ease;
    -moz-transition: background .55s ease, color .55s ease;
    -ms-transition: background .55s ease, color .55s ease;
    -o-transition: background .55s ease, color .55s ease;
    transition: background .55s ease, color .55s ease;
}

#scholar-scraper-search-form input#search {
    padding: 0;
    padding-right: 15px !important;
    border: none;
    background: transparent !important;
    color: var(--text-color);
    outline: none;
}

#scholar-scraper-search-form input::placeholder {
    color: var(--text-color);
    opacity: 0.5;
}

#scholar-scraper-search-form .icon-container {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
}

#scholar-scraper-search-form .icon-container .dashicons.dashicons-search {
    margin: auto;
    color: var(--text-color);
}

#scholar-scraper-search-form:hover,
#scholar-scraper-search-form.active,
#scholar-scraper-search-form *:focus,
#scholar-scraper-search-form *:active {
    --bg-color: var(--wp--preset--color--subtle-background);
    --text-color: var(--wp--preset--color--primary);

    outline: none;
}


/* Change the scholar-scraper-search-form if it has an activ child */