.avatar-dropdown{display:inline-block;position:relative}.avatar-dropdown .account-menu-account-section-title{color:#92bcff;text-transform:uppercase;margin:0;padding:5px 15px 0;font-size:.86em;font-weight:900}.avatar-dropdown .dropdown-menu{z-index:1000;cursor:pointer;color:#fff;border:1px solid #85858552;border-radius:8px;flex-direction:column;gap:5px;width:300px;min-width:180px;padding:10px 0 0;display:flex;position:absolute;top:56px;right:0;overflow:hidden;box-shadow:0 2px 8px #00000026}.avatar-dropdown .dropdown-menu:before,.avatar-dropdown .dropdown-menu:after{content:"";z-index:-2;background:url(/images/dropdown.png) 100% 0/cover no-repeat;width:100%;height:100%;position:absolute;top:0;right:0}.avatar-dropdown .dropdown-menu:after{content:"";z-index:-1;background:linear-gradient(#2a3e709c,#021442);width:100%;height:100%;position:absolute;top:0;right:0}.avatar-dropdown .dropdown-menu-contain{max-height:calc(80vh - 250px)}.avatar-dropdown .dropdown-group.dropdown-logout{color:#b10000;text-align:center;margin-bottom:15px}.avatar-dropdown .dropdown-item{color:#fff;align-items:center;padding:5px 18px;font-size:15px;transition:background .2s;display:flex}.avatar-dropdown .dropdown-item:hover{color:#bd0000;background:#f3f4f6}.avatar-dropdown .avatar-bangnam{cursor:pointer;color:#fff}.avatar-dropdown .avatar-bangnam .user-avatar{border:1px solid #ffffff28}.avatar-dropdown .avatar-bangnam .p-email{color:#dde1e9;background:linear-gradient(90deg,#2ab9ff,#0000);border-radius:5px;margin-top:2px;padding:0 15px 1px 5px;font-size:.7em;line-height:1.5em}.avatar-dropdown .avatar-bangnam:hover .p-username{color:#2ab9ff}.avatar-dropdown .avatar-bangnam:hover .avatar-img{border:2px solid #2ab9ff}.avatar-dropdown .avatar-img{cursor:pointer;object-fit:cover;background:#fff;border:2px solid #fff;border-radius:50%;width:38px;height:38px;padding:0;display:flex}.avatar-dropdown .avatar-img+div span{color:#fff;font-weight:400}.avatar-dropdown .avatar-img+div span.p-email{background:linear-gradient(45deg,#0c6f9f,#0000);border-radius:2px;margin-top:2px;padding:0 2px;font-size:12px;line-height:1.5em}.avatar-dropdown .dropdown-item-avatar{color:#eaf9ff;align-items:center;padding:5px 15px;font-size:15px;font-weight:500;line-height:16px}.avatar-dropdown .dropdown-item-avatar .dropdown-avatar-img{cursor:pointer;object-fit:cover;background:#fff;border:2px solid #e5e7eb;border-radius:50%;width:50px;height:50px;display:flex}.avatar-dropdown .dropdown-item-avatar .p-username{font-weight:600}.avatar-dropdown .dropdown-item svg{width:20px;height:20px}.template-dark .avatar-dropdown,.template-dark .avatar-dropdown .account-menu-account-section-title{color:#b3c5e1}.template-dark .avatar-dropdown .dropdown-menu{background-color:#ffffff29;background-image:linear-gradient(90deg,#151618 15px,#0000 1%),linear-gradient(#151618 15px 1%),none;background-position:50%,0,0 0;background-repeat:repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff21;box-shadow:0 2px 8px #00000026}.template-dark .avatar-dropdown .dropdown-menu .dropdown-item:hover{background:#596c9828}.template-dark .avatar-dropdown .dropdown-menu .dropdown-item-avatar{color:#dde1e9}