.search-bar {
    background-color: var(--color-base-1);
    width: 100%;
    min-height: 105px;
    z-index: 1;
    tab-index: -1;
    position: fixed;
    top: var(--top-4);

    input {
        height: 3em;
        width: 20em;
        padding: 0.5em;
        border-bottom: 1px solid var(--color-base-6);

        @media (min-width: 780px) {
            width: 30em;
            top: var(--top-5);
            border-bottom: 2px solid var(--color-base-6);
        }
    }

    @media (min-width: 780px) {
        top: var(--top-5);
        min-height: 250px;
    }
}