.search-bar-container .search__content {
    display: none;
    width: 100%;
    padding: 0;
    font-size: 14px;
    font-family: Roboto;
    position: absolute;
    background-color: white;
    border-inline: 1px solid var(--Gray-Color-04, #8E8F94);
    border-bottom: 1px solid var(--Gray-Color-04, #8E8F94);
}

    .search-bar-container .search__content .content__header {
        color: var(--Gray-Color-01, #343844);
        font-size: 1.14em;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }

.search__content .content__header,
.search__content .content__item {
    display: flex;
    gap: 0.57em;
    align-items: center;
    padding: 0.7em 1.14em;
}

    .search__content li + li {
        border-top: 1px solid var(--Gray-Color-07, #ECECEC);
    }

    .search__content .content__item span {
        flex-grow: 1;
    }

    .search__content .content__item i {
        color: var(--Gray-Color-04, #8E8F94);
    }


.search-bar-container:has(.header-search-keyword:focus) .search__content,
.search-bar-container:has(.search__content li:active) .search__content {
    display: block;
}