@charset "utf-8"; body{flex-flow:column-reverse}nav{width:100svw;height:64px}nav>ul{flex-flow:row;justify-content:stretch}.navitem{height:64px;margin:0;flex:1}.navitem>a{flex-flow:column}.navitem.active>a>svg{--base-color:var(--sys-on-secondary-container)}.navitem>a>img,.navitem>a>svg{padding:4px 16px;margin-top:6px;border-radius:16px;background-color:var(--indicator-color)}.navitem>a>p{margin-top:4px;margin-bottom:6px}.panegroup{flex-flow:column}.pane{--padding:16px;max-width:calc(100% - 2 * var(--padding));width:fit-content}.panegroup>*{margin:6px 0}.panegroup>*:first-child{margin-top:0}.panegroup>*:last-child{margin-bottom:0}main{width:calc(100svw - 32px);height:calc(100svh - 96px);margin-bottom:64px;padding:16px;overflow:scroll}#portrait{--width-pad:32px;--height-pad:0}