div.app{display:flex;flex-direction:column;justify-content:stretch;height:100%}div.app div.page{display:block;flex-direction:column;flex-grow:1}div.tabBar{border-top:solid 1px #000;height:50px}div.tabBar div.tabs{display:flex;justify-content:center;height:100%}div.tabBar div.tabs button{display:flex;flex-direction:column;justify-content:center;background:none;cursor:pointer;text-align:center;flex-basis:60px;padding:16px 8px;gap:4px}div.tabBar div.tabs button:hover{background-color:#f0f0f0}div.tabBar div.tabs button:active{background-color:#ccc}div.tabBar div.tabs button img{display:block;margin:0 auto;width:22px;height:22px}div.tabBar div.tabs button label{display:block;width:100%;text-align:center;font-size:10px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;font:inherit;color:inherit}html,body{height:100%}#root{height:100%;font-family:system-ui,Helvetica,sans-serif;font-weight:400;color-scheme:light dark;color:var(--tg-theme-text-color);background-color:var(--tg-theme-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}