.navbar-search {
    position: relative;
}

.topbar-search-results {
    position: absolute;
    z-index: 1090;
    top: calc(100% + .35rem);
    left: 0;
    width: min(26rem, calc(100vw - 2rem));
    max-height: min(24rem, calc(100vh - 8rem));
    overflow-y: auto;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
    background: #fff;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .2);
}

.topbar-search-results[hidden] {
    display: none !important;
}

.topbar-search-results.is-open {
    display: block;
}

.topbar-search-result {
    display: block;
    padding: .65rem .9rem;
    color: #3a3b45;
    text-decoration: none;
}

.topbar-search-result + .topbar-search-result {
    border-top: 1px solid #eaecf4;
}

.topbar-search-result:hover,
.topbar-search-result:focus {
    color: #224abe;
    background: #f8f9fc;
    text-decoration: none;
}

.topbar-search-result-title,
.topbar-search-result-detail {
    display: block;
}

.topbar-search-result-title {
    font-weight: 700;
}

.topbar-search-result-detail,
.topbar-search-empty {
    color: #858796;
    font-size: .78rem;
}

.topbar-search-empty {
    padding: .8rem .9rem;
}

[data-topbar-alert-badge].d-none,
[data-topbar-message-badge].d-none {
    display: none !important;
}