.barq-account-dropdown{
position:absolute;
width:220px;
background:#fff;
border:1px solid #eee;
padding:14px 0;
box-shadow:0 10px 30px rgba(0,0,0,.08);
z-index:2147483647;
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:.2s ease;
}
.barq-account-dropdown.active{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.barq-account-dropdown a,
.barq-account-dropdown button{
display:flex;
width:100%;
padding:11px 18px;
background:none;
border:0;
text-decoration:none;
color:#111;
font-size:13px;
cursor:pointer;
text-align:left;
box-sizing:border-box;
font-family:inherit;
}
.barq-account-dropdown a:hover,
.barq-account-dropdown button:hover{
background:#f7f7f7;
}
.barq-account-email{
padding:0 18px 12px;
margin-bottom:10px;
border-bottom:1px solid #eee;
font-size:12px;
color:#777;
word-break:break-word;
}

.barq-account-dropdown .barq-account-email{white-space:normal;word-break:break-word;line-height:1.45;}
.barq-account-dropdown .barq-account-email strong{display:block;font-weight:500;color:#111;margin-bottom:3px;}
.barq-account-dropdown .barq-account-email span{display:block;font-size:12px;color:#777;}