.AccountHeader{background:#10314c;padding:0 16px;display:block}.AccountHeader__info{padding:32px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width:1024px){.AccountHeader__info{flex-flow:row nowrap}}.AccountHeader__image{display:inline-block;max-width:100%;border-radius:50%;margin-bottom:8px}@media screen and (min-width:1024px){.AccountHeader__image{margin:0 16px}}.AccountHeader__name{display:flex;align-items:center;position:relative;bottom:-4px;font-size:1.8rem;color:#fff}.AccountHeader__name .AccountHeader__icon{position:relative;bottom:4px;width:30px;margin-right:16px}.AccountHeader__name .AccountHeader__icon path{fill:#fff}.AccountHeader__name .AccountHeader__displayName{text-transform:capitalize}.AccountHeader__nav{width:100%}.AccountHeader__navList{display:flex;flex-direction:column;flex:1;padding:16px 0 0}@media screen and (min-width:670px){.AccountHeader__navList{flex-direction:row;justify-content:center}}.AccountHeader__navList>:first-child .AccountHeader__navItem{margin-left:0}.AccountHeader__navItem{margin:0 16px;padding-bottom:16px;cursor:pointer;text-align:center;position:relative;font-weight:400}.AccountHeader__navItem.is-active,.AccountHeader__navItem:hover{font-weight:700}@media screen and (min-width:670px){.AccountHeader__navItem.is-active:after,.AccountHeader__navItem:hover:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#10314c}}.AccountHeader__navLink{font-size:1.3rem;color:#fff;text-transform:uppercase}.AccountHeader{background:#f0f3f5}.AccountHeader__name{color:#10314c}.AccountHeader__name .AccountHeader__icon path{fill:#10314c}