:root{--background:#9c88ff;--navbar-width:256px;--navbar-width-min:80px;--navbar-dark-primary:#000;--navbar-dark-secondary:#000;--navbar-light-primary:#f5f6fa;--navbar-light-secondary:#8392a5}body,html{margin:0;background:var(--background)}#nav-toggle:checked~#nav-header{width:calc(var(--navbar-width-min) - 16px)}#nav-toggle:checked~#nav-content,#nav-toggle:checked~#nav-footer{width:var(--navbar-width-min)}#nav-toggle:checked~#nav-header #nav-title{opacity:0;pointer-events:none;transition:opacity .1s}#nav-toggle:checked~#nav-header label[for=nav-toggle]{left:calc(50% - 8px);transform:translate(-50%)}#nav-toggle:checked~#nav-header #nav-toggle-burger{background:var(--navbar-light-primary)}#nav-toggle:checked~#nav-header #nav-toggle-burger:after,#nav-toggle:checked~#nav-header #nav-toggle-burger:before{width:16px;background:var(--navbar-light-secondary);transform:translate(0) rotate(0deg)}#nav-toggle:checked~#nav-header #nav-toggle-burger:after{top:6px;transform:translate(2px,-8px) rotate(-30deg)}#nav-toggle:checked~#nav-header #nav-toggle-burger:before{top:-6px;transform:translate(2px,8px) rotate(30deg)}#nav-toggle:checked~#nav-content .nav-button span{opacity:0;transition:opacity .1s}#nav-toggle:checked~#nav-content .nav-button .fas{min-width:calc(100% - 16px)}#nav-toggle:checked~#nav-footer #nav-footer-avatar{margin-left:0;left:50%;transform:translate(-50%)}#nav-toggle:checked~#nav-footer #nav-footer-titlebox,#nav-toggle:checked~#nav-footer label[for=nav-footer-toggle]{opacity:0;transition:opacity .1s;pointer-events:none}#nav-bar{position:absolute;left:1vw;top:1vw;height:calc(100% - 2vw);background:#000;border-radius:16px;display:flex;flex-direction:column;color:var(--navbar-light-primary);font-family:Verdana,Geneva,Tahoma,sans-serif;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#nav-bar hr{margin:0;position:relative;left:16px;width:calc(100% - 32px);border:none;border-top:1px solid var(--navbar-dark-secondary)}#nav-bar a{color:inherit;text-decoration:inherit}#nav-bar input[type=checkbox]{display:none}#nav-header{position:relative;width:var(--navbar-width);left:16px;min-height:80px;background:#000;border-radius:16px;z-index:2;display:flex;align-items:center;justify-content:center;transition:width .2s}#nav-header hr{position:absolute;bottom:0}#nav-title{font-size:1.5rem;transition:opacity 1s;text-align:center}#nav-header label[for=nav-toggle]{position:absolute;right:0;width:3rem;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}#nav-toggle-burger{position:relative;width:16px;height:2px;background:#000;border-radius:99px;transition:background .2s}#nav-toggle-burger:after,#nav-toggle-burger:before{content:"";position:absolute;top:-6px;width:10px;height:2px;background:var(--navbar-light-primary);border-radius:99px;transform:translate(2px,8px) rotate(30deg);transition:.2s}#nav-toggle-burger:after{top:6px;transform:translate(2px,-8px) rotate(-30deg)}#nav-content{margin:16px 0;padding:16px 0;position:relative;flex:1;width:var(--navbar-width);background:#000;box-shadow:0 0 0 16px #000;direction:rtl;overflow-x:hidden;transition:width .2s}#nav-content::-webkit-scrollbar{width:8px;height:8px}#nav-content::-webkit-scrollbar-thumb{border-radius:99px;background-color:#d62929}#nav-content-highlight{position:absolute;left:16px;top:0;width:calc(100% - 16px);height:54px;background:#fff;border-radius:15px 0 0 15px;z-index:0;transition:top .2s ease,height .2s ease}.nav-button{position:relative;margin-left:16px;height:54px;display:flex;align-items:center;justify-content:center;color:#fff;direction:ltr;cursor:pointer;z-index:1;transition:color .2s}.nav-button span{transition:opacity 1s;text-align:center}.nav-button.active,.nav-button:hover{color:#000}#nav-footer{width:var(--navbar-width);background:var(--navbar-dark-secondary);border-radius:16px;flex-direction:column;z-index:2;transition:width .2s,height .2s}#nav-footer,#nav-footer-heading{position:relative;height:54px;display:flex}#nav-footer-heading{width:100%;align-items:center;justify-content:center}#nav-footer-avatar{position:relative;margin:11px 0 11px 16px;left:0;width:32px;height:32px;border-radius:50%;overflow:hidden;transform:translate(0);transition:.2s}#nav-footer-avatar img{height:100%}#nav-footer-titlebox{position:relative;margin-left:16px;width:10px;display:flex;flex-direction:column;transition:opacity 1s}#nav-footer-subtitle{color:var(--navbar-light-secondary);font-size:.6rem}#nav-footer-toggle label[for=nav-footer-toggle]{position:absolute;right:0;width:3rem;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,opacity .2s}#nav-footer-content{margin:0 16px 16px;border-top:1px solid var(--navbar-light-secondary);padding:16px 0;color:var(--navbar-light-secondary);font-size:.8rem;overflow:auto}#nav-footer-content::-webkit-scrollbar{width:8 px;height:8px}#nav-footer-content::-webkit-scrollbar-thumb{border-radius:99px;background-color:#fff}