[data-v-5e02e017]:root{--layout-sidebar-width--laptop:239px;--layout-sidebar-width--tablet:359px;--layout-sidebar-width--mobile:287px;--layout-sidebar-width:239px;--layout-header-height--laptop:60px;--layout-header-height--tablet:60px;--layout-header-height--mobile:60px;--layout-header-height:60px}@media screen and (width >= 1440px){[data-v-5e02e017]:root{--layout-sidebar-width:var(--layout-sidebar-width--laptop)}}@media screen and (768px <= width < 1440px){[data-v-5e02e017]:root{--layout-sidebar-width:var(--layout-sidebar-width--tablet)}}@media screen and (width < 768px){[data-v-5e02e017]:root{--layout-sidebar-width:var(--layout-sidebar-width--mobile)}}@media screen and (width >= 1440px){[data-v-5e02e017]:root{--layout-header-height:var(--layout-header-height--laptop)}}@media screen and (768px <= width < 1440px){[data-v-5e02e017]:root{--layout-header-height:var(--layout-header-height--tablet)}}@media screen and (width < 768px){[data-v-5e02e017]:root{--layout-header-height:var(--layout-header-height--mobile)}}.avatar-container[data-v-5e02e017]{position:relative}.avatar-container .xs[data-v-5e02e017]{height:24px;width:24px}.avatar-container .s[data-v-5e02e017]{height:32px;width:32px}.avatar-container .m[data-v-5e02e017]{height:40px;width:40px}.avatar-container .l[data-v-5e02e017]{height:48px;width:48px}.avatar-container .xl[data-v-5e02e017]{height:56px;width:56px}.avatar-container .xxl[data-v-5e02e017]{height:64px;width:64px}.avatar-container img[data-v-5e02e017]{border-radius:200px;z-index:1}.avatar-container .overlay[data-v-5e02e017]{border-radius:200px;left:0;position:absolute;top:0;z-index:2}.avatar-container .overlay[data-v-5e02e017]:hover{background-color:#1c1c1c;opacity:.1}.avatar-container .online[data-v-5e02e017]{bottom:0;position:absolute;right:0;z-index:3}