.headerContainer {display: flex;padding: 16px;justify-content: center;align-items: center;gap: 102px;background: #003824;@media (max-width: 890px) {display: none;}}.headerFortnoxLogo {width: 138px;height: 30px;}.headerContentContainer {display: flex;max-width: 1152px;justify-content: space-between;align-items: center;flex: 1 0 0;}.logoContainer {display: flex;align-items: center;gap: 16px;}.logoContainerMobile {display: flex;align-items: center;gap: 8px;}.headerLogoText {color: #DEFFDE;font-size: 16px;font-style: normal;font-weight: 700;line-height: 20.8px;}.fortnoxIdMenuContainer {position: relative;}.fortnoxIdMenu {position: absolute;top: 33px;right: 0;z-index: 1;width: 238px;align-items: flex-start;border-radius: 4px;background: #FFF;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.10);}.fortnoxIdMenuItemRightIcon {position: absolute;right: 16px;}.fortnoxIdMenuItem {display: flex;cursor: pointer;padding: 16px;align-items: center;gap: 12px;align-self: stretch;border-bottom: 1px solid #DDE1E0;font-family: "Exo 2";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24.2px;&:hover {background: #F2F4F3;}}.fortnoxIdLoggedInUserName {max-width: 136px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}.fortnoxIdChevronIcon {width: 12px;height: 12px;}.fortnoxIdLoggedInUserBtn {display: flex;padding: 4px 16px;cursor: pointer;align-items: center;gap: 8px;border-radius: 24px;border: 1px solid #EFFFEF;color: #FFF;font-family: "Exo 2";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24.2px;&:hover {background-color: #DEFFDE;color: #003824;}}.fortnoxIdLoggedInUserBtnActive {color: #002517;background-color: #EFFFEF;}.headerButtonsContainer {display: flex;align-items: center;gap: 32px;}.headerButton {display: flex;padding: 5px 16px;justify-content: center;align-items: center;gap: 8px;align-self: stretch;cursor: pointer;border-radius: 28px;background: #EFFFEF;color: #002517;text-align: center;font-variant-numeric: lining-nums tabular-nums;font-family: "Exo 2";font-size: 14px;font-style: normal;font-weight: 700;line-height: 18.2px;&:hover {background-color: #DEFFDE;}}.headerButtonText {color: var(--Text-Text-Dark, #002517);text-align: center;font-variant-numeric: lining-nums tabular-nums;font-family: "Exo 2";font-size: 14px;font-style: normal;font-weight: 700;line-height: 18.2px;}.headerLoggedInContainer {display: flex;align-items: center;gap: 8px;}.headerLoggedInInfo {display: flex;flex-direction: column;justify-content: center;align-items: flex-end;}.headerLoggedInAsText {color: #FFF;font-size: 12px;font-style: normal;font-weight: 400;line-height: 15.75px;}.headerLoggedInUserName {color: #FFF;font-size: 14px;font-style: normal;font-weight: 600;line-height: 21px;}.headerLogoutButton {border-color: #EB978E;}.subHeaderNavigationContainer {display: flex;padding: 8px 64px;justify-content: center;align-items: center;gap: 32px;align-self: stretch;background: #FFF;border-bottom: 1px solid #DDE1E0;@media (max-width: 890px) {display: none;}}.subHeaderNavigationItems {display: flex;max-width: 1152px;justify-content: flex-end;align-items: center;gap: 32px;flex: 1 0 0;}.subHeaderNavigationItem {color: #007533;font-size: 14px;font-style: normal;font-weight: 600;line-height: 21px;}.mobileHeaderContainer {display: flex;padding: 16px;align-items: center;gap: 102px;background: #003824;@media (min-width: 891px) {display: none;}}.mobileHeaderFortnoxLogo {width: 100px;height: 21px;}.mobileHeaderLogoText {color: #DEFFDE;font-size: 14px;font-style: normal;font-weight: 700;line-height: 21px;}.menuButtonShortName {display: block;@media (min-width: 421px) {display: none;}}.menuButtonFullName {display: block;@media (max-width: 420px) {display: none;}}