.navigation{--un-bg-opacity:1;background-color:rgb(237,240,243,var(--un-bg-opacity));flex-direction:column;width:100%;height:100%;display:flex;position:relative}.navigation__logo{justify-content:center;align-items:center;padding:1rem;display:flex}.navigation__logo-image{-o-object-fit:contain;object-fit:contain;width:2rem;height:2rem}.navigation__items{flex-direction:column;gap:.5rem;padding-left:.5rem;padding-right:.5rem;display:flex}.navigation__item{color:#40424d;border-radius:8px;justify-content:center;align-items:center;width:3rem;height:3rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.navigation__item:hover{--un-bg-opacity:1;background-color:rgb(215,221,229,var(--un-bg-opacity));color:#40424d}.navigation__item--active{--un-text-opacity:1;color:rgb(0,96,146,var(--un-text-opacity))}.navigation__item--dropdown{cursor:pointer;background-color:#0000;border-style:none}.navigation__item--with-badge{position:relative}.navigation__item-icon{flex-shrink:0}.navigation__item-content{position:relative}.navigation__item-badge,.navigation__item-content{justify-content:center;align-items:center;display:flex}.navigation__item-badge{--un-bg-opacity:1;background-color:rgb(239,68,68,var(--un-bg-opacity));letter-spacing:-.01em;--un-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(255,255,255,var(--un-text-opacity));border-radius:9999px;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:-.25rem;right:-.25rem}.navigation__bottom-items{flex-direction:column;gap:.5rem;margin-top:auto;padding-bottom:1rem;padding-left:.5rem;padding-right:.5rem;display:flex}.navigation__bottom-items .navigation__item{width:3rem;height:3rem}.navigation__dropdown{position:relative}.navigation__dropdown-menu{z-index:50;--un-border-opacity:1;border-width:1px;border-color:rgb(215,221,229,var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(255,255,255,var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color,#0000001a),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color,#0000001a);min-width:12rem;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);border-radius:8px;margin-bottom:.25rem;padding-top:.25rem;padding-bottom:.25rem;position:absolute;bottom:100%;left:0}.navigation__dropdown-menu--user{min-width:14rem}.navigation__dropdown-item{cursor:pointer;text-align:left;--un-text-opacity:1;width:100%;color:rgb(64,66,77,var(--un-text-opacity));background-color:#0000;border-style:none;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.navigation__dropdown-item:hover{--un-bg-opacity:1;background-color:rgb(237,240,243,var(--un-bg-opacity))}.navigation__dropdown-text{letter-spacing:-.01em;font-size:13px;line-height:18px}.navigation__dropdown-divider{--un-border-opacity:1;border-top-width:1px;border-color:rgb(215,221,229,var(--un-border-opacity));margin-top:.25rem;margin-bottom:.25rem}.navigation__user-info{flex-direction:column;gap:.25rem;padding:.5rem .75rem;display:flex}.navigation__user-name{letter-spacing:-.01em;--un-text-opacity:1;color:rgb(27,28,35,var(--un-text-opacity));font-size:13px;font-weight:500;line-height:18px}.navigation__user-email{letter-spacing:-.01em;--un-text-opacity:1;color:rgb(102,114,129,var(--un-text-opacity));font-size:12px;line-height:16px}.navigation__user-roles{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.navigation__user-role{--un-bg-opacity:1;background-color:rgb(217,241,249,var(--un-bg-opacity));letter-spacing:-.01em;--un-text-opacity:1;color:rgb(33,78,118,var(--un-text-opacity));border-radius:.25rem;padding:.125rem .375rem;font-size:12px;line-height:16px}.navigation__backdrop{z-index:40;position:fixed;inset:0}@media (width<=768px){.navigation{width:4rem}}