/* Frosted material only: retain the original navigation dimensions and layout. */
.topbar{background:rgba(255,255,255,.54);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border-color:rgba(160,168,180,.20);box-shadow:0 12px 30px rgba(77,90,108,.10),inset 0 1px 0 rgba(255,255,255,.48)}
:root[data-theme=dark] .topbar{background:rgba(20,21,26,.62);border-color:rgba(255,255,255,.10);box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar{background:rgba(255,255,255,.96)}:root[data-theme=dark] .topbar{background:rgba(20,21,26,.96)}}
@media(prefers-reduced-transparency:reduce){.topbar{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme=dark] .topbar{background:#14151a}}