.avatar{width:130px;height:130px;border-radius:20%;margin:20px auto 30px;display:block;box-shadow:0 0 20px rgba(0,0,0,.2)}.sidebar-nav{list-style:none;text-align:center;margin:0;padding:0}.nav-item{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#000;font-size:16px;text-align:left;display:inline-block;margin:10px 15px;text-decoration:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.nav-item:hover{color:#28a745;transition:color .3s ease}.active{color:#28a745;position:relative}.active:after{content:"";display:block;width:100%;height:3px;border-radius:5px;background-color:#28a745;position:absolute;bottom:0;left:0;transition:color .3s ease}.LeftBar_leftBar__PtPrn{width:200px;transition:width .5s ease;position:relative;grid-area:2/2/3/1;padding:20px 5px 0;font-weight:700;box-shadow:-2px 8px 16px 0 #171717;z-index:2}.LeftBar_leftBarHide__qjRzi{width:0;padding:0}.LeftBar_leftBarBtn__q1g9w{position:absolute;top:25px;right:-55px;height:40px;width:40px;border:1px solid #28a745;border-radius:50%;background-color:#fff;z-index:0;box-shadow:0 0 8px 0 #7c8487}.LeftBar_leftBarBtn__q1g9w:hover{background-color:#28a745;transition:top 1s cubic-bezier(.4,0,.2,1)}.LeftBar_leftBarBtnShell__7w8CO{position:relative}.LeftBar_leftBarBtnArrow__l6v6B{height:15px;width:15px;border-top:3px solid #000;border-right:3px solid #000;position:absolute;top:50%;left:50%;transform:translate(-30%,-50%) rotate(-135deg);transition:top .5s cubic-bezier(.4,0,.2,1)}.LeftBar_leftBarBtnArrowRotate__aRxbd{transform:translate(-72%,-50%) rotate(45deg)}