#nav-base{z-index:1000;height:100%;animation:.5s ease-out forwards navGrow;position:relative}@keyframes navGrow{0%{width:0}to{width:40px}}#nav-slider{z-index:1000;background-image:linear-gradient(140deg,var(--primary-color)100px,var(--secondary-color)500px);color:#fff;flex-direction:column;height:100%;transition:width .1s;display:flex;position:absolute;overflow:hidden}#nav-jewel{flex-direction:column;width:40px;height:100%;transition:width .2s;display:flex}#nav-jewel.expanded{width:250px}.app-full-title{opacity:0;transition:opacity .2s}#nav-jewel.expanded .app-full-title{opacity:1}.app-logo{cursor:default;cursor:pointer;height:48px;padding:.1em .25em 0;font-family:Berkshire Swash;font-size:32px}.nav-items{--icon-color:var(--gray-99);flex-direction:column;flex:1;width:40px;display:flex}.nav-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:20px;display:flex}.nav-item>a>i{background-image:radial-gradient(#fff 50%,#0000 51%);background-position:50%;background-repeat:no-repeat;background-size:0 0;padding:.5em;transition:all .15s}.nav-item:hover>a>i{color:var(--primary-color);background-size:40px 40px}