.backgroundColor{height:50px;background:#7b217e;background:linear-gradient(47deg,#7b217e,#1e68db 35%,#1c9dd9 98%);border-radius:8px 8px 0 0}.avatarContainer{display:flex;flex:column;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0}.header{height:100px;position:relative;justify-content:center;align-items:center}.avatar{position:relative;display:flex;align-items:end;justify-content:end}.selectColor{background-color:#fff;border-color:transparent;width:25px;position:absolute;padding:0;border-radius:100%;border-color:#fff}.selectColor::-webkit-color-swatch{border:none;border-radius:10px;padding:0}.responsiveMenu{position:absolute;z-index:7000;background-color:#333;display:none;flex-direction:column;width:0vw;height:0vh;content-visibility:hidden;animation:.5s open-resposive-menu forwards;background:linear-gradient(#1e1e1ebf,#1e1e1ebf)}.closeMenuContainer{display:flex;justify-content:right;padding:0 10px;height:50px}.userInfoMenuCont{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.avatarMenuContainer{display:flex;gap:24px;flex-direction:column;justify-content:center;align-items:center;margin:20px}.actionsMenuContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.close{animation:.5s close-resposive-menu forwards}.open{display:flex}.singoutResContainer{display:none}@media only screen and (max-width: 600px){.logoutContainer,.sideBarContainer{display:none}.singoutResContainer{width:100%;display:flex;justify-content:center;margin:10px 0}}@keyframes open-resposive-menu{0%{border-radius:0 50% 50%;width:0vw;height:0vh}to{border-radius:none;width:100vw;height:100vh;content-visibility:visible}}@keyframes close-resposive-menu{0%{display:flex;border-radius:none;width:100vw;height:100vh;content-visibility:hidden}to{border-radius:0 50% 50%;width:0vw;height:0vh;display:none}}.listMenu{color:#fff;height:100%;align-items:center;display:flex;flex-direction:column;justify-content:center}.menuOption:hover .itemIcon{transform:scale(1.1)}@media only screen and (max-width: 600px){.listMenu{height:calc(100% - 50px)}.itemIcon,.itemText{color:#fff!important}}#root{margin:0 auto;text-align:center}body{margin:0;display:flex;place-items:end;min-width:320px;min-height:100vh;padding:0;background-color:#ecf0f1}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d6dee1}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}