#navbar{position:fixed;left:0;bottom:0;z-index:30;display:flex;flex-direction:column;overflow:hidden;width:25%;max-width:150px;height:calc(100% - 90px);transition:.3s}#navbar:hover{max-width:350px}#navbar:hover .menuTitle{display:block}#navbar .menuTitle{display:none;white-space:nowrap}#navbar .logoContent{margin-left:2rem;display:flex;align-items:center;height:145px}#navbar .menu{width:100%;flex:1 1 0%;justify-content:space-between;overflow:auto;padding:2rem;background-color:var(--first-color);border-top-right-radius:60px;transition:.2s}#navbar .menu,#navbar .menu__list{display:flex;flex-direction:column}#navbar .menu__list{height:100%;overflow-x:hidden}#navbar .item,#navbar .menu__list__item{overflow:hidden}#navbar .item{margin-bottom:.5rem;display:flex;height:3rem;min-height:3rem;cursor:pointer;align-items:center;gap:.75rem;border-radius:1rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));width:-moz-fit-content;width:fit-content;transition:.3s;padding-left:1.5rem;padding-right:1.5rem}#navbar .item.active,#navbar .item:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:var(--first-color)}@media screen and (max-width:1200px){#navbar{width:36%}}@media screen and (max-width:992px){#navbar{right:-100%;transition:.4s;max-width:none;z-index:99;left:auto;width:50%}#navbar .menuTitle{display:block}#navbar .menu{border-top-left-radius:60px;border-top-right-radius:0}#navbar.active{right:0}}@media screen and (max-width:767px){#navbar{width:100%;height:calc(100% - 68px)}#navbar:hover{max-width:none}#navbar .menu{border-radius:0;padding:1rem}}#dashboard{display:flex;align-items:flex-start;justify-content:flex-end;gap:3rem;background:var(--bg-color)!important;min-height:100vh}#dashboard>.content{padding-bottom:2rem;padding-right:var(--paddingDefault);margin-top:103px;transition:.3s;width:calc(100% - 150px);padding-left:2rem;padding-top:2rem}@media screen and (max-width:1700px){#dashboard>.content{margin-top:85px}}@media screen and (max-width:992px){#dashboard>.content{width:100%;margin-top:110px}}@media screen and (max-width:767px){#dashboard>.content{padding-left:var(--paddingDefault)}}