.menu{display:flex;flex-direction:column;gap:20px;position:relative;width:86px;z-index:5000}.menu .border-wrapper{overflow:visible}.menu-container{align-items:center;border-radius:50px;display:flex;flex-direction:column;gap:10px;padding:2px;width:100%}.menu-container:has(._dev){padding:0}.menu-item{align-items:center;aspect-ratio:1;background-color:transparent;border-radius:50%;color:var(--menu-icon);cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;transition:var(--transition-hover);width:80px;z-index:1}.menu-item.router-link-active{color:var(--text)}.menu-container._nav .menu-item._logout{margin-top:70px}.menu-item span{left:calc(100% + 20px);opacity:0;pointer-events:none;position:absolute;transition:var(--transition-hover);translate:-50px 0;width:-moz-max-content;width:max-content}.menu-item._dev{aspect-ratio:1;height:auto;width:100%}.menu-item._dev>div{color:var(--text);font-family:Bebas;font-size:24px;line-height:.9;position:relative;text-align:center;z-index:2}.menu-item._dev:after{background:linear-gradient(90deg,var(--deep-accent) 50%,var(--accent) 100%);border-radius:inherit;content:"";inset:0;pointer-events:none}.menu-capsule,.menu-item._dev:after{opacity:0;position:absolute;transition:var(--transition-hover);z-index:0}.menu-capsule{aspect-ratio:1;background-color:var(--accent);border-radius:50%;color:var(--text);height:80px;top:3px;width:80px}.menu-capsule._show{opacity:1}@media(hover:hover){.menu-item:not(.router-link-active):hover{color:var(--text)}.menu-item:hover span{opacity:1;pointer-events:none;translate:0 0}.menu-item._dev:hover:after{opacity:1}}.menu-item:not(.router-link-active):active{color:var(--text)}.menu-item:active span{opacity:1;pointer-events:none;translate:0 0}.menu-item._dev:active:after{opacity:1}.calendar-icon-container{align-items:center;border-radius:38px;color:var(--text);cursor:pointer;display:flex;font-size:16px;gap:5px;height:38px;justify-content:center;padding:0 15px;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.calendar-icon-container.active{background:var(--accent)}.calendar-icon-container span{display:block;height:18px}.base-dropdown-btn:has(.notifications-icon-container){aspect-ratio:1;background-color:var(--second-bg);height:38px;padding:0;width:38px}.base-dropdown-btn:has(.notifications-icon-container)>*{align-items:center;aspect-ratio:1;display:flex;height:100%;justify-content:center;width:100%}.notifications-icon-container{align-items:center;aspect-ratio:1;display:flex;justify-content:center}.notifications-drop{width:700px}.notifications-drop>.base-button{margin-top:50px}.border-container:has(.base-dropdown__content-wrapper>.notifications-drop){padding:20px}