#userAccount__base{position:relative;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}
#userAccount__base .header__metaNavButton{margin:0 0 0 var(--s60);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#userAccount__overlay{width:275px;background:#e4e4e4;color:#1a1a1a;padding:0 20px 20px;position:absolute;right:10px;top:100%;text-align:left;opacity:0;-webkit-transition:opacity ease-in-out .25s;transition:opacity ease-in-out .25s}
#userAccount__overlay.userAccount--isHidden{display:none}
#userAccount__overlay.userAccount--isVisible{opacity:1}
#userAccount__details{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0;border-bottom:1px solid #bcbcbc}
#userAccount__loggedOut{display:none}
#userAccount__loggedIn.header__metaNavButton{font-weight:bold;padding:0 10px 0 12px;width:40px;-webkit-box-sizing:content-box;box-sizing:content-box}
#userAccount__loggedIn.header__metaNavButton::before{display:block;border-radius:50%;top:5px;bottom:5px;right:10px;left:12px}
.touch #userAccount__loggedIn.header__metaNavButton.selected:hover::before{background:#e4e4e4;color:#1a1a1a}
#userAccount__initials{font-family:"FrutigerNext",Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;line-height:26px;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:50%;background:#e4e4e4;border:1px solid #bcbcbc;width:45px;height:45px}
#userAccount__fullname{font-family:"FrutigerNext",Helvetica,Arial,sans-serif;font-size:17px;font-weight:400;line-height:23px;font-weight:bold;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;margin-left:10px}
#userAccount__name,#userAccount__surname{width:100%}
#userAccount__name{margin:0 0 3px}
#userAccount__links{font-family:"FrutigerNext",Helvetica,Arial,sans-serif;font-size:17px;font-weight:400;line-height:23px;margin-top:15px}
#userAccount__links li{margin-bottom:15px}
#userAccount__links li:last-of-type{margin-bottom:0}
#userAccount__links a{color:#1a1a1a;text-decoration:none}