.ent-mainmenu,.ent-mainmenu *{--menu-icon--size:42px;--menu-link--hover:var(--clr-white-75);--mainmenu-background:var(--clr-white-75);--mainmenu-background-fixed:var(--clr-white);--mainmenu--radius:4px;--mainmenu-about--size:180px;--mainmenu-user--size:42px;--mainmenu-anim:all 0.2s ease-out;--mainmenu-icon--hover-fx:scale(1.1);--mainmenu-user--border:1px solid var(--clr-gray-500);--mainmenu-notification--font-color:var(--clr-white);--mainmenu-notification--alert-color:var(--clr-error-400);--mainmenu-notification-icon--size:24px;--mainmenu-discipline-icon--size:32px;--startmenu-grid-cols:5;--startmenu-grid-gap:var(--spacer);--startmenu-grid-size:92px;--discipline-icon--size:64px;--mainmenu-notification--background:transparent;--mainmenu-notification--action-color:var(--clr-primary-400)}.ent-mainmenu{height:var(--mainmenu--height);isolation:isolate;left:0;max-height:var(--mainmenu--height);position:fixed;top:0;width:100dvw;z-index:var(--z-600)}.ent-mainmenu:before{background:var(--mainmenu-background-fixed);border-radius:(--radius);box-shadow:var(--shadow-0);content:"";display:block;height:100%;left:50%;opacity:0;position:absolute;top:0;transition:all .2s ease-in;width:0;z-index:-1}.ent-mainmenu.fixed:before{border-radius:(--radius);box-shadow:var(--shadow-2);left:0;opacity:1;width:100%}.ent-mainmenu>.wrapper{display:grid;grid-template-areas:"about tools user";grid-template-columns:1fr auto 1fr;height:var(--mainmenu--height);padding:0 calc(var(--spacer)/2);grid-gap:calc(var(--spacer)/2);gap:calc(var(--spacer)/2)}.ent-mainmenu .block{height:var(--mainmenu--height)}.ent-mainmenu .block,.ent-mainmenu .block>.box{align-items:center;display:flex;gap:calc(var(--spacer)/2);justify-content:flex-start}.ent-mainmenu .block>.box{background:var(--mainmenu-background);border-radius:var(--radius);box-shadow:var(--shadow-2);height:100%;max-height:calc(var(--mainmenu--height) - var(--spacer)*2/10);padding:0 var(--spacer);position:relative;width:auto}.ent-mainmenu.fixed .block>.box{box-shadow:var(--shadow-0)}.ent-mainmenu .block>.box>ul{align-items:center;display:flex;gap:calc(var(--spacer)/2);height:100%;justify-content:flex-start;list-style:none;margin:0;padding:0}.ent-mainmenu .block>.box>ul>li{margin:0;padding:0}.ent-mainmenu .block>.box .ent-submenu .submenu{left:calc(0px - var(--spacer)/2);margin:calc(var(--spacer)/2) 0 0}.ent-mainmenu .block.about{grid-area:about}.ent-mainmenu .block.about .box.about{max-width:var(--mainmenu-about--size);padding:0 calc(var(--spacer)/2)}.ent-mainmenu .block.about .box.about .menu-link .icon{aspect-ratio:auto}.ent-mainmenu .block.about .box.about .ent-submenu .menu-link>span{display:none}.ent-mainmenu .block.tools{grid-area:tools;justify-content:center}.ent-mainmenu .block.tools .box.tools .menu-link>span{display:none}.ent-mainmenu .block.tools .box.tools .menu-link:hover>.icon{transform:var(--mainmenu-icon--hover-fx);transition:var(--mainmenu-anim)}.ent-mainmenu .startmenu .submenu .wrapper{padding:calc(var(--spacer))}.ent-mainmenu .startmenu .submenu .wrapper>.title{display:block;font-weight:500;margin:0 0 1rem}.ent-mainmenu .startmenu ul{display:grid;grid-template-columns:repeat(var(--startmenu-grid-cols),1fr);grid-gap:var(--spacer);gap:var(--spacer)}.ent-mainmenu .startmenu .startmenu-item a{align-items:center;border-radius:var(--btn-border--radius);display:flex;flex-direction:column;gap:calc(var(--spacer)/4);height:100%;justify-content:flex-start;padding:calc(var(--spacer)/5);text-align:center;transition:var(--btn-anim);width:var(--startmenu-grid-size)}.ent-mainmenu .startmenu .startmenu-item a:hover{background:var(--menu-hover)}.ent-mainmenu .startmenu .startmenu-item a img{aspect-ratio:1/1;width:var(--startmenu-grid-size)}.ent-mainmenu .startmenu .startmenu-item a:hover img{transform:var(--mainmenu-icon--hover-fx);transition:var(--mainmenu-anim)}.ent-mainmenu .startmenu .startmenu-item a span{font-size:.75rem;text-align:center;width:100%;word-wrap:break-word}.ent-mainmenu .block.user{grid-area:user;justify-content:flex-end}.ent-mainmenu .block.user>.box .ent-submenu .submenu{left:auto;right:calc(0px - var(--spacer)/2)}.ent-mainmenu .block.user .box.notifications{padding:0 calc(var(--spacer)/2)}.ent-mainmenu .block.user .box.notifications .menu-link .icon{font-size:calc(var(--menu-icon--size)*.75)}.ent-mainmenu .block.user .box.notifications .menu-link .title{display:none}.ent-mainmenu .block.user .box.notifications .menu-link .counter{background:var(--mainmenu-notification--alert-color);border-radius:50%;bottom:.25rem;color:var(--mainmenu-notification--font-color);font-size:.75rem;font-weight:500;height:1.25rem;padding-top:.25rem;position:absolute;right:-.25rem;text-align:center;width:1.25rem}.ent-mainmenu .block.user .box.notifications .menu-link+.submenu{right:-20px}.ent-mainmenu .block.user .box.notifications .menu-link+.submenu .wrapper{max-height:60dvh;max-width:30dvw;min-width:375px;overflow:auto;padding:calc(var(--spacer)/2);width:100%}.ent-mainmenu .block.user .box.notifications .menu-link+.submenu ul{overflow:visible;overflow:initial}.ent-mainmenu .block.user .box.notifications .ent-submenu .submenu .notification-item{display:grid;grid-template-areas:"icon text delete" "action action action";grid-template-columns:calc(var(--mainmenu-notification-icon--size)*1.5) 1fr 30px;grid-column-gap:calc(var(--spacer)/2);background:var(--mainmenu-notification--background);border-radius:var(--radius);-moz-column-gap:calc(var(--spacer)/2);column-gap:calc(var(--spacer)/2);margin:0 0 calc(var(--spacer)/2);padding:calc(var(--spacer)/4)}.ent-mainmenu .block.user .box.notifications .ent-submenu .submenu .notification-item .icon-wrapper{align-items:center;background-color:transparent;border-radius:50%;display:flex;grid-area:icon;height:calc(var(--mainmenu-notification-icon--size)*1.5);justify-content:center;width:calc(var(--mainmenu-notification-icon--size)*1.5)}.ent-mainmenu .block.user .box.notifications .ent-submenu .submenu .notification-item .icon-wrapper .icon{font-size:var(--mainmenu-notification-icon--size)}.ent-mainmenu .block.user .box.notifications .ent-submenu .submenu .notification-item .content{grid-area:text}.ent-mainmenu .block.user .box.notifications .ent-submenu .submenu .notification-item .content p{font-size:.875rem;margin:0}.ent-mainmenu .block.user .box.notifications .ent-submenu .submenu .notification-item .content .time{color:var(--color-gray--dark);display:block;font-size:.75rem;font-style:italic;margin:0}.ent-mainmenu .block.user .box.notifications .ent-submenu .submenu .notification-item .ent-btn{grid-area:delete}.ent-mainmenu .block.user .box.notifications .ent-submenu .submenu .notification-item .action{grid-area:action;justify-self:center}.ent-mainmenu .block.user .box.notifications .ent-submenu .submenu .notification-item .ent-btn.link{font-size:.75rem;height:auto;margin:0;min-height:auto}.ent-mainmenu .block.user .box.notifications .ent-submenu .submenu .notification-item .ent-btn.clear{color:var(--mainmenu-notification--action-color)}.ent-mainmenu .block.user .box.usermenu{padding:0 calc(var(--spacer)/2)}.ent-mainmenu .block.user .box.usermenu .menu-link+.submenu{right:calc(0px - var(--spacer))}.ent-mainmenu .block.user .box.usermenu .menulink{flex-direction:row}.ent-mainmenu .block.user .box.usermenu .menu-link .avatar{border:--mainmenu-user--border;border-radius:50%;display:block;height:var(--mainmenu-user--size);min-width:var(--mainmenu-user--size);width:var(--mainmenu-user--size)}.ent-mainmenu .block.user .box.clock{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center}.ent-mainmenu .block.user .box.clock .time{font-size:1.5rem;font-weight:500;line-height:1}.ent-mainmenu .block.user .box.clock .date{font-size:.75rem;font-weight:400;line-height:1;text-transform:uppercase}.ent-mainmenu.fixed .block.tools{width:100%}.ent-mainmenu .block.tools .ent-submenu.disciplines .menu-link+.submenu .wrapper{max-height:60dvh;max-width:30dvw;min-width:375px;overflow:auto;padding:calc(var(--spacer)/2) 0;width:100%}.ent-mainmenu .disciplines .discipline-item a{display:grid;grid-template-areas:"avatar name" "avatar role";grid-template-columns:var(--discipline-icon--size) 1fr;grid-template-rows:auto 1fr;width:100%;grid-column-gap:calc(var(--spacer)/2);-moz-column-gap:calc(var(--spacer)/2);column-gap:calc(var(--spacer)/2);grid-row-gap:calc(var(--spacer)/5);padding:calc(var(--spacer)/5) calc(var(--spacer)/2);row-gap:calc(var(--spacer)/5);-webkit-text-decoration:none;text-decoration:none;transition:var(--btn-anim)}.ent-mainmenu .disciplines .discipline-item a:hover{background:var(--menu-hover)}.ent-mainmenu .disciplines .discipline-item a>img{border-radius:var(--btn-border--radius);grid-area:avatar;height:var(--discipline-icon--size);width:var(--discipline-icon--size)}.ent-mainmenu .disciplines .discipline-item a .title{font-weight:500}.ent-mainmenu .disciplines .discipline-item a .role{color:var(--color-gray--dark);font-size:.875rem;font-style:italic}@media (max-width:1280px){.ent-mainmenu>.wrapper{grid-template-columns:auto auto 1fr}}@media (max-width:1024px){.ent-mainmenu>.wrapper{grid-template-areas:"tools user";grid-template-columns:auto 1fr}.ent-mainmenu .block.about,.ent-mainmenu .block.user .box.usermenu .menu-link .title{display:none}}@media (max-width:769px){.ent-mainmenu .block.tools .box.tools .menu-item{display:none}.ent-mainmenu .block.tools .box.tools .menu-item:has(.view-mobile){display:block}}@media (max-width:600px){body:has(.ent-mainmenu .block .box .startmenu .menu-link+.submenu[style*=block]){overflow:hidden}.ent-mainmenu:before{border-radius:(--radius);box-shadow:var(--shadow-2);left:0;opacity:1;width:100%}.ent-mainmenu .block>.box{box-shadow:var(--shadow-0)}.ent-mainmenu .block.tools .box.tools,.ent-mainmenu .block.user .box.usermenu{padding:0}.ent-mainmenu .block.tools .box.tools .disciplines .menu-link+.submenu,.ent-mainmenu .block.tools .box.tools .startmenu .menu-link+.submenu,.ent-mainmenu .block.user .box.notifications .menu-link+.submenu{left:calc(var(--spacer)/4);position:fixed;right:auto;width:calc(100dvw - var(--spacer)/2)}.ent-mainmenu .block.user .box.usermenu .menu-link+.submenu{right:0}.ent-mainmenu .block.user .box.clock{display:none}.ent-mainmenu .block.tools .box.tools .disciplines .menu-link+.submenu .wrapper,.ent-mainmenu .block.tools .box.tools .startmenu .menu-link+.submenu .wrapper,.ent-mainmenu .block.user .box.notifications .menu-link+.submenu .wrapper{height:100dvh;max-height:calc(100dvh - var(--mainmenu--height) - 10px);max-width:100%;overflow:auto}.ent-mainmenu .startmenu ul{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}}