#footer{display:flex;width:100%;justify-content:space-around;padding:0 4px;font-size:14px}#footer.fixed{position:absolute;bottom:0}#header{display:flex;position:relative;flex-direction:column;width:100%;justify-content:space-around;padding:8px 8px 0;min-height:20px}#header.collapsed .header-inner{display:none}#header .header-inner{display:flex;flex-direction:column;border-width:1px;padding:8px;border-radius:.75rem}#header .toggle{display:flex;width:30px;height:14px;margin:auto;cursor:pointer;position:absolute;left:50%;right:50%;top:3px;transform:translate(-50%);display:none}#header .toggle div{width:100%;height:100%}#header .toggle svg{width:100%;height:100%;fill:#564e44;transform:rotate(180deg)}#header.collapsed svg{transform:rotate(0)}#main{display:flex;flex:1;overflow:auto}.layout{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.layout.fullscreen #header{margin-top:60px}.layout.fullscreen #footer{margin-bottom:0}@media(max-width:768px){.layout.fullscreen #header{margin-top:90px}.layout.fullscreen #footer{margin-bottom:30px}}