.top-app-bar{width:100%;display:flex;align-items:center;gap:.5rem;background-color:var(--md-sys-color-surface);padding:.75rem;color:var(--md-sys-color-on-surface);line-height:1.75rem;font-size:1.375rem;height:calc(4rem + env(safe-area-inset-top));padding-top:calc(.75rem + env(safe-area-inset-top))}.top-app-bar__leading{display:flex;flex:1 1 0%;color:var(--md-sys-color-on-surface)}.top-app-bar__headline{display:flex}.top-app-bar__trailing{display:flex;flex:1 1 0%;justify-content:flex-end;gap:.5rem;color:var(--md-sys-color-on-surface-variant)}.page{position:absolute;inset:0;height:100vh;width:100%;display:flex;overflow-x:hidden;overflow-y:auto;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background)}