@media (max-width: 768px){vaadin-app-layout [slot=navbar]{position:fixed!important;top:0!important;left:0!important;right:0!important;background:#fff!important}vaadin-app-layout main{padding-top:60px!important}vaadin-app-layout [slot=drawer]{top:60px!important;height:calc(100vh - 60px)!important;position:fixed!important}vaadin-app-layout::part(content){margin-left:0!important}.header-layout{display:flex!important;width:100%!important;align-items:center!important;padding:.5em .2em!important}.header-left-section{width:10%!important;min-width:40px!important;display:flex!important;justify-content:center!important;align-items:center!important}.header-middle-section{width:80%!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important}.header-right-section{width:10%!important;min-width:40px!important;display:flex!important;justify-content:center!important;align-items:center!important}.institution-info h2,.institution-affiliation,.institution-address,.institution-contact{display:none!important}.institution-website{display:block!important;font-size:.8em!important}.user-name-text{display:none!important}vaadin-menu-bar vaadin-menu-bar-button span:not(vaadin-icon){display:none!important}vaadin-menu-bar vaadin-menu-bar-button{min-width:40px!important;padding:.5em!important}}.centered-content{margin:0 auto;max-width:250px}vaadin-text-field.bordered::part(input-field){box-shadow:inset 0 0 0 1px var(--lumo-contrast-30pct);background-color:var(--lumo-base-color)}@media screen and (min-width: 769px) and (max-width: 1024px){.header-layout{padding:.4em!important}.header-left-section{width:20%!important}.header-middle-section{width:60%!important}.header-right-section{width:20%!important}.institution-info h2{font-size:.95em!important}.institution-info span{font-size:.8em!important}.institution-logo{height:50px!important;max-height:50px!important}}@media screen and (max-width: 768px) and (orientation: portrait){vaadin-app-layout::part(navbar),vaadin-app-layout [slot=navbar]{position:fixed!important;inset:0 0 auto!important;height:45px!important;min-height:45px!important;max-height:45px!important;z-index:1001!important;transform:none!important}vaadin-app-layout{--vaadin-app-layout-navbar-offset-size: 45px !important}.header-layout{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;padding:.2em!important;height:45px!important;min-height:45px!important;max-height:45px!important;overflow:hidden!important}.header-left-section{width:10%!important;min-width:35px!important;flex-shrink:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.header-middle-section{width:80%!important;flex:1!important;overflow:hidden!important;justify-content:center!important;display:flex!important;align-items:center!important;text-align:center!important}.header-right-section{width:10%!important;min-width:50px!important;flex-shrink:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.institution-info h2,.institution-info span:not(.website-info),.institution-contact-info{display:none!important}.institution-website{display:block!important;font-size:.8em!important}.institution-logo{height:30px!important;max-height:30px!important;width:auto!important;margin:0 auto!important}.header-right-section vaadin-menu-bar-button span:not(.vaadin-icon){display:none!important}.user-name-text{display:none!important}vaadin-menu-bar vaadin-menu-bar-button span:not(vaadin-icon){display:none!important}vaadin-menu-bar vaadin-menu-bar-button{min-width:40px!important;padding:.5em!important}.header-right-section vaadin-menu-bar,.header-left-section vaadin-drawer-toggle{margin:0!important;padding:.2em!important}vaadin-app-layout::part(drawer){top:45px!important;height:calc(100vh - 45px)!important}vaadin-app-layout::part(content){padding-top:85px!important;margin-top:0!important;min-height:calc(100vh - 85px)!important}vaadin-app-layout main{padding-top:85px!important;margin-top:0!important;min-height:calc(100vh - 85px)!important}vaadin-app-layout main>*{margin-top:0!important;padding-top:20px!important}vaadin-vertical-layout:first-child,.view-content:first-child,[class*=view]:first-child{padding-top:25px!important;margin-top:0!important}}@media screen and (max-width: 768px) and (orientation: landscape){vaadin-app-layout::part(navbar),vaadin-app-layout [slot=navbar]{position:fixed!important;inset:0 0 auto!important;height:55px!important;min-height:55px!important;max-height:55px!important;z-index:1001!important;transform:none!important}vaadin-app-layout{--vaadin-app-layout-navbar-offset-size: 55px !important}.header-layout{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;padding:.3em!important;height:55px!important;min-height:55px!important;max-height:55px!important;overflow:hidden!important}.header-left-section{width:10%!important;min-width:40px!important;flex-shrink:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.header-middle-section{width:80%!important;flex:1!important;overflow:hidden!important;justify-content:center!important;display:flex!important;align-items:center!important;text-align:center!important}.header-right-section{width:10%!important;min-width:60px!important;flex-shrink:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.institution-info h2,.institution-info span:not(.website-info),.institution-contact-info{display:none!important}.institution-website{display:block!important;font-size:.8em!important}.institution-logo{height:40px!important;max-height:40px!important;width:auto!important;margin-right:.5em!important}.user-name-text{display:none!important}vaadin-menu-bar vaadin-menu-bar-button span:not(vaadin-icon){display:none!important}vaadin-menu-bar vaadin-menu-bar-button{min-width:40px!important;padding:.5em!important}vaadin-app-layout::part(drawer){top:55px!important;height:calc(100vh - 55px)!important}vaadin-app-layout::part(content){padding-top:65px!important;margin-top:0!important;min-height:calc(100vh - 65px)!important}vaadin-app-layout main{padding-top:65px!important;margin-top:0!important;min-height:calc(100vh - 65px)!important}}@media screen and (max-width: 768px){vaadin-app-layout main>*{margin-top:0!important}.view-content,[class*=view],[class*=View]{padding-top:10px!important;margin-top:0!important}vaadin-vertical-layout:first-child{padding-top:10px!important}.header-right-section button span:not(.vaadin-icon){display:none!important}.header-right-section button{padding:.25em!important;margin:.1em!important}}