/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/cookie-consent/CookieConsentModal.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
div.cookie-consent-CookieConsentModal-bottomSheet-dbb68295 {
  z-index: 10000;
}

/* Wrapper */

.cookie-consent-CookieConsentModal-bottomSheet-dbb68295 > div {
  border-radius: 0;
  border-radius: initial;
  width: 100%;
}

/* Dimmer */

.cookie-consent-CookieConsentModal-bottomSheet-dbb68295 + div {
  z-index: 9999;
}

/* Move the pop-up-window on top of every pop-up-window which might appear */

.cookie-consent-CookieConsentModal-popUpWindow-aa4c7767 {
  z-index: 400
}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/cookie-consent/Accordion.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.cookie-consent-Accordion-title-bf41d089.cookie-consent-Accordion-title-bf41d089 {
  margin-top: 18px;
  height: auto;
  justify-content: space-between;
  text-align: left;
  width: 100%;
}

.cookie-consent-Accordion-title-bf41d089.cookie-consent-Accordion-title-bf41d089::before {
  content: '•';
  display: inline-block;
  margin-right: 8px;
}

.cookie-consent-Accordion-title-bf41d089 > div {
  width: 100%;
}

.cookie-consent-Accordion-title-bf41d089 > div > *:last-child {
  flex: 1;
}

@media (--mediaM) {
  .cookie-consent-Accordion-title-bf41d089.cookie-consent-Accordion-title-bf41d089 {
    justify-content: flex-start;
    width: auto;
    width: initial;
  }
}

.cookie-consent-Accordion-body-e005d625.cookie-consent-Accordion-body-e005d625 {
  transition: opacity 200ms ease-out, transform 200ms ease-out;
  transform: translateY(-7px);
  visibility: hidden;
  height: 0;
  opacity: 0;
  margin-bottom: 0;
}

/** The global class was added for the vanilla js version **/

.cookie-consent-Accordion-visible-a3af2c0c.cookie-consent-Accordion-visible-a3af2c0c, .accordion-body-visible.accordion-body-visible {
  transform: translateY(0px);
  visibility: visible;
  height: auto;
  height: initial;
  opacity: 1;
  margin-top: 18px;
  margin-bottom: 4px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/cookie-consent/CookieConsentBannerContent.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

:root {
  --consentBannerMaxWidth: 1320px;
}

.cookie-consent-CookieConsentBannerContent-container-dea6c398 {
  box-sizing: border-box;
  display: flex;
  flex: 1 0 auto;
  flex-wrap: nowrap;
  width: 100%;
}

.cookie-consent-CookieConsentBannerContent-banner-f55beaa4 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
}

.cookie-consent-CookieConsentBannerContent-banner-text-af236000 {
  box-sizing: border-box;
  height: 510px;
  margin: 0 auto;
  overflow-y: scroll;
  padding: 24px 16px;
  width: 100%;
}

.cookie-consent-CookieConsentBannerContent-banner-text-af236000 a {
  color: #333;
  font-weight: 900;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.cookie-consent-CookieConsentBannerContent-banner-text-af236000 a:hover,
.cookie-consent-CookieConsentBannerContent-banner-text-af236000 a:visited,
.cookie-consent-CookieConsentBannerContent-banner-text-af236000 a:link,
.cookie-consent-CookieConsentBannerContent-banner-text-af236000 a:active {
  -webkit-text-decoration: none;
  text-decoration: none;
}

@media screen and (max-height: 700px) {
  .cookie-consent-CookieConsentBannerContent-banner-text-af236000 {
    height: 300px;
  }
}

@media screen and (max-height: 450px) {
  .cookie-consent-CookieConsentBannerContent-banner-text-af236000 {
    height: 200px;
  }
}

.cookie-consent-CookieConsentBannerContent-button-container-c9731dc4 {
  border-top: 1px solid var(--xdlColorBorderSoft);
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
  padding: 16px 16px 24px;
  width: 100%;
}

.cookie-consent-CookieConsentBannerContent-banner-title-b424f1da.cookie-consent-CookieConsentBannerContent-banner-title-b424f1da {
  box-sizing: border-box;
  margin-bottom: 24px;
  margin-top: 0;
}

.cookie-consent-CookieConsentBannerContent-bodyBottom-feb47087 {
  margin-top: 24px;
}

.cookie-consent-CookieConsentBannerContent-bodyBottom-feb47087 > p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 12px;
  margin-top: 0;
}

.cookie-consent-CookieConsentBannerContent-review-button-e7b5f55e.cookie-consent-CookieConsentBannerContent-review-button-e7b5f55e {
  margin-right: 20px;
}

.cookie-consent-CookieConsentBannerContent-settings-container-fa969d3e {
  background-color: var(--xdlPaletteWhite);
  margin-bottom: 48px;
  margin-top: 32px;
  z-index: 10000;
}

