.nav-item[data-tooltip]{position:relative;cursor:pointer;transition:all .2s ease}.nav-item[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:.5rem;background-color:rgb(31 41 55);color:white;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;z-index:50;opacity:1;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:opacity .2s ease-in-out}.sidebar.collapsed .nav-item{min-height:3rem;justify-content:center;pointer-events:auto}.sidebar.collapsed .nav-item .material-icons{margin:0;font-size:1.25rem}.nav-item:hover{transform:translateX(2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.sidebar.collapsed .nav-item:hover{transform:scale(1.05);background-color:rgba(55,65,81,.8)}.nav-item.active{transform:translateX(1px);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sidebar{transition:width .3s ease-out}.nav-item{transition:all .2s ease}.nav-item:focus{outline:2px solid rgb(34 197 94);outline-offset:2px}.nav-item:focus-visible{outline:2px solid rgb(34 197 94);outline-offset:2px}