:root{--background:#9c88ff;--navbar-width:256px;--navbar-width-min:80px;--navbar-dark-primary:rgba(163, 163, 163, 0.08);--navbar-dark-secondary:#2c3e50;--navbar-light-primary:black;--navbar-light-secondary:#8392a5}#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,0) rotate(0)}#nav-toggle:checked~#nav-content .nav-button span{opacity:0;font-size:17px;transition:opacity .1s}#nav-toggle:checked~#nav-content .nav-button .icon{min-width:calc(100% - 16px)}#nav-toggle:checked~#nav-content .nav-button .fa{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}#resposnive-nav-bar{background:#fff;border-radius:8px;display:flex;flex-direction:column;color:var(--navbar-light-primary);font-family:Verdana,Geneva,Tahoma,sans-serif;position:fixed;top:65px;left:0;width:300px;z-index:99999;overflow:hidden}#resposnive-nav-bar hr{margin:0;position:relative;left:16px;width:calc(100% - 32px);border:none;border-top:solid 1px var(--navbar-dark-secondary)}#resposnive-nav-bar a{color:inherit;text-decoration:inherit}#resposnive-nav-bar input[type=checkbox]{display:none}#nav-header{position:relative;min-height:80px;background:var(--navbar-dark-primary);border-radius:8px;z-index:2;display:flex;align-items:center;transition:width .2s}#nav-header hr{position:absolute;bottom:0}#nav-title{font-size:1.5rem;transition:opacity 1s}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:var(--navbar-dark-primary);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:0 0;position:relative;flex:1;background:var(--navbar-dark-primary);box-shadow:0 0 0 16px var(--navbar-dark-primary);direction:rtl;overflow:hidden;transition:width .2s}#nav-content::-webkit-scrollbar-thumb{border-radius:99px;background-color:#b9b9b9}#nav-content::-webkit-scrollbar-button{height:16px}#nav-content-highlight{position:absolute;left:16px;top:-70px;width:calc(100% - 16px);height:54px;background:var(--background);background-attachment:fixed;border-radius:16px 0 0 16px;transition:top .2s}#nav-content-highlight:after,#nav-content-highlight:before{content:"";position:absolute;right:0;bottom:100%;width:32px;height:32px;border-radius:50%;box-shadow:16px 16px var(--background)}#nav-content-highlight:after{top:100%;box-shadow:16px -16px var(--background)}.nav-button{position:relative;padding:0 13px;margin:2px 7px;height:54px;display:flex;align-items:center;border:1px solid transparent;color:#6d6e71;direction:ltr;cursor:pointer;z-index:1;transition:color .2s}.nav-button span{transition:opacity 1s}.nav-button .icon{transition:min-width .2s}.nav-button .fa{transition:min-width .2s}.nav-button:first-of-type:hover{color:#ec6714}.nav-button:first-of-type:hover~#nav-content-highlight{top:16px}.nav-button:nth-of-type(2):hover{color:#ec6714}.nav-button:nth-of-type(2):hover~#nav-content-highlight{top:70px}.nav-button:nth-of-type(3):hover{color:#ec6714}.nav-button:nth-of-type(3):hover~#nav-content-highlight{top:124px}.nav-button:nth-of-type(4):hover{color:#ec6714}.nav-button:nth-of-type(4):hover~#nav-content-highlight{top:178px}.nav-button:nth-of-type(5):hover{color:#ec6714}.nav-button:nth-of-type(5):hover~#nav-content-highlight{top:232px}.nav-button:nth-of-type(6):hover{color:#ec6714}.nav-button:nth-of-type(6):hover~#nav-content-highlight{top:286px}.nav-button:nth-of-type(7):hover{color:#ec6714}.nav-button:nth-of-type(7):hover~#nav-content-highlight{top:340px}.nav-button:nth-of-type(8):hover{color:#ec6714}.nav-button:nth-of-type(8):hover~#nav-content-highlight{top:394px}#resposnive-nav-bar .icon{min-width:3rem;font-size:17px;text-align:center}#resposnive-nav-bar .fa{min-width:3rem;font-size:17px;text-align:center}#nav-footer{position:relative;width:var(--navbar-width);height:54px;background:var(--navbar-dark-secondary);border-radius:16px;display:flex;flex-direction:column;z-index:2;transition:width .2s,height .2s}#nav-footer-heading{position:relative;width:100%;height:54px;display:flex;align-items: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-toggle:not(:checked)~#nav-footer-toggle:checked+#nav-footer{height:30%;min-height:54px}#nav-toggle:not(:checked)~#nav-footer-toggle:checked+#nav-footer label[for=nav-footer-toggle]{transform:rotate(180deg)}label[for=nav-footer-toggle]{position:absolute;right:0;width:3rem;height:100%;display:flex;align-items:center;cursor:pointer;transition:transform .2s,opacity .2s}#nav-footer-content{margin:0 16px 16px 16px;border-top:solid 1px var(--navbar-light-secondary);padding:16px 0;color:var(--navbar-light-secondary);font-size:.8rem;overflow:hidden}#nav-footer-content::-webkit-scrollbar-thumb{border-radius:99px;background-color:#d62929}#card{border:none;padding:8px 0 0 0;background-color:#fff}.upper img{width:100%;border-radius:8px}.user{margin-top:-43px}.user-profile img{margin:auto;width:71px;height:71px;border-radius:40px;object-fit:cover}.follow{border-radius:15px;padding-left:20px;padding-right:20px;height:35px}.stats span{font-size:29px}.nav-button:hover{border:1px solid rgba(163,163,163,.23);border-radius:11px;color:#ec6714!important}.res-my-main-navbar{display:none}