div#app{box-sizing:border-box;height:100%;max-height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.main-menu,div#app{width:100%;overflow:hidden}.main-menu{height:4em;max-height:4em;min-height:4em}.main-menu-content{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.main-menu-content>*{width:24%;height:100%;max-width:24%;max-height:100%;min-height:100%;min-width:24%}.main-menu-logo-text{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:.25em;padding-right:.125em;overflow:hidden;flex-wrap:nowrap}.main-menu-logo-text .main-menu-logo-text-content{font-size:1.5em;font-weight:700;max-width:100%;overflow:hidden;white-space:nowrap}.main-menu-content a{text-decoration:none;color:#000;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap}.main-menu-content svg{aspect-ratio:1/1;height:75%;max-height:75%;fill:#000;stroke:#000}span.main-menu-item-text{font-size:.9em;white-space:nowrap;overflow:hidden;max-width:90%;width:90%;margin-left:auto;margin-right:auto;text-align:center}.main-menu-content .menu-item-active svg,.menu-item-active span.main-menu-item-text{color:#a51c78;fill:#a51c78;stroke:#a51c78}.app-page-box{height:100%;overflow:hidden}