.navbar{--menu-item-fg-color:var(--color-99);--menu-item-fg-color-disabled:var(--color-06);--menu-item-bg-color:var(--color-04);--menu-item-bg-color-hover:var(--color-05);--menu-item-hr-color:var(--color-06);--menu-position:10rem;--menu-height:2.5rem}.navbar{display:flex;width:100vw;padding:0 20px;box-sizing:border-box}.navbar .third-level-menu{position:absolute;top:0;right:calc(-1 * var(--menu-position));min-width:var(--menu-position);list-style:none;padding:0;margin:0;display:none;white-space:nowrap}.navbar .third-level-menu>li{height:var(--menu-height);background:var(--menu-item-bg-color);opacity:95%}.navbar .third-level-menu>li:hover{background:var(--menu-item-bg-color-hover)}.navbar .second-level-menu{position:absolute;top:var(--menu-height);left:0;min-width:var(--menu-position);list-style:none;padding:0;margin:0;display:none;z-index:1;white-space:nowrap}.navbar .align-right .second-level-menu{right:0;left:auto}.navbar .second-level-menu>li{position:relative;height:var(--menu-height);background:var(--menu-item-bg-color);opacity:95%}.navbar .second-level-menu>li:hover{background:var(--menu-item-bg-color-hover)}.navbar .top-level-menu{list-style:none;padding:1rem 0 0 0;margin:0;width:100%}.navbar .top-level-menu>li{display:flex;position:relative;float:left;height:var(--menu-height);margin-right:1rem;margin-bottom:5px;white-space:nowrap}.navbar .top-level-menu>li.align-right{float:right}.navbar .top-level-menu>li:hover{background:var(--menu-item-bg-color-hover)}.navbar .top-level-menu li:hover>ul{display:inline}.navbar .top-level-menu a{font-size:1rem;color:var(--menu-item-fg-color);text-decoration:none;padding:0 10px;display:block;line-height:var(--menu-height)}.navbar .top-level-menu a:hover{color:var(--menu-item-fg-color)}.navbar .disabled a{color:var(--menu-item-fg-color-disabled);cursor:default;pointer-events:none}.navbar li.disabled{pointer-events:none}.navbar :not(.top-level-menu) .disabled a,.navbar :not(.top-level-menu) .disabled a:hover{background:var(--menu-item-bg-color)}.navbar .submenu li.menu-item-has-children>a::before{content:"▶";font-size:.7em;float:right}.navbar hr{padding:0;margin:0;border:thin solid var(--menu-item-hr-color)}.navbar .menu-record-audio .toggleSwitch{pointer-events:none}.navbar .dedications-link{font-family:sura}.navbar .image{align-self:center}@media (max-width:600px){.navbar .align-right .second-level-menu{right:auto;left:0}.navbar .top-level-menu>li.align-right{float:left}}