#nav_search > .head {
    flex-direction: column;
    gap: 3px;
    padding-bottom: 20px;
    align-items: flex-start;
    /* height: 75px; */
}

#nav_search > .head > .exit {
    align-self: flex-end;
}

#nav_search > .head > .search {
    width: 656px;
    height: 30px;
    display: flex;
    gap: 5px;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--color-sep);
    cursor: text;
}
#nav_search > .head > .search:has(#search_input:focus) {
    border-color: var(--color-dark);
}

#nav_search > .head > .search > img {
    width: 24px;
    height: 24px;
}

#nav_search > .head > .search > #search_input {
    flex-grow: 1;
    height: 22px;
    border: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
}

#nav_search > .head > .search > #search_input:focus {
    outline: none;
}

#nav_search > .head > .search > #search_input::placeholder {
    opacity: 0.3;
}