@import url('./variables.css');
@import url('./base.css');
.search-open-btn {
    font-size: 25px !important;
    line-height: 1 !important;
}

.search-open-btn::before,
.search-open-btn svg,
.search-open-btn i {
    font-size: 25px !important;
    width: 25px !important;
    height: 25px !important;
}
.topbar-menu,
.topbar-menu-panel,
.js-topbar-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 220px;
    padding: 10px;
    border-radius: 20px;
    background:
        linear-gradient(160deg, rgba(10, 12, 18, 0.82), rgba(8, 10, 14, 0.76));
    border: 1px solid var(--glass-border-neutral);
    backdrop-filter: blur(28px);
    box-shadow:
        0 22px 70px var(--glass-shadow),
        var(--glass-accent-rim);
    z-index: 9999;
}

.topbar-menu.hidden,
.topbar-menu-panel.hidden,
.js-topbar-menu.hidden {
    display: none;
}

.topbar-menu.open,
.topbar-menu-panel.open,
.js-topbar-menu.open {
    display: grid;
    gap: 8px;
}

.topbar-menu a,
.topbar-menu-panel a,
.js-topbar-menu a {
    padding: 10px 12px;
    border-radius: 14px;
    color: white;
    background: var(--glass-fill);
    border: 1px solid var(--glass-border-cool);
}