.classicfixed .navbar {
    position:fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    z-index: 1030;
    transition: background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), backdrop-filter var(--transition-base);
    background: var(--navbar-bg-normal);
}

body.dark .classicfixed .navbar {
    position:fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    z-index: 1030;
    transition: background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), backdrop-filter var(--transition-base);
    background: var(--navbar-bg-dark);
}

.classicfixed.is-scrolled .navbar {
    background: var(--navbar-bg-fixed);
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}