/* Stylesheet for Startpage */
body[se-engine="stpg"] {
    --bg-color: light-dark(#fff, #171B25);
    --text-color: light-dark(#000, #D4D4D4);
    --input-bg-color: light-dark(#fff, var(--bg-color));
    --input-text-color: light-dark(#535353, #67727B);
    --input-border-radius: 2rem;

    font-family: "Liberation Sans", "Open Sans", FreeSans, Arial,sans-serif;

    #searchBar {
        border-radius: var(--input-border-radius);
    }
    #title>.logo {
        background-size: 15em;
    }
    /* light-dark() doesn't work with some proprieties */
    @media (prefers-color-scheme: light) {
        #searchBar {
            border: 1px solid #6573ff;
        }
        #title>.logo {
            background-image: url("images/Startpage-light.svg");
        }
    }
    @media (prefers-color-scheme: dark) {
        #searchBar {
            border: solid 1px #a6afff;
        }
        #title>.logo {
            background-image: url("images/Startpage.svg");
        }
    }
    #search {
        font-size: 1.1em;
        caret-color: #3969ef;
    }
    #searchBar>#searchIcon {
        filter: invert(0.8);
    }
}