@media (min-width: 740px) {
  .cookie-consent-CookieConsentBannerContent-banner-text-af236000 {
    padding: 32px;
  }

  .cookie-consent-CookieConsentBannerContent-button-container-c9731dc4 {
    padding: 32px;
  }

  .cookie-consent-CookieConsentBannerContent-settings-container-fa969d3e {
    margin-bottom: 80px;
    margin-top:  * 2;
  }

  .cookie-consent-CookieConsentBannerContent-banner-f55beaa4 {
    align-items: normal;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/xing-grid/styles/grid.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

/* GRID CONTAINER */

.styles-grid-gridContainer-a2b07176 {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

@media (min-width: 740px) {

.styles-grid-gridContainer-a2b07176 {
    padding: 0 16px;
}
  }

@media (min-width: 1025px) {

.styles-grid-gridContainer-a2b07176 {
    padding: 0 18px;
}
  }

@media (min-width: 1113px) {

.styles-grid-gridContainer-a2b07176 {
    padding: 0 24px;
}
  }

@media (min-width: 1680px) {

.styles-grid-gridContainer-a2b07176.styles-grid-wideGridContainer-fce34902 {
      padding: 0 28px;
  }
    }

.styles-grid-gridContainer-a2b07176.styles-grid-gridContainer-a2b07176.styles-grid-armstrongGridContainer-b364ad6c {
  margin: 0 auto;
  padding: 0;
}

@media (min-width: 740px) {
  .styles-grid-gridContainer-a2b07176.styles-grid-armstrongGridContainer-b364ad6c {
    max-width: 740px;
  }
}

@media (min-width: 1113px) {
  .styles-grid-gridContainer-a2b07176.styles-grid-standardGridContainer-e10f5ffb {
    max-width: 984px;
  }
  .styles-grid-gridContainer-a2b07176.styles-grid-wideGridContainer-fce34902 {
    max-width: 1356px;
  }
}

/* GRID */

.styles-grid-grid-f83e03f9 {
  width: 100%;
}

/* ROWS */

.styles-grid-row-a6ae58dd {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 740px) {

.styles-grid-row-a6ae58dd {
    margin-left: calc(-1 * 16px);
    margin-right: calc(-1 * 16px);
    padding-left: 8px;
    padding-right: 8px;
}
  }

@media (min-width: 1025px) {

.styles-grid-row-a6ae58dd {
    margin-left: calc(-1 * 18px);
    margin-right: calc(-1 * 18px);
    padding-left: 8px;
    padding-right: 8px;
}
  }

@media (min-width: 1113px) {

.styles-grid-row-a6ae58dd {
    margin-left: calc(-1 * 24px);
    margin-right: calc(-1 * 24px);
    padding-left: 12px;
    padding-right: 12px;
}
  }

@media (min-width: 1680px) {

.styles-grid-wideGridContainer-fce34902 .styles-grid-row-a6ae58dd {
    margin-left: calc(-1 * 28px);
    margin-right: calc(-1 * 28px);
    padding-left: calc(12px + 20px);
    padding-right: calc(12px + 20px);
}
  }

.styles-grid-gridContainer-a2b07176.styles-grid-armstrongGridContainer-b364ad6c .styles-grid-row-a6ae58dd {
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
}

/* NESTED GRIDS */

.styles-grid-row-a6ae58dd .styles-grid-row-a6ae58dd {
  margin-left: calc(-1 * 20px);
  margin-right: calc(-1 * 20px);
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 740px) {

.styles-grid-row-a6ae58dd .styles-grid-row-a6ae58dd {
    /* border: 1px solid red; */
    margin-left: calc(-1 * 16px);
    margin-right: calc(-1 * 16px);
    padding-left: 8px;
    padding-right: 8px;
}
  }

@media (min-width: 1025px) {

.styles-grid-row-a6ae58dd .styles-grid-row-a6ae58dd {
    /* border: 1px solid purple; */
    margin-left: calc(-1 * 18px);
    margin-right: calc(-1 * 18px);
    padding-left: 10px;
    padding-right: 10px;
}
  }

@media (min-width: 1113px) {

.styles-grid-row-a6ae58dd .styles-grid-row-a6ae58dd {
    /* border: 1px solid yellow; */
    margin-left: calc(-1 * 24px);
    margin-right: calc(-1 * 24px);
    padding-left: 12px;
    padding-right: 12px;
}
  }

.styles-grid-gridContainer-a2b07176.styles-grid-armstrongGridContainer-b364ad6c .styles-grid-row-a6ae58dd .styles-grid-row-a6ae58dd {
  margin-left: calc(-1 * 20px);
  margin-right: calc(-1 * 20px);
  padding-left: 16px;
  padding-right: 16px;
}

/* COLUMNS */

.styles-grid-col-cc34cd95 {
  padding-left: 4px;
  padding-right: 4px;
}

@media (min-width: 740px) {

.styles-grid-col-cc34cd95 {
    padding-left: 8px;
    padding-right: 8px;
}
  }

@media (min-width: 1025px) {

.styles-grid-col-cc34cd95 {
    padding-left: 10px;
    padding-right: 10px;
}
  }

@media (min-width: 1113px) {

.styles-grid-col-cc34cd95 {
    padding-left: 12px;
    padding-right: 12px;
}
  }

@media (min-width: 1680px) {

.styles-grid-wideGridContainer-fce34902 .styles-grid-col-cc34cd95 {
    padding-left: 16px;
    padding-right: 16px;
}
  }

.styles-grid-gridContainer-a2b07176.styles-grid-armstrongGridContainer-b364ad6c .styles-grid-col-cc34cd95 {
  padding-left: 4px;
  padding-right: 4px;
}

.styles-grid-default0-e8afeea8 {
  display: none;
}

.styles-grid-default1-cfc29e3e {
  width: calc(100% / 12 - 0.01px);
}

.styles-grid-default2-af006531 {
  width: calc(100% / 12 * 2 - 0.01px);
}

.styles-grid-default3-b8f0dd1d {
  width: 25%;
}

.styles-grid-default4-b1d54b8e {
  width: calc(100% / 12 * 4 - 0.01px);
}

.styles-grid-default5-cf32bb27 {
  width: calc(100% / 12 * 5 - 0.01px);
}

.styles-grid-default6-a27edf48 {
  width: 50%;
}

.styles-grid-default7-cc0e47ef {
  width: calc(100% / 12 * 7 - 0.01px);
}

.styles-grid-default8-a479e0cf {
  width: calc(100% / 12 * 8 - 0.01px);
}

.styles-grid-default9-ba3c70cb {
  width: 75%;
}

.styles-grid-default10-c0ddaad3 {
  width: calc(100% / 12 * 10 - 0.01px);
}

.styles-grid-default11-d39b9a52 {
  width: calc(100% / 12 * 11 - 0.01px);
}

.styles-grid-default12-d8848a7e {
  width: 100%;
}

.styles-grid-defaultOffset1-d6a149e9 {
  margin-left: calc(100% / 12 - 0.01px);
}

.styles-grid-defaultOffset2-cdd56999 {
  margin-left: calc(100% / 12 * 2 - 0.01px);
}

.styles-grid-defaultOffset3-fc72b94d {
  margin-left: 25%;
}

.styles-grid-defaultOffset4-e6e152b2 {
  margin-left: calc(100% / 12 * 4 - 0.01px);
}

.styles-grid-defaultOffset5-beea1534 {
  margin-left: calc(100% / 12 * 5 - 0.01px);
}

.styles-grid-defaultOffset6-ca6ed48c {
  margin-left: 50%;
}

.styles-grid-defaultOffset7-c1bd027c {
  margin-left: calc(100% / 12 * 7 - 0.01px);
}

.styles-grid-defaultOffset8-bbf26afb {
  margin-left: calc(100% / 12 * 8 - 0.01px);
}

.styles-grid-defaultOffset9-b9ee4516 {
  margin-left: 75%;
}

.styles-grid-defaultOffset10-d4f31532 {
  margin-left: calc(100% / 12 * 10 - 0.01px);
}

.styles-grid-defaultOffset11-f0fa05b8 {
  margin-left: calc(100% / 12 * 11 - 0.01px);
}

@media (max-width: 539px) {
  .styles-grid-tiny0-d6e5361f {
    display: none;
  }
  .styles-grid-tiny1-ac75c613,
  .styles-grid-tiny2-b4a27307,
  .styles-grid-tiny3-eb588cd9,
  .styles-grid-tiny4-d0696913,
  .styles-grid-tiny5-a2071080,
  .styles-grid-tiny6-fa71fb54,
  .styles-grid-tiny7-c7a8a154,
  .styles-grid-tiny8-e1d3bd31,
  .styles-grid-tiny9-ef8fa867,
  .styles-grid-tiny10-bd8af54b,
  .styles-grid-tiny11-c65ceb5c,
  .styles-grid-tiny12-c22168ad {
    display: block;
  }
  .styles-grid-tiny1-ac75c613 {
    width: calc(100% / 12 - 0.01px);
  }
  .styles-grid-tiny2-b4a27307 {
    width: calc(100% / 12 * 2 - 0.01px);
  }
  .styles-grid-tiny3-eb588cd9 {
    width: 25%;
  }
  .styles-grid-tiny4-d0696913 {
    width: calc(100% / 12 * 4 - 0.01px);
  }
  .styles-grid-tiny5-a2071080 {
    width: calc(100% / 12 * 5 - 0.01px);
  }
  .styles-grid-tiny6-fa71fb54 {
    width: 50%;
  }
  .styles-grid-tiny7-c7a8a154 {
    width: calc(100% / 12 * 7 - 0.01px);
  }
  .styles-grid-tiny8-e1d3bd31 {
    width: calc(100% / 12 * 8 - 0.01px);
  }
  .styles-grid-tiny9-ef8fa867 {
    width: 75%;
  }
  .styles-grid-tiny10-bd8af54b {
    width: calc(100% / 12 * 10 - 0.01px);
  }
  .styles-grid-tiny11-c65ceb5c {
    width: calc(100% / 12 * 11 - 0.01px);
  }
  .styles-grid-tiny12-c22168ad {
    width: 100%;
  }

  .styles-grid-tinyOffset0-eb10fb17 {
    margin-left: 0;
  }
  .styles-grid-tinyOffset1-ba36ed8f {
    margin-left: calc(100% / 12 - 0.01px);
  }
  .styles-grid-tinyOffset2-dc8fc41f {
    margin-left: calc(100% / 12 * 2 - 0.01px);
  }
  .styles-grid-tinyOffset3-b5d355d9 {
    margin-left: 25%;
  }
  .styles-grid-tinyOffset4-df84eafe {
    margin-left: calc(100% / 12 * 4 - 0.01px);
  }
  .styles-grid-tinyOffset5-fcda50c0 {
    margin-left: calc(100% / 12 * 5 - 0.01px);
  }
  .styles-grid-tinyOffset6-cf1263e2 {
    margin-left: 50%;
  }
  .styles-grid-tinyOffset7-cbacda83 {
    margin-left: calc(100% / 12 * 7 - 0.01px);
  }
  .styles-grid-tinyOffset8-feb122fa {
    margin-left: calc(100% / 12 * 8 - 0.01px);
  }
  .styles-grid-tinyOffset9-ec32c360 {
    margin-left: 75%;
  }
  .styles-grid-tinyOffset10-e3905203 {
    margin-left: calc(100% / 12 * 10 - 0.01px);
  }
  .styles-grid-tinyOffset11-f62b91de {
    margin-left: calc(100% / 12 * 11 - 0.01px);
  }
}

@media (min-width: 740px) {
  .styles-grid-confined0-d0fec633 {
    display: none;
  }
  .styles-grid-confined1-d94009e3,
  .styles-grid-confined2-a5dea8d4,
  .styles-grid-confined3-aef1c08c,
  .styles-grid-confined4-aa7f572a,
  .styles-grid-confined5-a74a949c,
  .styles-grid-confined6-edcf1098,
  .styles-grid-confined7-b51e8046,
  .styles-grid-confined8-c093c4a4,
  .styles-grid-confined9-d94e9acd,
  .styles-grid-confined10-a1765af8,
  .styles-grid-confined11-e31cfac0,
  .styles-grid-confined12-b21a9e88 {
    display: block;
  }
  .styles-grid-confined1-d94009e3 {
    width: calc(100% / 12 - 0.01px);
  }
  .styles-grid-confined2-a5dea8d4 {
    width: calc(100% / 12 * 2 - 0.01px);
  }
  .styles-grid-confined3-aef1c08c {
    width: 25%;
  }
  .styles-grid-confined4-aa7f572a {
    width: calc(100% / 12 * 4 - 0.01px);
  }
  .styles-grid-confined5-a74a949c {
    width: calc(100% / 12 * 5 - 0.01px);
  }
  .styles-grid-confined6-edcf1098 {
    width: 50%;
  }
  .styles-grid-confined7-b51e8046 {
    width: calc(100% / 12 * 7 - 0.01px);
  }
  .styles-grid-confined8-c093c4a4 {
    width: calc(100% / 12 * 8 - 0.01px);
  }
  .styles-grid-confined9-d94e9acd {
    width: 75%;
  }
  .styles-grid-confined10-a1765af8 {
    width: calc(100% / 12 * 10 - 0.01px);
  }
  .styles-grid-confined11-e31cfac0 {
    width: calc(100% / 12 * 11 - 0.01px);
  }
  .styles-grid-confined12-b21a9e88 {
    width: 100%;
  }

  .styles-grid-confinedOffset0-ab9e8a39 {
    margin-left: 0;
  }
  .styles-grid-confinedOffset1-ecaab42a {
    margin-left: calc(100% / 12 - 0.01px);
  }
  .styles-grid-confinedOffset2-b09e585a {
    margin-left: calc(100% / 12 * 2 - 0.01px);
  }
  .styles-grid-confinedOffset3-fcf2b6bf {
    margin-left: 25%;
  }
  .styles-grid-confinedOffset4-ed3020a7 {
    margin-left: calc(100% / 12 * 4 - 0.01px);
  }
  .styles-grid-confinedOffset5-abeef3ff {
    margin-left: calc(100% / 12 * 5 - 0.01px);
  }
  .styles-grid-confinedOffset6-e8faaf90 {
    margin-left: 50%;
  }
  .styles-grid-confinedOffset7-b282af2d {
    margin-left: calc(100% / 12 * 7 - 0.01px);
  }
  .styles-grid-confinedOffset8-d291b0eb {
    margin-left: calc(100% / 12 * 8 - 0.01px);
  }
  .styles-grid-confinedOffset9-b2b2cf5b {
    margin-left: 75%;
  }
  .styles-grid-confinedOffset10-dd420d2b {
    margin-left: calc(100% / 12 * 10 - 0.01px);
  }
  .styles-grid-confinedOffset11-b750c7f1 {
    margin-left: calc(100% / 12 * 11 - 0.01px);
  }
}

@media (min-width: 883px) and (max-width: 1024px),(min-width: 1113px) {
  .styles-grid-wide0-e850880d {
    display: none;
  }
  .styles-grid-wide1-a3bffc63,
  .styles-grid-wide2-be19a701,
  .styles-grid-wide3-bbe47a02,
  .styles-grid-wide4-bd71b53e,
  .styles-grid-wide5-cf0cfd3c,
  .styles-grid-wide6-c7f42697,
  .styles-grid-wide7-d0a1fb4a,
  .styles-grid-wide8-c1d3987b,
  .styles-grid-wide9-b3db3e2d,
  .styles-grid-wide10-ee3e3253,
  .styles-grid-wide11-da0b5658,
  .styles-grid-wide12-a5a409f1 {
    display: block;
  }
  .styles-grid-wide1-a3bffc63 {
    width: calc(100% / 12 - 0.01px);
  }
  .styles-grid-wide2-be19a701 {
    width: calc(100% / 12 * 2 - 0.01px);
  }
  .styles-grid-wide3-bbe47a02 {
    width: 25%;
  }
  .styles-grid-wide4-bd71b53e {
    width: calc(100% / 12 * 4 - 0.01px);
  }
  .styles-grid-wide5-cf0cfd3c {
    width: calc(100% / 12 * 5 - 0.01px);
  }
  .styles-grid-wide6-c7f42697 {
    width: 50%;
  }
  .styles-grid-wide7-d0a1fb4a {
    width: calc(100% / 12 * 7 - 0.01px);
  }
  .styles-grid-wide8-c1d3987b {
    width: calc(100% / 12 * 8 - 0.01px);
  }
  .styles-grid-wide9-b3db3e2d {
    width: 75%;
  }
  .styles-grid-wide10-ee3e3253 {
    width: calc(100% / 12 * 10 - 0.01px);
  }
  .styles-grid-wide11-da0b5658 {
    width: calc(100% / 12 * 11 - 0.01px);
  }
  .styles-grid-wide12-a5a409f1 {
    width: 100%;
  }

  .styles-grid-wideOffset0-a7d40187 {
    margin-left: 0;
  }
  .styles-grid-wideOffset1-ca28432c {
    margin-left: calc(100% / 12 - 0.01px);
  }
  .styles-grid-wideOffset2-b9ebbfd3 {
    margin-left: calc(100% / 12 * 2 - 0.01px);
  }
  .styles-grid-wideOffset3-f61bd6b3 {
    margin-left: 25%;
  }
  .styles-grid-wideOffset4-ff7c8ea3 {
    margin-left: calc(100% / 12 * 4 - 0.01px);
  }
  .styles-grid-wideOffset5-d514e88e {
    margin-left: calc(100% / 12 * 5 - 0.01px);
  }
  .styles-grid-wideOffset6-bef9e3c1 {
    margin-left: 50%;
  }
  .styles-grid-wideOffset7-f3f183bc {
    margin-left: calc(100% / 12 * 7 - 0.01px);
  }
  .styles-grid-wideOffset8-ca6ea7bd {
    margin-left: calc(100% / 12 * 8 - 0.01px);
  }
  .styles-grid-wideOffset9-f8f91c2d {
    margin-left: 75%;
  }
  .styles-grid-wideOffset10-daf5fceb {
    margin-left: calc(100% / 12 * 10 - 0.01px);
  }
  .styles-grid-wideOffset11-d850d1cd {
    margin-left: calc(100% / 12 * 11 - 0.01px);
  }
}

@media (min-width: 1310px) {
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide0-b4188a5a {
    display: none;
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide1-df20b039,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide2-d0ec04d3,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide3-de7e6fe4,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide4-bdad18db,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide5-f1e205c1,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide6-e741a7ef,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide7-db9bdbad,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide8-e9f6d427,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide9-b409dcab,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide10-f7ec8cf9,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide11-a53bcb65,
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide12-c5293898 {
    display: block;
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide1-df20b039 {
    width: calc(100% / 12 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide2-d0ec04d3 {
    width: calc(100% / 12 * 2 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide3-de7e6fe4 {
    width: 25%;
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide4-bdad18db {
    width: calc(100% / 12 * 4 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide5-f1e205c1 {
    width: calc(100% / 12 * 5 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide6-e741a7ef {
    width: 50%;
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide7-db9bdbad {
    width: calc(100% / 12 * 7 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide8-e9f6d427 {
    width: calc(100% / 12 * 8 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide9-b409dcab {
    width: 75%;
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide10-f7ec8cf9 {
    width: calc(100% / 12 * 10 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide11-a53bcb65 {
    width: calc(100% / 12 * 11 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwide12-c5293898 {
    width: 100%;
  }

  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset0-ecd7125e {
    margin-left: 0;
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset1-b2bbb64d {
    margin-left: calc(100% / 12 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset2-c705257b {
    margin-left: calc(100% / 12 * 2 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset3-c14b3afd {
    margin-left: 25%;
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset4-f82b5705 {
    margin-left: calc(100% / 12 * 4 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset5-a1b5ae56 {
    margin-left: calc(100% / 12 * 5 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset6-b48ddb6f {
    margin-left: 50%;
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset7-b3bfa6ed {
    margin-left: calc(100% / 12 * 7 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset8-dbe826ca {
    margin-left: calc(100% / 12 * 8 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset9-b8bcbb12 {
    margin-left: 75%;
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset10-c34416e1 {
    margin-left: calc(100% / 12 * 10 - 0.01px);
  }
  .styles-grid-wideGridContainer-fce34902 .styles-grid-xwideOffset11-c1c39580 {
    margin-left: calc(100% / 12 * 11 - 0.01px);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/platform-layout-om/src/Header/Header.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

.Header-Header-header-a518b4d3 {
  height: 68px;
  top: 68px;
}

.Header-Header-close-ecf62893 {
  background: var(--xdlColorBackground);
  border: none;
  border-radius: 100%;
  color: var(--xdlColorText);
  cursor: pointer;
  height: 48px;
  padding: 8px;
  position: fixed;
  right: 16px;
  top: 8px;
  width: 48px;
  z-index: 18;
}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/cookie-consent/shared.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

.cookie-consent-shared-text-b1ecf1dc.cookie-consent-shared-text-b1ecf1dc {
  line-height: 1.5;
}

.cookie-consent-shared-big-text-d86a1cb4.cookie-consent-shared-big-text-d86a1cb4 {
  font-size: 16px;
}

.cookie-consent-shared-small-text-b6febe15 {
  font-size: 14px;
}

.cookie-consent-shared-text-b1ecf1dc a {
  color: #333333;
  font-weight: 900;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.cookie-consent-shared-text-b1ecf1dc a:hover,
.cookie-consent-shared-text-b1ecf1dc a:visited,
.cookie-consent-shared-text-b1ecf1dc a:link,
.cookie-consent-shared-text-b1ecf1dc a:active {
  -webkit-text-decoration: none;
  text-decoration: none;
}

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/cookie-consent/settings/checkbox.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

header > button[class^="Header-Header-close"] {
  z-index: 11000; /* because of the settings container z-index hack we need to manipulate this, too */
}

.settings-checkbox-category-container-c347464c {
  border-top: 1px solid #d9d9d9;
  padding: 20px 0;
  width: 100%;
}

.settings-checkbox-category-container-c347464c.settings-checkbox-category-container-c347464c {
  align-items: flex-start;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.settings-checkbox-settings-container-fa56493e {
  width: 100%;
}

.settings-checkbox-accept-all-button-abd9c34f.settings-checkbox-accept-all-button-abd9c34f {
  margin-right: 24px;
  margin-top: 20px;
  background-image: none;
}

.settings-checkbox-accept-all-button-abd9c34f:hover {
  background-image: none;
  background-color: white;
}

.settings-checkbox-checkbox-button-ec867d57.settings-checkbox-checkbox-button-ec867d57 {
  margin-top: 20px;
}

.settings-checkbox-subtitle-wrapper-c966aa51 {
  margin: 32px 0 20px;
}

.settings-checkbox-checkbox-subtitle-dfe71d8a {
  font-size: 16px;
  font-weight: 900;
}

.settings-checkbox-category-description-ef6e1289 p {
  font-size: 14px;
}

.settings-checkbox-text-section-e991891a {
  width: 80%;
}

.settings-checkbox-category-title-eba4c0d5.settings-checkbox-category-title-eba4c0d5 {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 12px;
  margin-top: 0;
}

@media (max-width: 739px) {
  .settings-checkbox-text-section-e991891a {
    padding-right: 8px;
    width: 100%;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/cookie-consent/CookieSettings.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

.cookie-consent-CookieSettings-title-d93315e1 {
  font-weight: 900;
}

.cookie-consent-CookieSettings-container-c6d1c288 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto 32px;
}

.cookie-consent-CookieSettings-title-section-d8bc4fd6 {
  width: 100%;
}

.cookie-consent-CookieSettings-description-cecd5689 {
  margin-top: 24px;
}

@media (min-width: 630px) {
  .cookie-consent-CookieSettings-container-c6d1c288 {
    width: 600px;
  }
}

@media (min-height: 800px and min-width: 600px) {
  .cookie-consent-CookieSettings-container-c6d1c288 {
    height: calc(100vh - 100px);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/xing-frame-provider/lib/XingFrameProvider.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.lib-XingFrameProvider-omViewEnter-a8608c13 {
  height: 100vh;
  left: 0;
  opacity: 0.1;
  position: fixed;
  transform: translateY(5vh);
  width: 100vw;
  z-index: 24;
}

.lib-XingFrameProvider-omViewEnterActive-ef5de9f8 {
  opacity: 1;
  top: 0;
  transform: translateY(0);
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}

.lib-XingFrameProvider-omViewEnterDone-f135bf13 {
  display: block;
  opacity: 1;
}

.lib-XingFrameProvider-omViewExit-c8f6b631 {
  height: 100vh;
  left: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  transform: translateY(0);
  width: 100vw;
  z-index: 24;
}

.lib-XingFrameProvider-omViewExitActive-fbee9432 {
  opacity: 0.1;
  transform: translateY(5vh);
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}

.lib-XingFrameProvider-omViewExitDone-fe036c47 {
  display: none;
  opacity: 0;
}

.lib-XingFrameProvider-contentExitActive-cf5e9ca4 {
  opacity: 1;
}

.lib-XingFrameProvider-contentExit-ab334b46 {
  display: none;
}

.lib-XingFrameProvider-contentExitActive-cf5e9ca4 {
  display: none;
}

.lib-XingFrameProvider-contentExitDone-b280562c {
  display: none;
}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/reveal/lib/reveal-container.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.lib-reveal-container-container-b6bfc564 {
  overflow: hidden;
  position: relative;
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/reveal/lib/reveal-from.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

.lib-reveal-from-base-bd93ff8a {
  width: 100%;
}

.lib-reveal-from-base-bd93ff8a.lib-reveal-from-fixed-ee7036d6 {
  bottom: 0;
  display: flex;
  left: 0;
  position: fixed;
  right: 0;
  top: auto;
  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 200;

  /* animation */
}

.lib-reveal-from-base-bd93ff8a.lib-reveal-from-fixed-ee7036d6.lib-reveal-from-enter-fdba4ab5 {
    transform: translateY(100%);
  }

.lib-reveal-from-base-bd93ff8a.lib-reveal-from-fixed-ee7036d6.lib-reveal-from-entering-ec33eb22 {
    transform: translateY(99.9%);
  }

.lib-reveal-from-base-bd93ff8a.lib-reveal-from-fixed-ee7036d6.lib-reveal-from-entered-b57f02b3 {
    transform: translateY(0%);
  }

.lib-reveal-from-base-bd93ff8a.lib-reveal-from-fixed-ee7036d6.lib-reveal-from-exit-c603c4aa {
    transform: translateY(0%);
  }

.lib-reveal-from-base-bd93ff8a.lib-reveal-from-fixed-ee7036d6.lib-reveal-from-exiting-d125ed95 {
    transform: translateY(100%);
  }

.lib-reveal-from-base-bd93ff8a.lib-reveal-from-fixed-ee7036d6.lib-reveal-from-exited-f4074b9a {
    transform: translateY(100%);
  }

.lib-reveal-from-base-bd93ff8a.lib-reveal-from-inline-f4f76df5.lib-reveal-from-enter-fdba4ab5,
  .lib-reveal-from-base-bd93ff8a.lib-reveal-from-inline-f4f76df5.lib-reveal-from-entering-ec33eb22,
  .lib-reveal-from-base-bd93ff8a.lib-reveal-from-inline-f4f76df5.lib-reveal-from-entered-b57f02b3 {
    display: flex;
  }

.lib-reveal-from-base-bd93ff8a.lib-reveal-from-inline-f4f76df5.lib-reveal-from-exit-c603c4aa,
  .lib-reveal-from-base-bd93ff8a.lib-reveal-from-inline-f4f76df5.lib-reveal-from-exiting-d125ed95,
  .lib-reveal-from-base-bd93ff8a.lib-reveal-from-inline-f4f76df5.lib-reveal-from-exited-f4074b9a {
    display: none;
  }

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/malt-typography/index.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

.malt-typography-index-paragraph1-be8af52b,
.malt-typography-index-list1-ba098a85 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 24px 0;
}

.malt-typography-index-paragraph2-f0f63d49,
.malt-typography-index-list2-b0298110 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 0 12px 0;
}

.malt-typography-index-paragraph3-aa8441e1,
.malt-typography-index-list3-eb31a719 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 0 0 8px 0;
}

.malt-typography-index-listItem1-f30d6f67 {
  font-size: 16px;
  line-height: 24px;
}

.malt-typography-index-listItem2-e8cfed1d {
  font-size: 14px;
  line-height: 20px;
}

.malt-typography-index-listItem3-c0d07399 {
  font-size: 12px;
  line-height: 16px;
}

.malt-typography-index-noMargin-caac56a1 {
  margin: 0;
}

@media (min-width: 740px) {
  .malt-typography-index-paragraphConfined1-e46faf30,
  .malt-typography-index-listConfined1-f38b00b7 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 24px 0;
  }

  .malt-typography-index-paragraphConfined2-a246f401,
  .malt-typography-index-listConfined2-dde9bc93 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 12px 0;
  }

  .malt-typography-index-paragraphConfined3-f9ac983c,
  .malt-typography-index-listConfined3-e098b8c7 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 8px 0;
  }

  .malt-typography-index-listItemConfined1-a831981e {
    font-size: 16px;
    line-height: 24px;
  }
  .malt-typography-index-listItemConfined2-e212498f {
    font-size: 14px;
    line-height: 20px;
  }
  .malt-typography-index-listItemConfined3-c9338e55 {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 883px) and (max-width: 1024px),(min-width: 1113px) {
  .malt-typography-index-paragraphWide1-c702e22e,
  .malt-typography-index-listWide1-ce6e6ce9 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 24px 0;
  }

  .malt-typography-index-paragraphWide2-a19a06b4,
  .malt-typography-index-listWide2-a40af624 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 12px 0;
  }

  .malt-typography-index-paragraphWide3-df5dc1b9,
  .malt-typography-index-listWide3-ae7c9130 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 0 8px 0;
  }

  .malt-typography-index-listItemWide1-b8e8908b {
    font-size: 16px;
    line-height: 24px;
  }
  .malt-typography-index-listItemWide2-c05f6f4a {
    font-size: 14px;
    line-height: 20px;
  }
  .malt-typography-index-listItemWide3-b8096104 {
    font-size: 12px;
    line-height: 16px;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/malt-feedback/Feedback.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

.malt-feedback-Feedback-feedback-a7027a8a {
  width: 100%;
  z-index: 21;
}

.malt-feedback-Feedback-error-fa6185ae {
  background-color: #f33a58;
  color: var(--xdlColorTextInvert);
}

.malt-feedback-Feedback-confirmation-d17debaa {
  background-color: #4db86b;
  color: var(--xdlColorTextInvert);
}

.malt-feedback-Feedback-info-f4290fa4 {
  background-color: #eff9fe;
  color: var(--xdlColorTextInvert);
  color: #333333;
}

.malt-feedback-Feedback-info-f4290fa4 .malt-feedback-Feedback-Icon-cd2b3d3e {
    color: #68c3fc;
  }

.malt-feedback-Feedback-global-d3c446d1 {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
}

.malt-feedback-Feedback-local-de074111 {
  left: 0;
  position: absolute;
  right: 0;
}

.malt-feedback-Feedback-local-de074111.malt-feedback-Feedback-top-a0ede542 {
  top: 0;
}

.malt-feedback-Feedback-local-de074111.malt-feedback-Feedback-bottom-f5d3586a {
  bottom: 0;
}

.malt-feedback-Feedback-container-c355e27f {
  overflow: hidden;
  position: relative;
}

.malt-feedback-Feedback-action-f9ed44bb {
  background: #f4f4f5;
  min-height: 88px;
}

.malt-feedback-Feedback-action-f9ed44bb .malt-feedback-Feedback-contentWrapper-fb37c507 {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 88px;
}

.malt-feedback-Feedback-action-f9ed44bb .malt-feedback-Feedback-content-aaba7e24 {
  min-height: 88px;
}

.malt-feedback-Feedback-actionWrapper-beb83b44 {
  margin-left: 16px;
}

@media (max-width: 739px) {
  .malt-feedback-Feedback-action-f9ed44bb .malt-feedback-Feedback-contentWrapper-fb37c507 {
    flex-direction: column;
    margin-top: 12px;
  }
  .malt-feedback-Feedback-action-f9ed44bb .malt-feedback-Feedback-actionWrapper-beb83b44 {
    margin-bottom: 20px;
    margin-left: 0;
  }
}

.malt-feedback-Feedback-contentWrapper-fb37c507 {
  margin: 0 auto;
  max-width: 1224px;
  padding: 0 24px 0;
  width: 100%;
}

.malt-feedback-Feedback-content-aaba7e24 {
  align-items: center;
  display: inline-flex;
  height: 48px;
}

.malt-feedback-Feedback-Icon-cd2b3d3e {
  margin-right: 8px;
}

.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-entering-d9bd15e8,
.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-entered-abc7136c {
  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-bottom-f5d3586a {
  transform: translateY(100%);
}

.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-bottom-f5d3586a.malt-feedback-Feedback-entering-d9bd15e8 {
  transform: translateY(99.9%);
}

.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-bottom-f5d3586a.malt-feedback-Feedback-entered-abc7136c {
  transform: translateY(0);
}

.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-bottom-f5d3586a.malt-feedback-Feedback-exiting-ef84eac1 {
  transform: translateY(100%);
}

.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-bottom-f5d3586a.malt-feedback-Feedback-exited-f977d059 {
  transform: translateY(300%);
}

.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-top-a0ede542 {
  transform: translateY(-100%);
}

.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-top-a0ede542.malt-feedback-Feedback-entering-d9bd15e8 {
  transform: translateY(-99.9%);
}

.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-top-a0ede542.malt-feedback-Feedback-entered-abc7136c {
  transform: translateY(0);
}

.malt-feedback-Feedback-feedback-a7027a8a.malt-feedback-Feedback-top-a0ede542.malt-feedback-Feedback-exiting-ef84eac1 {
  transform: translateY(-100%);
}

.malt-feedback-Feedback-bottom-f5d3586a.malt-feedback-Feedback-exiting-ef84eac1,
.malt-feedback-Feedback-top-a0ede542.malt-feedback-Feedback-exiting-ef84eac1,
.malt-feedback-Feedback-bottom-f5d3586a.malt-feedback-Feedback-exited-f977d059,
.malt-feedback-Feedback-top-a0ede542.malt-feedback-Feedback-exited-f977d059 {
  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1);
}

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/malt-image/Image.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.malt-image-Image-image-a6b0ca11 {
  max-width: 100%;
  height: auto;
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/content-error/ErrorGlobal/ErrorGlobal.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

.ErrorGlobal-ErrorGlobal-errorContainer-d246afa5 {
  margin: 16px;
  text-align: center;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/components/CompanyCardContainer/CompanyCardContainer.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.CompanyCardContainer-CompanyCardContainer-loggedInWrapper-e2a028ff {
  position: relative;
}

.CompanyCardContainer-CompanyCardContainer-layout-aeb66a36 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 100%;
  margin-left: calc(-1 * 8px);
  margin-right: calc(-1 * 8px);
}

.CompanyCardContainer-CompanyCardContainer-wrapper-beb3ce35 {
  display: flex;
  width: 100%;
  margin-bottom: 16px;
  padding-right: 8px;
  padding-left: 8px;
  max-width: calc(100%);
}

@media (min-width: 560px) {
  .CompanyCardContainer-CompanyCardContainer-loggedInWrapper-e2a028ff {
    max-width: calc(100% / 2);
  }
  .CompanyCardContainer-CompanyCardContainer-loggedOutWrapper-e986c8a9 {
    max-width: calc(100% / 2);
  }
}

/* min-width: 740px */

@media (min-width: 740px) {
  .CompanyCardContainer-CompanyCardContainer-loggedOutWrapper-e986c8a9 {
    max-width: calc(100% / 3);
  }
}

/* min-width: 1024px */

@media (min-width: 1024px) {
  .CompanyCardContainer-CompanyCardContainer-loggedInWrapper-e2a028ff {
    max-width: calc(100% / 3);
  }
  .CompanyCardContainer-CompanyCardContainer-loggedOutWrapper-e986c8a9 {
    max-width: calc(100% / 4);
  }
}

/* min-width: 1259 */

@media (min-width: 1259px) {
  .CompanyCardContainer-CompanyCardContainer-loggedOutWrapper-e986c8a9 {
    max-width: calc(100% / 5);
  }
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/components/Skeleton/Skeleton.css ***!
  \******************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.Skeleton-Skeleton-skeletonWrapper-c55caf40 {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: solid 1px var(--xdlColorBorderSoft);
  border-radius: 4px;
  margin-right: 12px;
  align-items: baseline;
  justify-content: space-between;
  height: 336px;
  max-width: calc(100% / 3);
  padding: 20px;
  margin-top: 12px;
}

.Skeleton-Skeleton-skeletonWrapperLoggedIn-e6015ea7 {
  min-width: 100%;
}

.Skeleton-Skeleton-skeletonWrapperLastItem-c5d32ee9 {
  height: 280px;
  min-width: 170px;
  justify-content: flex-end;
  padding: 12px;
  margin-top: 2px;
}

.Skeleton-Skeleton-skeletonProfileInfoLastItem-e4971d28 {
  margin-bottom: 113px;
}

.Skeleton-Skeleton-skeletonWrapperLoggedout-fafc9896 {
  height: 280px;
  min-width: 170px;
  padding: 12px;
  margin-top: 2px;
}

.Skeleton-Skeleton-skeletonWrapperIndustries-c0477bfe {
  display: flex;
  width: 100%;
  max-width: calc(100% / 5);
  align-items: center;
  margin-right: 12px;
}

.Skeleton-Skeleton-wrapperRow-b9e44928 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.Skeleton-Skeleton-skeletonHeader-c6a8a63f {
  margin-top: 12px;
  width: 150px;
}

.Skeleton-Skeleton-skeletonRow-c41e76d2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 32px;
}

.Skeleton-Skeleton-skeletonRowIndustries-e0fa7b1f {
  margin-bottom: 113px;
}

.Skeleton-Skeleton-skeletonWrapperLoggedout-fafc9896 div:first-child {
  width: 100%;
}

.Skeleton-Skeleton-skeletonWrapper-c55caf40 div:first-child {
  width: 100%;
}

.Skeleton-Skeleton-relative-e9862ea0 {
  position: relative;
  width: 100%;
}

.Skeleton-Skeleton-absolute-d2f834bb {
  position: absolute;
  bottom: 0;
  left: 8px;
}

.Skeleton-Skeleton-skeletonProfileInfoLastItem-e4971d28 {
  width: 100%;
  margin-bottom: 80px;
  margin-right: 16px;
  margin-top: 12px;
}

.Skeleton-Skeleton-skeletonProfileInfo-c2fcc62c {
  width: 100%;
  margin-bottom: 16px;
  margin-right: 16px;
  margin-top: 12px;
}

.Skeleton-Skeleton-skeletonButton-f3eb80c4 {
  width: 100px;
  height: 20px;
  align-self: center;
}

@media (min-width: 740px) {
  .Skeleton-Skeleton-wrapperRow-b9e44928 {
    flex-wrap: initial;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/components/ShowMoreButton/ShowMoreButton.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.ShowMoreButton-ShowMoreButton-paginationButtonLayout-fdf2bedf {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 24px;
}

.ShowMoreButton-ShowMoreButton-paginationButton-a1986f4c {
  margin: 24px;
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/components/PageError/PageError.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.PageError-PageError-container-f1605ca9 {
  margin: 0 auto;
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/pages/RecommendedCompanies/RecommendedCompanies.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.RecommendedCompanies-RecommendedCompanies-headline-def1d2fa.RecommendedCompanies-RecommendedCompanies-headline-def1d2fa {
  margin-top: 24px;
  margin-bottom: 16px;
}

.RecommendedCompanies-RecommendedCompanies-followButton-cad7652c.RecommendedCompanies-RecommendedCompanies-followButton-cad7652c {
  margin-left: auto;
}

.RecommendedCompanies-RecommendedCompanies-removeButton-d21b44aa.RecommendedCompanies-RecommendedCompanies-removeButton-d21b44aa {
  padding-left: 0;
}

.RecommendedCompanies-RecommendedCompanies-facepile-cecf4f53 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.RecommendedCompanies-RecommendedCompanies-reason-c7b1d35e.RecommendedCompanies-RecommendedCompanies-reason-c7b1d35e {
  margin-top: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.RecommendedCompanies-RecommendedCompanies-recommendationContactsMessage-e56d1b00.RecommendedCompanies-RecommendedCompanies-recommendationContactsMessage-e56d1b00 {
  padding-top: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/components/CompanyCard/CompanyCard.css ***!
  \************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

:root {
  --inner-logo-margin: 8px;
}

.CompanyCard-CompanyCard-flag-b6a1b1e0 {
  padding: 0 4px;
  border-radius: 2px;
  background-color: black;
  color: white;
  margin: 0;
  font-size: 12px;
}

.CompanyCard-CompanyCard-overlayLayer-c0abb363.CompanyCard-CompanyCard-overlayLayer-c0abb363 {
  z-index: 1;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 16px;
  padding: 0 16px;
}

.CompanyCard-CompanyCard-card-dfdb6e3c.CompanyCard-CompanyCard-card-dfdb6e3c {
  width: 100%;
  justify-content: start;
  overflow: hidden;
  min-width: 100%;
}

.CompanyCard-CompanyCard-coverImage-dcd05d78 {
  background-color: var(--xdlColorBorder);
  width: 100%;
  padding-bottom: 56.25%;
  min-height: 120px;
  border-radius: 4px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 12px;
}

.CompanyCard-CompanyCard-logo-d15301a6.CompanyCard-CompanyCard-logo-d15301a6 {
  position: absolute;
  left: 8px;
  bottom: 8px;
}

.CompanyCard-CompanyCard-profileLink-c2e71d8b {
  color: var(--xdlColorText);
}

.CompanyCard-CompanyCard-companyName-b6a35a68 {
  font-size: 16px;
  margin: 0;
  color: var(--xdlColorText);
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.CompanyCard-CompanyCard-buttonPanel-e12ba8ae {
  padding-top: 12px;
  display: flex;
  flex-direction: row;
  margin-top: auto;
}

.CompanyCard-CompanyCard-alignBottom-d952e493 {
  margin-top: auto;
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/pages/FollowedCompanies/FollowedCompanies.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.FollowedCompanies-FollowedCompanies-headline-e7b5dfb5.FollowedCompanies-FollowedCompanies-headline-e7b5dfb5 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.FollowedCompanies-FollowedCompanies-followButton-efa2751e.FollowedCompanies-FollowedCompanies-followButton-efa2751e {
  margin: 0 auto;
}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/pages/FollowedCompanies/FollowedEmptyState.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

.FollowedCompanies-FollowedEmptyState-button-e3a7134f {
  align-self: center;
  padding: 24px;
  min-width: 0px;
  margin: 16px;
}

.FollowedCompanies-FollowedEmptyState-emptyStateCard-e9b6ac06 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 32px 0 0 0;
  padding: 16px 12px 16px 12px;
  background-color: var(--xdlColorBackgroundSecondary);
}

.FollowedCompanies-FollowedEmptyState-text-c3a75b6a {
  color: var(--xdlColorTextSecondary);
  margin-right: 16px;
}

.FollowedCompanies-FollowedEmptyState-textLayer-cf12d305 {
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
  width: 100%;
  max-width: 510px;
}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/pages/ManagedCompanies/ManagedCompanies.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.ManagedCompanies-ManagedCompanies-brandmanagerButton-e557aba9.ManagedCompanies-ManagedCompanies-brandmanagerButton-e557aba9 {
  margin-left: auto;
}

.ManagedCompanies-ManagedCompanies-teampermissionsButton-caf40faa.ManagedCompanies-ManagedCompanies-teampermissionsButton-caf40faa {
  padding-left: 0;
  white-space: nowrap;
}

.ManagedCompanies-ManagedCompanies-headline-b4e4873b.ManagedCompanies-ManagedCompanies-headline-b4e4873b {
  margin-top: 24px;
  margin-bottom: 16px;
}

@media (max-width: 739px) {
  .ManagedCompanies-ManagedCompanies-brandmanagerButton-e557aba9.ManagedCompanies-ManagedCompanies-brandmanagerButton-e557aba9,
  .ManagedCompanies-ManagedCompanies-teampermissionsButton-caf40faa.ManagedCompanies-ManagedCompanies-teampermissionsButton-caf40faa {
    display: none;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/pages/ManagedCompanies/EmptyState.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

.ManagedCompanies-EmptyState-image-d043aaa9 {
  display: none;
}

.ManagedCompanies-EmptyState-button-f2f640f2 {
  padding: 16px;
}

.ManagedCompanies-EmptyState-text-a33ee89a {
  color: var(--xdlColorTextSecondary);
  margin-right: 16px;
}

.ManagedCompanies-EmptyState-textLayer-dee496b5 {
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
}

.ManagedCompanies-EmptyState-emptyStateCard-c68f908a {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 32px 0 32px 0;
  background-color: var(--xdlColorBackgroundSecondary);
  height: 240px;
}

@media (--mediaTablet) {
  .ManagedCompanies-EmptyState-emptyStateCard-c68f908a {
    height: 300px;
  }

  .ManagedCompanies-EmptyState-image-d043aaa9 {
    display: flex;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/components/Pagination/Pagination.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.Pagination-Pagination-wrapper-b4ede6bc {
  display: flex;
  min-width: 100%;
  justify-content: center;
}

.Pagination-Pagination-pagination-c2c61aa1 {
  box-sizing: border-box;
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}

.Pagination-Pagination-pageItem-b54130f6 {
  min-width: 36px;
  min-height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

.Pagination-Pagination-activePageItem-adc1be1b {
  background-color: var(--xdlColorText);
  color: white;
  border-radius: 2px;
}

.Pagination-Pagination-disabledPageItem-e16b0036 {
  cursor: default;
}

.Pagination-Pagination-pageLink-b6ce4bd0 {
  color: var(--xdlColorText);
}

.Pagination-Pagination-pageLink-b6ce4bd0:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/pages/RecentlyClaimedCompanies/RecentlyClaimedCompanies.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.RecentlyClaimedCompanies-RecentlyClaimedCompanies-paginationButtonLayout-d4a8cbec {
  display: flex;
  justify-content: center;
  width: 100%;
}

.RecentlyClaimedCompanies-RecentlyClaimedCompanies-paginationButton-c32d4ea6 {
  margin: 24px;
}

.RecentlyClaimedCompanies-RecentlyClaimedCompanies-headline-ce95927b.RecentlyClaimedCompanies-RecentlyClaimedCompanies-headline-ce95927b {
  margin-top: 24px;
  margin-bottom: 16px;
}

.RecentlyClaimedCompanies-RecentlyClaimedCompanies-followButton-fbd2d804.RecentlyClaimedCompanies-RecentlyClaimedCompanies-followButton-fbd2d804 {
  margin-left: auto;
}

.RecentlyClaimedCompanies-RecentlyClaimedCompanies-removeButton-abc2ba3c.RecentlyClaimedCompanies-RecentlyClaimedCompanies-removeButton-abc2ba3c {
  padding-left: 0;
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/pages/MostVisitedCompanies/MostVisitedCompanies.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.MostVisitedCompanies-MostVisitedCompanies-paginationButtonLayout-aa55a2b5 {
  display: flex;
  justify-content: center;
  width: 100%;
}

.MostVisitedCompanies-MostVisitedCompanies-paginationButton-e2946759 {
  margin: 24px;
}

.MostVisitedCompanies-MostVisitedCompanies-headline-f52f3754.MostVisitedCompanies-MostVisitedCompanies-headline-f52f3754 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.MostVisitedCompanies-MostVisitedCompanies-followButton-dc7e8f70.MostVisitedCompanies-MostVisitedCompanies-followButton-dc7e8f70 {
  margin-left: auto;
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/pages/LoggedOutLandingPage/LoggedOutLandingPage.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.LoggedOutLandingPage-LoggedOutLandingPage-companiesRow-cde2d6bc {
  margin: 24px 8px;
  max-width: 100%;
  width: 100%;
}

.LoggedOutLandingPage-LoggedOutLandingPage-companiesTitle-e09365d8 {
  margin-left: calc(-1 * 8px);
}

.LoggedOutLandingPage-LoggedOutLandingPage-card-a60d73c9 {
  min-width: 100%;
  display: flex;
}

.LoggedOutLandingPage-LoggedOutLandingPage-companiesContainer-f826c26e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: calc(-1 * 16px);
  margin-right: calc(-1 * 16px);
}

.LoggedOutLandingPage-LoggedOutLandingPage-wrapper-c68f3c73 {
  width: 100%;
  display: flex;
  max-width: 50%;
  margin-bottom: 16px;
  padding-right: 8px;
  padding-left: 8px;
}

.LoggedOutLandingPage-LoggedOutLandingPage-viewMore-cc2aa2f2 {
  width: 100%;
  max-width: 50%;
  display: flex;
  margin-bottom: 16px;
  padding-right: 8px;
  padding-left: 8px;
}

.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreInner-bfda5429 {
  border: 2px solid var(--xdlColorBorderSoft);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  display: flex;
  width: 100%;
  padding: 16px;
}

.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreLink-a8c26c1d.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreLink-a8c26c1d {
  display: flex;
  color: var(--xdlColorText);
  line-height: 12px;
}

.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreCaption-a8c9d0b1.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreCaption-a8c9d0b1 {
  margin-bottom: 8px;
  text-align: left;
}

.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreCaptionHighlight-f88c1945 {
  position: relative;
  z-index: 2;
  text-align: left;
  display: inline-block;
}

.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreCaptionHighlight-f88c1945:after {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    transform: translateX(-50%);
    height: 50%;
    background-color: var(--xdlColorXING);
  }

.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreCaption-a8c9d0b1.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreCaption-a8c9d0b1:hover > .LoggedOutLandingPage-LoggedOutLandingPage-viewMoreCaptionHighlight-f88c1945 {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreCaptionIcon-b4adc63f.LoggedOutLandingPage-LoggedOutLandingPage-viewMoreCaptionIcon-b4adc63f {
  display: block;
}

.LoggedOutLandingPage-LoggedOutLandingPage-industry-f09cc815 {
  display: flex;
  flex-direction: column;
  padding: 16px 8px;
  color: var(--xdlColorText);
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 100%;
  display: flex;
  max-width: 50%;
}

.LoggedOutLandingPage-LoggedOutLandingPage-industry-f09cc815:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    cursor: pointer;
  }

.LoggedOutLandingPage-LoggedOutLandingPage-industriesShowAll-cdc90e84 {
  flex: 1;
  text-align: left;
}

.LoggedOutLandingPage-LoggedOutLandingPage-industriesShowAll-cdc90e84:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    cursor: pointer;
  }

.LoggedOutLandingPage-LoggedOutLandingPage-header-e46d1eef {
  margin-bottom: 8px;
}

.LoggedOutLandingPage-LoggedOutLandingPage-info-a280b417.LoggedOutLandingPage-LoggedOutLandingPage-info-a280b417 {
  text-align: justify;
}

.LoggedOutLandingPage-LoggedOutLandingPage-tickListItems-e7616dcf {
  margin-top: 24px;
}

.LoggedOutLandingPage-LoggedOutLandingPage-tickListItem-a72cc7b9 {
  display: flex;
}

.LoggedOutLandingPage-LoggedOutLandingPage-tickListItemContent-f7a87fb7.LoggedOutLandingPage-LoggedOutLandingPage-tickListItemContent-f7a87fb7 {
  padding-left: 8px;
}

.LoggedOutLandingPage-LoggedOutLandingPage-industriesButton-a09ad71d.LoggedOutLandingPage-LoggedOutLandingPage-industriesButton-a09ad71d {
  padding-left: 8px;
}

.LoggedOutLandingPage-LoggedOutLandingPage-errorPage-bcc75aaa {
  width: 100%;
}

/* min-width: 740px */

@media (min-width: 740px) {
  .LoggedOutLandingPage-LoggedOutLandingPage-wrapper-c68f3c73,
  .LoggedOutLandingPage-LoggedOutLandingPage-viewMore-cc2aa2f2 {
    max-width: calc(100% / 3);
  }

  .LoggedOutLandingPage-LoggedOutLandingPage-header-e46d1eef {
    margin-bottom: 32px;
  }
  .LoggedOutLandingPage-LoggedOutLandingPage-tickListItemContent-f7a87fb7 {
    max-width: 80%;
  }
  .LoggedOutLandingPage-LoggedOutLandingPage-industry-f09cc815 {
    width: 100%;
    display: flex;
    max-width: 25%;
  }
}

/* min-width: 1024px */

@media (min-width: 1024px) {
  .LoggedOutLandingPage-LoggedOutLandingPage-tickListItemContent-f7a87fb7 {
    max-width: 60%;
  }
  .LoggedOutLandingPage-LoggedOutLandingPage-industry-f09cc815 {
    width: 100%;
    display: flex;
    max-width: 20%;
  }
}

/* min-width: 1259 */

@media (min-width: 1259px) {
  .LoggedOutLandingPage-LoggedOutLandingPage-wrapper-c68f3c73 {
    flex: 1;
    max-width: 20%;
    margin-bottom: 0;
  }
    .LoggedOutLandingPage-LoggedOutLandingPage-wrapper-c68f3c73:nth-child(5n) {
      display: none;
    }

  .LoggedOutLandingPage-LoggedOutLandingPage-viewMore-cc2aa2f2 {
    flex: 1;
    max-width: 100%;
    margin-bottom: 0;
  }

  .LoggedOutLandingPage-LoggedOutLandingPage-viewMoreCaption-a8c9d0b1 {
    margin-bottom: 32px;
  }
  .LoggedOutLandingPage-LoggedOutLandingPage-industriesShowAll-cdc90e84 {
    margin-right: 8px;
    margin-left: 8px;
    padding: 16px;
  }
  .LoggedOutLandingPage-LoggedOutLandingPage-industriesButton-a09ad71d.LoggedOutLandingPage-LoggedOutLandingPage-industriesButton-a09ad71d {
    padding-left: 16px;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/pages/Industries/Industries.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.Industries-Industries-container-a73bb67d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 100%;
}

.Industries-Industries-headline-f8555525.Industries-Industries-headline-f8555525 {
  margin-top: 24px;
  margin-bottom: 32px;
}

.Industries-Industries-industry-f091f4e5 {
  width: 100%;
  display: block;
  max-width: 50%;
  padding: 16px;
  color: var(--xdlColorText);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.Industries-Industries-industry-f091f4e5:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    cursor: pointer;
  }

@media (min-width: 740px) {
  .Industries-Industries-industry-f091f4e5 {
    width: 100%;
    max-width: calc(100% / 3);
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/pages/IndustryByCompanies/IndustryCompanies.css ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.IndustryByCompanies-IndustryCompanies-paginationButtonLayout-bc534b1a {
  display: flex;
  justify-content: center;
  width: 100%;
}

.IndustryByCompanies-IndustryCompanies-paginationButton-c646b4d9 {
  margin: 24px;
}

.IndustryByCompanies-IndustryCompanies-headline-aed46a67.IndustryByCompanies-IndustryCompanies-headline-aed46a67 {
  margin: 24px 0 32px 0;
}

.IndustryByCompanies-IndustryCompanies-followButton-ffca6a32.IndustryByCompanies-IndustryCompanies-followButton-ffca6a32 {
  margin-left: auto;
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/components/Breadcrumbs/Breadcrumbs.css ***!
  \************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.Breadcrumbs-Breadcrumbs-container-aed0a2cc {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 100%;
  margin: 8px 0 16px;
  height: 16px;
}

.Breadcrumbs-Breadcrumbs-home-a34ab6af.Breadcrumbs-Breadcrumbs-home-a34ab6af {
  margin: 0;
  padding: 0;
  min-width: 0;
  height: auto;
  margin-top: -2px;
}

.Breadcrumbs-Breadcrumbs-breadcrumb-e69ff760 {
  display: flex;
  font-size: 12px;
  align-items: center;
}

.Breadcrumbs-Breadcrumbs-arrow-ff90ca64 {
  margin: 0 4px;
  display: block;
}

.Breadcrumbs-Breadcrumbs-link-afe85e57,
.Breadcrumbs-Breadcrumbs-last-a3bc6d9b {
  color: var(--xdlColorText);
  line-height: 16px;
}

.Breadcrumbs-Breadcrumbs-last-a3bc6d9b {
  font-weight: bold;
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/incremental-search/lib/SearchBar/styles.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.SearchBar-styles-suggestions-bb77630c {
  padding: 12px 16px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/incremental-search/lib/SearchBar/SearchInput/SearchInput.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

.SearchInput-SearchInput-button-d00cd20a {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--xdlColorText);
  display: flex;
  height: 42px;
  justify-content: center;
  left: 4px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 42px;
}

.SearchInput-SearchInput-button-d00cd20a:focus {
    border-color: transparent;
    outline: 0;
  }

@media (max-width: 739px) {

.SearchInput-SearchInput-button-d00cd20a {
    height: 32px;
    width: 32px;
}
  }

.SearchInput-SearchInput-clearButton-b9921731 {
  left: auto;
  padding-right: 4px;
  right: 0;
}

.SearchInput-SearchInput-input-e1c5fac5 {
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--xdlColorBackgroundTertiary);
  border: 0;
  border-radius: 24px;
  color: var(--xdlColorText);
  flex: 1;
  font-size: 24px;
  font-weight: bold;
  height: 42px;
  line-height: 42px;
  padding: 0 12px 0 58px;
  width: 100%;
}

@media (max-width: 739px) {

.SearchInput-SearchInput-input-e1c5fac5 {
    border-radius: 20px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0 12px 0 44px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
  }

.SearchInput-SearchInput-input-e1c5fac5:empty {
    background-color: var(--xdlColorBackgroundTertiary);
  }

.SearchInput-SearchInput-input-e1c5fac5::placeholder {
    color: var(--xdlColorText);
    font-size: 14px;
    font-weight: normal;
    line-height: 42px;
    opacity: 1;
  }

@media (max-width: 739px) {

.SearchInput-SearchInput-input-e1c5fac5::placeholder {
      line-height: 32px;
  }
    }

.SearchInput-SearchInput-input-e1c5fac5:focus,
  .SearchInput-SearchInput-input-e1c5fac5:active {
    background-color: var(--xdlColorBackground);
    border-color: transparent;
    outline: 0;
  }

@media (max-width: 739px) {

.SearchInput-SearchInput-input-e1c5fac5:focus,
  .SearchInput-SearchInput-input-e1c5fac5:active {
      background-color: var(--xdlColorBackgroundTertiary);
  }
    }

/* this rule fixes the shift of placeholder position in chrome */

.SearchInput-SearchInput-input-e1c5fac5:placeholder-shown {
    font-size: 14px;
  }

.SearchInput-SearchInput-input-e1c5fac5::-ms-clear {
    display: none;
  }

.SearchInput-SearchInput-input-e1c5fac5::-webkit-search-cancel-button {
    -webkit-appearance: none;
            appearance: none;
  }

@media (max-width: 739px) {
    .SearchInput-SearchInput-inputOnOverlay-b5ceea0f .SearchInput-SearchInput-input-e1c5fac5 {
      border-radius: 24px;
      height: 42px;
      line-height: 42px;
      padding-left: 48px;
    }

      .SearchInput-SearchInput-inputOnOverlay-b5ceea0f .SearchInput-SearchInput-input-e1c5fac5::placeholder {
        line-height: 42px;
      }

    .SearchInput-SearchInput-inputOnOverlay-b5ceea0f .SearchInput-SearchInput-button-d00cd20a {
      height: 42px;
      width: 42px;
    }
  }

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/incremental-search/lib/SearchBar/SearchSuggestions/SearchSuggestions.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

:root {
  --more-height: 70px;
}

.SearchSuggestions-SearchSuggestions-container-c6496442 {
  --search-input-height: 74px;

  overflow: auto;
  padding: 0;
  position: relative;
}

@media (min-width: 740px) {

.SearchSuggestions-SearchSuggestions-container-c6496442 {
    max-height: calc(100vh - 68px);
}
  }

/* uses the space to show search field */

@media (max-width: 739px) {

.SearchSuggestions-SearchSuggestions-container-c6496442 {
    padding-top: var(--search-input-height);
}
  }

@media (min-width: 740px) {

.SearchSuggestions-SearchSuggestions-container-c6496442.SearchSuggestions-SearchSuggestions-withMore-bf29e7e7 {
      max-height: calc(100vh - 68px - 70px);
  }
    }

.SearchSuggestions-SearchSuggestions-sectionMore-e9058ab3 {
  height: 70px;
  padding: 16px;
}

@media (min-width: 740px) {

.SearchSuggestions-SearchSuggestions-sectionMore-e9058ab3 {
    padding: 12px 16px;
}
  }

@media (min-width: 1113px) {

.SearchSuggestions-SearchSuggestions-sectionMore-e9058ab3 {
    padding: 16px 56px;
}
  }

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/incremental-search/lib/SearchBar/SearchSuggestions/Item/Item.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

.Item-Item-item-a2659f49 {
  align-items: center;
  color: var(--xdlColorText);
  display: flex;
  padding: 8px 16px;
}

.Item-Item-item-a2659f49:hover,
  .Item-Item-item-a2659f49:focus {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.Item-Item-item-a2659f49.Item-Item-highlighted-e40ffc65 {
    background-color: var(--xdlColorBackgroundTertiary);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

@media (min-width: 740px) {

.Item-Item-item-a2659f49 {
    padding: 12px 24px;
}
  }

@media (min-width: 1113px) {

.Item-Item-item-a2659f49 {
    padding: 12px 56px;
}
  }

.Item-Item-item-a2659f49 .Item-Item-icon-e4b6e1de {
    align-items: center;
    display: flex;
    line-height: 16px;
    margin-right: 16px;
  }

.Item-Item-item-a2659f49 .Item-Item-content-bd73932b {
    flex: 1 1 auto;
    overflow: hidden;
  }

.Item-Item-item-a2659f49 .Item-Item-content-bd73932b .Item-Item-title-af41dae0 {
      font-size: 16px;
      font-weight: bold;
      margin: 0;
      margin-bottom: 4px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

.Item-Item-item-a2659f49 .Item-Item-content-bd73932b .Item-Item-subtitle-ea343b4e {
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

/* skin prop for <ProfileImage> */

.Item-Item-imageContainer-eff7912e {
  margin-right: 24px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/incremental-search/lib/SearchBar/SearchSuggestions/sections/components/Section.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

.components-Section-section-f7df82de {
  margin: 0;
}

.components-Section-section-f7df82de:first-child {
    margin-top: 8px;
  }

.components-Section-section-f7df82de:last-child {
    margin-bottom: 8px;
  }

.components-Section-headline-aafd7fff {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 8px 16px;
}

@media (min-width: 740px) {

.components-Section-headline-aafd7fff {
    padding: 8px 24px;
}
  }

@media (min-width: 1113px) {

.components-Section-headline-aafd7fff {
    padding: 16px 56px;
}
  }

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./node_modules/@xingternal/incremental-search/lib/SearchBar/SearchSuggestions/QueryItem/QueryItem.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /* NOTE: - 0.01px added to fix IE11 rounding errors */
  --columnWidth1: calc(100% / 12 - 0.01px);
  --columnWidth2: calc(100% / 12 * 2 - 0.01px);
  --columnWidth3: 25%;
  --columnWidth4: calc(100% / 12 * 4 - 0.01px);
  --columnWidth5: calc(100% / 12 * 5 - 0.01px);
  --columnWidth6: 50%;
  --columnWidth7: calc(100% / 12 * 7 - 0.01px);
  --columnWidth8: calc(100% / 12 * 8 - 0.01px);
  --columnWidth9: 75%;
  --columnWidth10: calc(100% / 12 * 10 - 0.01px);
  --columnWidth11: calc(100% / 12 * 11 - 0.01px);
  --columnWidth12: 100%;

  --armstrongTypeMaxWidth: 740px;
  --standardTypeMaxWidth: 984px;
  --wideTypeMaxWidth: 1356px;
  --pageMaxWidth: 2136px;

  --columnPaddingS: 4px;
  --rowPaddingS: 16px;
  --containerPaddingS: 20px;
  --pagePaddingS: 0;

  --columnPaddingM: 8px;
  --rowPaddingM: 8px;
  --containerPaddingM: 16px;
  --pagePaddingM: 18px;

  --columnPaddingL: 10px;
  --rowPaddingL: 8px;
  --containerPaddingL: 18px;
  --pagePaddingL: 18px;

  --columnPaddingXL: 12px;
  --rowPaddingXL: 12px;
  --containerPaddingXL: 24px;
  --pagePaddingXL: 32px;

  --pagePaddingWXGA: 60px;

  --columnPaddingXXL: 16px;
  --rowPaddingXXL: 12px;
  --containerPaddingXXL: 28px;
  --pagePaddingXXL: 66px;

  --pagePaddingHD: 72px;

  --zIndexBelowContent: -100;
  --zIndexContent: 0;
  --zIndexAboveContent: 100;
  --zIndexSticky: 200;
  --zIndexSheet: 300;
  --zIndexBanner: 400;
  --zIndexAlert: 500;

  --zIndexBackgroundLayer1: -100;
  --zIndexContentLayer2: 0;
  --zIndexStickyLayer3: 100;
  --zIndexElevatedLayer4: 200;
  --zIndexElevatedLayer5: 300;
}

/* GRID CHANGE MEDIA QUERIES */

/* LAYOUT CHANGE MEDIA QUERIES */

/* nav is expanding from here on  */

/* Special size only used to style page spacing  */

/* Special size only used to style page spacing  */

/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

.QueryItem-QueryItem-item-cc60538f {
  align-items: center;
  color: var(--xdlColorText);
  display: flex;
  padding: 8px 16px;
}

.QueryItem-QueryItem-item-cc60538f:hover,
  .QueryItem-QueryItem-item-cc60538f:focus {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.QueryItem-QueryItem-item-cc60538f.QueryItem-QueryItem-highlighted-c9c0ee1b {
    background-color: var(--xdlColorBackgroundTertiary);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

@media (min-width: 740px) {

.QueryItem-QueryItem-item-cc60538f {
    padding: 12px 24px;
}
  }

@media (min-width: 1113px) {

.QueryItem-QueryItem-item-cc60538f {
    padding: 12px 56px;
}
  }

.QueryItem-QueryItem-item-cc60538f .QueryItem-QueryItem-icon-e1c81873 {
    align-items: center;
    display: flex;
    line-height: 16px;
    margin-right: 16px;
  }

.QueryItem-QueryItem-item-cc60538f .QueryItem-QueryItem-content-a03324cf {
    flex: 1 1 auto;
    overflow: hidden;
  }

.QueryItem-QueryItem-item-cc60538f .QueryItem-QueryItem-content-a03324cf .QueryItem-QueryItem-title-f06dc10e,
    .QueryItem-QueryItem-item-cc60538f .QueryItem-QueryItem-content-a03324cf .QueryItem-QueryItem-titleShort-f052c0a2 {
      font-size: 16px;
      margin: 0;
      margin-bottom: 4px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

.QueryItem-QueryItem-item-cc60538f .QueryItem-QueryItem-content-a03324cf .QueryItem-QueryItem-title-f06dc10e {
      display: none;
    }

.QueryItem-QueryItem-item-cc60538f .QueryItem-QueryItem-content-a03324cf .QueryItem-QueryItem-titleShort-f052c0a2 {
      display: block;
    }

@media (min-width: 740px) {
      .QueryItem-QueryItem-item-cc60538f .QueryItem-QueryItem-content-a03324cf .QueryItem-QueryItem-title-f06dc10e {
        display: block;
      }
      .QueryItem-QueryItem-item-cc60538f .QueryItem-QueryItem-content-a03324cf .QueryItem-QueryItem-titleShort-f052c0a2 {
        display: none;
      }
    }

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/components/LinkBar/LinkBar.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

:root {
  --frameHeightBigscreen: 68px;
  --frameHeightMobile: 50px;
}

.LinkBar-LinkBar-skeletonLinkBar-cc24f609 {
  display: flex;
  flex-direction: row;
}

.LinkBar-LinkBar-skeletonLinkBarButton-d3516a03 {
  width: 120px;
  margin-right: 8px;
}

.LinkBar-LinkBar-container-f686296c {
  width: 100%;
  position: relative;
}

.LinkBar-LinkBar-sticky-e1f7feea {
  position: fixed;
  width: 100%;
  top: 50px;
  background-color: var(--xdlColorBackground);
  padding: 8px 0;
  z-index: 20;
  display: flex;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: scroll;
  scrollbar-width: none;
}

.LinkBar-LinkBar-sticky-e1f7feea::-webkit-scrollbar {
  display: none;
}

.LinkBar-LinkBar-stickyWebview-e940a563 {
  top: 0;
}

.LinkBar-LinkBar-inner-b19c1d2f {
  display: flex;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: scroll;
  scrollbar-width: none;
  z-index: 20;
  padding: 24px 0;
}

.LinkBar-LinkBar-inner-b19c1d2f::-webkit-scrollbar {
  display: none;
}

.LinkBar-LinkBar-contentSwitcher-fd8d2397.LinkBar-LinkBar-contentSwitcher-fd8d2397 a {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}

.LinkBar-LinkBar-projobsButton-f8871c44.LinkBar-LinkBar-projobsButton-f8871c44 {
  white-space: nowrap;
}

.LinkBar-LinkBar-projobsButtonWrapper-ffe7ff4e {
  position: relative;
}

.LinkBar-LinkBar-projobsButtonFlag-f07cd21f {
  font-size: 12px;
  position: relative;
  font-weight: bold;
  background-color: var(--xdlColorProJobs);
  color: white;
  padding: 0 4px;
  position: absolute;
  top: 0;
  left: 12px;
  transform: translateY(-100%);
}

@media (min-width: 740px) {
  .LinkBar-LinkBar-sticky-e1f7feea {
    top: 68px;
  }

  .LinkBar-LinkBar-inner-b19c1d2f {
    padding: 0;
  }

  .LinkBar-LinkBar-projobsButtonWrapper-ffe7ff4e.LinkBar-LinkBar-projobsButtonWrapper-ffe7ff4e {
    position: absolute;
    top: 0;
    right: 0;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].oneOf[1].use[2]!./src/components/LoggedInPage/LoggedInPage.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
/*
This file is autogenerated, dont change manually
see cli/src/designkit/handle-variables.ts to change
*/

:root {
  --spaceXXS: 2px;
  --spaceXS: 4px;
  --spaceS: 8px;
  --spaceM: 12px;
  --spaceL: 16px;
  --spaceXL: 24px;
  --spaceXXL: 32px;
  --space3XL: 48px;
  --space4XL: 68px;
  --space5XL: 92px;
  --space6XL: 122px;
  --scale000: 0;
  --scale005: 1px;
  --scale010: 2px;
  --scale020: 4px;
  --scale030: 6px;
  --scale040: 8px;
  --scale050: 10px;
  --scale060: 12px;
  --scale070: 14px;
  --scale080: 16px;
  --scale090: 18px;
  --scale100: 20px;
  --scale110: 24px;
  --scale120: 28px;
  --scale130: 32px;
  --scale140: 36px;
  --scale150: 42px;
  --scale160: 48px;
  --scale170: 54px;
  --scale180: 60px;
  --scale190: 68px;
  --scale200: 76px;
  --scale210: 84px;
  --scale220: 92px;
  --scale230: 102px;
  --scale240: 112px;
  --scale250: 122px;
  --scale260: 132px;
  --scale270: 144px;
  --scale280: 156px;
  --scale290: 168px;
  --scale300: 180px;
  --scale310: 194px;
  --scale320: 208px;
  --scale330: 222px;
  --scale340: 236px;
  --scale350: 252px;
  --scale360: 268px;
  --scale370: 284px;
  --scale380: 300px;
  --scale390: 318px;
  --scale400: 336px;
  --scale410: 354px;
  --scale420: 372px;
  --scale430: 392px;
  --scale440: 412px;
  --scale450: 432px;
  --motionTimeXXS: 70ms;
  --motionTimeNumberXXS: 70;
  --motionTimeXS: 110ms;
  --motionTimeNumberXS: 110;
  --motionTimeS: 150ms;
  --motionTimeNumberS: 150;
  --motionTimeM: 240ms;
  --motionTimeNumberM: 240;
  --motionTimeL: 400ms;
  --motionTimeNumberL: 400;
  --motionTimeXL: 700ms;
  --motionTimeNumberXL: 700;
  --motionTimeXXL: 1000ms;
  --motionTimeNumberXXL: 1000;
  --motionEasingEnter: cubic-bezier(0, 0, 0.2, 1);
  --motionEasingLeave: cubic-bezier(0.4, 0, 1, 1);
  --motionEasingStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --dropShadowS: 0 2px 5px 1px rgba(33, 42, 54, 0.15);
  --dropShadowM: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  --cornerRadiusS: 2px;
  --cornerRadiusM: 4px;
  --cornerRadiusL: 8px;
  --cornerRadiusXL: 16px;
}

/* Attention: this file is auto-generated */

/* Run: yarn scripts:css-variables to generate this file */

/* stylelint-disable */

:root {
  --borderRadius500: 2px;
  --borderRadius600: 3px;
  --borderStyle500: 1px solid;
  --borderStyle600: 2px solid;
  --borderStyle700: 4px solid;
  --borderWidth500: 1px;
  --borderWidth600: 2px;
  --borderWidth700: 4px;
  --breakpointDesktop: (min-width: 1113px);
  --breakpointDesktopRange: (min-width: 1113px) and (max-width: 1258px);
  --breakpointDesktopWide: (min-width: 1024px);
  --breakpointDesktopWideRange: (min-width: 1024px) and (max-width: 1239px);
  --breakpointDesktopXlWide: (min-width: 1240px);
  --breakpointHandheld: (max-width: 739px);
  --breakpointHandheldRange: (min-width: 0) and (max-width: 739px);
  --breakpointNav: (min-width: 1259px);
  --breakpointNavRange: (min-width: 1259px);
  --breakpointTablet: (min-width: 740px);
  --breakpointTabletRange: (min-width: 740px) and (max-width: 1112px);
  --breakpointTabletWideRange: (min-width: 740px) and (max-width: 1023px);
  --colorBackground: rgb(255, 255, 255);
  --colorBackgroundAside: rgb(245, 245, 245);
  --colorBackgroundBeta: rgb(226, 0, 122);
  --colorBackgroundBrandedDark: rgb(0, 117, 117);
  --colorBackgroundBrandedLight: rgb(176, 212, 0);
  --colorBackgroundErrorDark: rgb(243, 58, 88);
  --colorBackgroundErrorLight: rgb(253, 235, 238);
  --colorBackgroundFeedback: rgb(226, 0, 122);
  --colorBackgroundInteractive: rgb(0, 144, 144);
  --colorBackgroundPage: rgb(235, 235, 235);
  --colorBackgroundPromo: rgb(104, 195, 252);
  --colorBackgroundSuccessDark: rgb(77, 184, 107);
  --colorBorder: rgb(229, 229, 229);
  --colorBorderActive: rgb(0, 144, 144);
  --colorBorderError: rgb(243, 58, 88);
  --colorBorderField: rgb(179, 179, 179);
  --colorBorderStrong: rgb(204, 204, 204);
  --colorBorderSuccess: rgb(77, 184, 107);
  --colorCopy: rgb(51, 51, 51);
  --colorCopyError: rgb(243, 58, 88);
  --colorCopyInverted: rgba(255, 255, 255, 0.75);
  --colorCopyInvertedStrong: rgb(255, 255, 255);
  --colorCopyLink: rgb(0, 144, 144);
  --colorCopyLinkHover: rgb(0, 117, 117);
  --colorCopyLinkVisited: rgb(114, 136, 149);
  --colorCopySoft: rgb(102, 102, 102);
  --colorCopySuccess: rgb(77, 184, 107);
  --colorCopyWeak: rgb(128, 128, 128);
  --colorError: rgb(243, 58, 88);
  --colorNotification: rgb(255, 160, 0);
  --colorPreload: rgb(179, 179, 179);
  --colorPreloadLight: rgb(235, 235, 235);
  --colorPremiumMintDark: rgb(25, 153, 128);
  --colorPremiumMintLight: rgb(0, 210, 150);
  --colorSuccess: rgb(77, 184, 107);
  --colorTrafficGreen: rgb(77, 184, 107);
  --colorTrafficRed: rgb(243, 58, 88);
  --colorTrafficYellow: rgb(255, 160, 0);
  --colorUserBasic: rgb(153, 153, 153);
  --colorUserExecutive: rgb(51, 51, 51);
  --effect: cubic-bezier(0.2, 0.2, 0.2, 1);
  --effectArc: cubic-bezier(0.15, 1.3, 0.7, 1.25);
  --effectEnter: cubic-bezier(0, 0.2, 0.2, 1);
  --effectLeave: cubic-bezier(0.4, 0, 1, 1);
  --effectStandard: cubic-bezier(0.4, 0, 0.2, 1);
  --fontDisplay1LineHeight: 28px;
  --fontDisplay1Size: 22px;
  --fontDisplay2LineHeight: 32px;
  --fontDisplay2Size: 26px;
  --fontDisplay3LineHeight: 40px;
  --fontDisplay3Size: 32px;
  --fontDisplay4LineHeight: 48px;
  --fontDisplay4Size: 40px;
  --fontDisplay5LineHeight: 56px;
  --fontDisplay5Size: 48px;
  --fontDisplay6LineHeight: 64px;
  --fontDisplay6Size: 52px;
  --fontLargeLineHeight: 24px;
  --fontLargeSize: 18px;
  --fontMediumLineHeight: 24px;
  --fontMediumSize: 16px;
  --fontMiniLineHeight: 16px;
  --fontMiniSize: 12px;
  --fontNormalLineHeight: 20px;
  --fontNormalSize: 14px;
  --fontSize1000: 52px;
  --fontSize100: 12px;
  --fontSize200: 14px;
  --fontSize300: 16px;
  --fontSize400: 18px;
  --fontSize500: 22px;
  --fontSize600: 26px;
  --fontSize700: 32px;
  --fontSize800: 40px;
  --fontSize900: 48px;
  --fontWeightBold: 700;
  --fontWeightNormal: 400;
  --gradientPremium: linear-gradient(
    to top,
    #007575 0%,
    #199980 50%,
    #00d296 100%
  );
  --gradientPremiumRadialGradient: radial-gradient(
    circle at 83% -40px,
    #00d296,
    #199980 50%,
    #007575
  );
  --gradientSecondary: linear-gradient(to bottom, #d9d9d9 0, #cccccc 100%);
  --gradientUserPremium: linear-gradient(
    to bottom,
    #9ccb5d,
    #80c189 25%,
    #47abdd
  );
  --gridBase: 4;
  --lineHeight100: 16px;
  --lineHeight200: 20px;
  --lineHeight300: 24px;
  --lineHeight400: 28px;
  --lineHeight500: 32px;
  --lineHeight600: 40px;
  --lineHeight700: 48px;
  --lineHeight800: 56px;
  --lineHeight900: 64px;
  --maxWidthDesktop: 1258px;
  --maxWidthDesktopWide: 1239px;
  --maxWidthHandheld: 739px;
  --maxWidthTablet: 1112px;
  --maxWidthTabletWide: 1023px;
  --minWidthDesktop: 1113px;
  --minWidthDesktopWide: 1024px;
  --minWidthDesktopXlWide: 1240px;
  --minWidthNav: 1259px;
  --minWidthTablet: 740px;
  --paletteBerry500: rgb(156, 25, 91);
  --paletteBlue100: rgb(239, 249, 254);
  --paletteBlue500: rgb(104, 195, 252);
  --paletteGrass500: rgb(77, 184, 107);
  --paletteGrey040: rgb(245, 245, 245);
  --paletteGrey050: rgb(242, 242, 242);
  --paletteGrey080: rgb(235, 235, 235);
  --paletteGrey100: rgb(229, 229, 229);
  --paletteGrey150: rgb(217, 217, 217);
  --paletteGrey200: rgb(204, 204, 204);
  --paletteGrey300: rgb(179, 179, 179);
  --paletteGrey400: rgb(153, 153, 153);
  --paletteGrey500: rgb(128, 128, 128);
  --paletteGrey600: rgb(102, 102, 102);
  --paletteGrey700: rgb(77, 77, 77);
  --paletteGrey800: rgb(51, 51, 51);
  --paletteLime500: rgb(176, 212, 0);
  --paletteLime600: rgb(176, 208, 0);
  --paletteMagenta500: rgb(226, 0, 122);
  --paletteMint300: rgb(0, 210, 150);
  --paletteMint500: rgb(25, 153, 128);
  --paletteOrange500: rgb(255, 160, 0);
  --palettePetrol100: rgb(191, 220, 220);
  --palettePetrol200: rgb(127, 186, 186);
  --palettePetrol300: rgb(0, 144, 144);
  --palettePetrol500: rgb(0, 117, 117);
  --palettePigeon080: rgb(242, 247, 249);
  --palettePigeon100: rgb(222, 234, 239);
  --palettePigeon200: rgb(164, 178, 187);
  --palettePigeon300: rgb(114, 136, 149);
  --palettePigeon500: rgb(87, 112, 128);
  --palettePigeon700: rgb(54, 85, 104);
  --paletteRed100: rgb(253, 235, 238);
  --paletteRed500: rgb(243, 58, 88);
  --paletteWhite: rgb(255, 255, 255);
  --shadow200: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  --shadow500: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --shadow700: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --space10: 40px;
  --space12: 48px;
  --space14: 56px;
  --space16: 64px;
  --space1: 4px;
  --space20: 80px;
  --space24: 96px;
  --space28: 112px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --space5: 20px;
  --space6: 24px;
  --space8: 32px;
  --spacingInlineL: 0 24px 0 0;
  --spacingInlineM: 0 12px 0 0;
  --spacingInlineS: 0 8px 0 0;
  --spacingInlineXl: 0 32px 0 0;
  --spacingInlineXs: 0 4px 0 0;
  --spacingInlineXxl: 0 56px 0 0;
  --spacingInlineXxxl: 0 96px 0 0;
  --spacingInsetL: 24px;
  --spacingInsetM: 12px;
  --spacingInsetS: 8px;
  --spacingInsetSquishL: 8px 24px;
  --spacingInsetSquishM: 4px 12px;
  --spacingInsetSquishS: 4px 8px;
  --spacingInsetSquishXl: 12px 32px;
  --spacingInsetSquishXs: 0 4px;
  --spacingInsetSquishXxl: 24px 56px;
  --spacingInsetSquishXxxl: 32px 96px;
  --spacingInsetStretchL: 24px 12px;
  --spacingInsetStretchM: 12px 8px;
  --spacingInsetStretchS: 8px 4px;
  --spacingInsetStretchXl: 32px 24px;
  --spacingInsetStretchXs: 4px 0;
  --spacingInsetStretchXxl: 32px 56px;
  --spacingInsetStretchXxxl: 56px 96px;
  --spacingInsetXl: 32px;
  --spacingInsetXs: 4px;
  --spacingInsetXxl: 56px;
  --spacingInsetXxxl: 96px;
  --spacingStackL: 0 0 24px 0;
  --spacingStackM: 0 0 12px 0;
  --spacingStackS: 0 0 8px 0;
  --spacingStackXl: 0 0 32px 0;
  --spacingStackXs: 0 0 4px 0;
  --spacingStackXxl: 0 0 56px 0;
  --spacingStackXxxl: 0 0 96px 0;
  --speedFast: 150ms;
  --speedInstant: 50ms;
  --speedMedium: 250ms;
  --transition: 150ms cubic-bezier(0.2, 0.2, 0.2, 1);
  --zindex0: -1;
  --zindex100: 0;
  --zindex200: 3;
  --zindex300: 6;
  --zindex400: 9;
  --zindex500: 12;
  --zindex600: 15;
  --zindex700: 18;
  --zindex800: 21;
  --zindex900: 24;
}

/* stylelint-enable */

.LoggedInPage-LoggedInPage-landingText-e6992630 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.LoggedInPage-LoggedInPage-headline-d0dc4088.LoggedInPage-LoggedInPage-headline-d0dc4088 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.LoggedInPage-LoggedInPage-layout-b496407c {
  display: flex;
  flex-direction: row;
}

.LoggedInPage-LoggedInPage-buttonsContainer-edcdc664 {
  display: none;
  margin: 16px;
  justify-content: flex-end;
}

.LoggedInPage-LoggedInPage-backToCompanies-dacdc5f8 {
  justify-content: space-between;
  align-items: center;
}

.LoggedInPage-LoggedInPage-button-f699a339.LoggedInPage-LoggedInPage-button-f699a339 {
  margin-left: 12px;
  display: none;
}

.LoggedInPage-LoggedInPage-createProfileButton-bb10b1f9 {
  display: flex;
}

.LoggedInPage-LoggedInPage-mobileBanner-f9087a3d {
  width: 100%;
  padding: 16px 24px;
  background-color: var(--xdlColorBackgroundTertiary);
}

/* min-width: 740px */

@media (min-width: 740px) {
  .LoggedInPage-LoggedInPage-headline-d0dc4088.LoggedInPage-LoggedInPage-headline-d0dc4088 {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .LoggedInPage-LoggedInPage-mobileBanner-f9087a3d {
    display: none;
  }

  .LoggedInPage-LoggedInPage-button-f699a339.LoggedInPage-LoggedInPage-button-f699a339 {
    display: flex;
  }

  .LoggedInPage-LoggedInPage-buttonsContainer-edcdc664 {
    display: flex;
    margin: 16px calc(-1 * 16px);
  }
}


/*# sourceMappingURL=main-9a283265d3d6.css.map*/