@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
.app-product-page {
  background-color: #ffffff;
}
.app-product-page .eds-layout__body {
  -webkit-transform: translate(0, -178px);
  transform: translate(0, -178px);
}
.app-product-page .eds-base-carousel {
  border-radius: 4px;
}
.app-product-page .eds-base-carousel__content {
  background-color: #f8f7fa;
  border-radius: 4px;
}
.app-product-page .content {
  max-width: 776px;
  margin: auto;
}
@media (max-width: 791px) {
  .app-product-page .content {
    max-width: 616px;
  }
}
.app-product-page .screenshots {
  width: 100%;
  height: 100%;
  position: relative;
}
.app-product-page .screenshots img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100%;
  display: block;
  margin: auto;
  width: unset;
}
.app-product-page .support-description ul,
.app-product-page .support-description ol {
  list-style: disc;
  margin-top: 10px;
  margin-left: 2em;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
.site-header__link-menu {
  --transition: all 0.1s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  height: 40px;
  border-radius: 99px;
  font-size: 14px;
  line-height: 20px;
  padding: 0 4px;
  margin: 0 4px;
  color: #39364f;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-family: "Neue Plak Text", "Neue Plak", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
  font-weight: 600;
}
@media (prefers-reduced-motion: reduce) {
  .site-header__link-menu {
    --transition: none;
  }
}
.site-header__link-menu:visited {
  color: #39364f;
}
.site-header__link-menu:hover {
  color: #3659e3;
}
@media (min-width: 960px) {
  .site-header__link-menu {
    padding: 0 20px;
  }
}

.site-header__type-pill {
  background-color: #3659e3;
  color: #ffffff;
}
.site-header__type-pill:active, .site-header__type-pill:visited, .site-header__type-pill:focus {
  text-decoration: none;
  outline: none;
  background: #3150cc;
  color: #ffffff;
}
.site-header__type-pill:hover {
  text-decoration: none;
  outline: none;
  background: #3150cc;
  color: #ffffff;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
.eds-structure__main {
  background-color: #f8f7fa;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
.header-container {
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: auto;
  margin-top: 16px;
  background-color: white;
}
@media (min-width: 660px) {
  .header-container {
    margin-top: 24px;
  }
}
@media (min-width: 960px) {
  .header-container {
    margin-top: 32px;
  }
}
.header-container .header-container--illustration {
  display: none;
}
.header-container.default-hero-image {
  position: relative;
  width: 100%;
  min-height: 233px;
}
.header-container.default-hero-image .header-container--headline_search {
  height: 582.5px;
}
@media (max-width: 660px) {
  .header-container.default-hero-image .header-container--headline_search {
    height: auto;
  }
}
@media (min-width: 660px) {
  .header-container.default-hero-image .header-container--headline_search {
    height: auto;
  }
  .header-container.default-hero-image .header-container--headline_search .header--headline {
    width: 70%;
  }
}
.header-container.default-hero-image .header-container--illustration {
  display: block;
  position: inherit;
  right: 0;
  z-index: 0;
  height: 100%;
}
@media (min-width: 660px) {
  .header-container.default-hero-image .header-container--illustration {
    position: absolute;
  }
}
@media (min-width: 660px) {
  .header-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 307px;
  }
}
@media (min-width: 1272px) {
  .header-container {
    height: 362px;
  }
}
.header-container .header-container--headline_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  margin-top: 24px;
  margin-left: 16px;
  margin-right: 16px;
  z-index: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (min-width: 660px) {
  .header-container .header-container--headline_search {
    margin-right: 0;
  }
}
@media (min-width: 960px) {
  .header-container .header-container--headline_search {
    margin-top: 16px;
    margin-left: 40px;
  }
}
@media (min-width: 1272px) {
  .header-container .header-container--headline_search {
    margin-top: 40px;
    margin-left: 40px;
  }
}
.header-container .header-container--headline_search .header--search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.header-container .header-container--headline_search .header--search.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (min-width: 660px) {
  .header-container .header-container--headline_search .header--search {
    width: 70%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .header-container .header-container--headline_search .header--search.center {
    width: 100%;
  }
}
@media (min-width: 960px) and (max-width: 1079px) {
  .header-container .header-container--headline_search .header--search {
    margin-top: 24px;
  }
}
.header-container .header-container--headline_search .header--headline.center {
  text-align: center;
}
@media (min-width: 660px) {
  .header-container .header-container--headline_search .header--headline {
    height: 70%;
  }
  .header-container .header-container--headline_search .header--headline.center {
    width: 100%;
    height: auto;
  }
}
.header-container .header-container--headline_search .header-headline__secondary {
  display: block;
}
@media (min-width: 660px) {
  .header-container .header-container--headline_search .header-headline__secondary {
    display: none;
  }
}
@media (min-width: 1272px) {
  .header-container .header-container--headline_search .header-headline__secondary {
    display: block;
    max-width: auto;
  }
}
@media (min-width: 660px) {
  .header-container .header-container--headline_search .header-headline__secondary.always-show {
    display: block;
    max-width: 400px;
  }
}
.header-container .header--hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (min-width: 660px) {
  .header-container .header--hero {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
}
.header-container .header--hero.vertical-align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-container .header--hero.header--hero__margin {
  margin: 0 0 24px 0;
}
.header-container .header--hero.header--hero__margin img {
  width: 60%;
}
@media (min-width: 660px) {
  .header-container .header--hero.header--hero__margin {
    margin-right: 24px;
  }
  .header-container .header--hero.header--hero__margin img {
    width: 250px;
  }
}
@media (min-width: 960px) {
  .header-container .header--hero.header--hero__margin {
    margin: 0;
    margin-right: 40px;
  }
  .header-container .header--hero.header--hero__margin img {
    width: 250px;
    height: auto;
  }
}
.header-container .header--hero img {
  margin-right: 4px;
  width: 70%;
  height: auto;
}
@media (min-width: 660px) {
  .header-container .header--hero img {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 1080px) {
  .header-container .header--hero img {
    height: 100%;
  }
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
.search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 350px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.search-container .eds-field-styled {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.search-container .eds-field-styled.eds-field-styled--static .eds-field-styled__input-container:after {
  bottom: 10px;
}
.search-container .eds-field-styled.eds-field-styled--static input[type=search].eds-field-styled__input {
  background-color: #f8f7fa;
}
.search-container input[type=search].eds-field-styled__input {
  margin: 0 0 8px 2px;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 8px 8px 8px 6px;
  line-height: 20px;
  line-height: 1.25rem;
}
.search-container .eds-field-styled__input-container:after {
  border-bottom-color: #f05537;
  left: 5px;
  right: 5px;
}
.search-container .search-button {
  margin-top: 2px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.search-container .search-button button {
  background-color: #f05537;
  fill: #ffffff;
  border-radius: 2px;
  height: 45px;
  width: 50px;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
a.internal-link--neutral:hover, a.internal-link--neutral:active, a.internal-link--neutral:visited, a.internal-link--neutral:focus,
a.internal-link--inverse:hover,
a.internal-link--inverse:active,
a.internal-link--inverse:visited,
a.internal-link--inverse:focus {
  text-decoration: none;
}

a.internal-link--neutral {
  color: #4b4d63;
}
a.internal-link--neutral:hover {
  color: #39364f;
}

a.internal-link--inverse {
  color: #3d64ff;
  font-weight: bold;
}

a.internal-link--tab {
  color: #6f7287;
}
a.internal-link--tab:hover, a.internal-link--tab:active, a.internal-link--tab:visited, a.internal-link--tab:focus {
  text-decoration: none;
}
a.internal-link--tab:hover {
  color: #1e0a3c;
}

a.internal-link--tab__selected {
  color: #f05537;
}
a.internal-link--tab__selected:hover, a.internal-link--tab__selected:active, a.internal-link--tab__selected:visited, a.internal-link--tab__selected:focus {
  text-decoration: none;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
.categories-filter {
  background: #fff;
  border-radius: 2px;
}
.categories-filter .categories-filter--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.categories-filter .categories-filter--container.tab-link-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 40px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.categories-filter .categories-filter--container .categories-filter--container__link {
  display: inline;
  margin: 6px 0 6px 24px;
}
.categories-filter .categories-filter--container .categories-filter--container__link:first-child {
  margin-left: 0;
}
.categories-filter .categories-filter--container .categories-filter--container__tab-link {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: inline-block;
  padding: 6px;
  margin-right: 16px;
  white-space: nowrap;
}
.categories-filter .categories-filter--container .categories-filter--container__tab-link.selected {
  border-bottom: 2px solid #f05537;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
.arrow-link a {
  font-weight: 600;
}
.arrow-link a .arrow-link--icon {
  -webkit-transition: -webkit-transform 100ms linear;
  transition: -webkit-transform 100ms linear;
  transition: transform 100ms linear;
  transition: transform 100ms linear, -webkit-transform 100ms linear;
}
.arrow-link a:hover .arrow-link--icon, .arrow-link a:focus .arrow-link--icon {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}
.arrow-link .arrow-link--text {
  display: inline-block;
  vertical-align: middle;
}
.arrow-link .arrow-link--icon {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  height: 16px;
}
.arrow-link .arrow-link--icon i {
  vertical-align: baseline;
  vertical-align: initial;
}
.arrow-link .arrow-link--icon svg {
  fill: #3659e3;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
/* ************ Typography Mixins ************ */
:root {
  font-size: 16px;
}

body {
  font-family: "Neue Plak", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #39364f;
}

.eds-text-hxl,
.eds-text-hxl--fixed,
.eds-text-hl,
.eds-text-hl--fixed,
.eds-text-hm,
.eds-text-hm--fixed,
.eds-text-hs,
.eds-text-hs--fixed,
.eds-text-bl,
.eds-text-bl--fixed,
.eds-text-bm,
.eds-text-bm--fixed,
.eds-text-bs,
.eds-text-bs--fixed {
  text-rendering: optimizeLegibility;
}

.eds-text-hxl,
.eds-text-hxl--fixed,
.eds-text-hl,
.eds-text-hl--fixed,
.eds-text-hm,
.eds-text-hm--fixed,
.eds-text-hs,
.eds-text-hs--fixed {
  color: #1e0a3c;
}

.eds-text-hxl, .eds-text-hxl--fixed {
  font-size: 52px;
  font-size: 3.25rem;
  line-height: 64px;
  line-height: 4rem;
  letter-spacing: 1.25px;
  margin-right: -1.25px;
  font-weight: 800;
}
.eds-text-hl, .eds-text-hl--fixed {
  font-size: 32px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 2.5rem;
  letter-spacing: 1px;
  margin-right: -1px;
  font-weight: 800;
}
.eds-text-hm, .eds-text-hm--fixed {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 0.75px;
  margin-right: -0.75px;
  font-weight: 700;
}
.eds-text-hs, .eds-text-hs--fixed {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  letter-spacing: 0.25px;
  margin-right: -0.25px;
  font-weight: 700;
}
.eds-text-bl, .eds-text-bl--fixed {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
  margin-right: -0.25px;
  font-weight: 600;
}
.eds-text-bl.eds-text-height--open, .eds-text-bl--fixed.eds-text-height--open {
  line-height: 25.6px;
  line-height: 1.6rem;
}
.eds-text-bm, .eds-text-bm--fixed {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 400;
}
.eds-text-bm.eds-text-height--open, .eds-text-bm--fixed.eds-text-height--open {
  line-height: 25.6px;
  line-height: 1.6rem;
}
.eds-text-bs, .eds-text-bs--fixed {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
@media (min-width: 960px) {
  .eds-text-hxl, .eds-text-hxl--fixed {
    font-size: 5.25rem;
    line-height: 6.5rem;
  }
  .eds-text-hl, .eds-text-hl--fixed {
    font-size: 3.25rem;
    line-height: 4rem;
  }
  .eds-text-hm, .eds-text-hm--fixed {
    font-size: 1.875rem;
    line-height: 2.5rem;
    letter-spacing: 0.5px;
    margin-right: -0.5px;
  }
  .eds-text-hs, .eds-text-hs--fixed {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .eds-text-bl, .eds-text-bl--fixed {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .eds-text-bm, .eds-text-bm--fixed {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .eds-text-bs, .eds-text-bs--fixed {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.eds-text--underline {
  border-bottom: 1px solid #dbdae3;
  margin: 8px 0 16px;
  padding: 8px 0;
}

.eds-text--strikethrough {
  text-decoration: line-through;
}

.eds-text--uppercase {
  text-transform: uppercase;
}

.eds-text--left {
  text-align: left;
}

.eds-text--right {
  text-align: right;
}

.eds-text--center {
  text-align: center;
}

.eds-text-weight--light {
  font-weight: 400;
}

.eds-text-weight--regular {
  font-weight: 400;
}

.eds-text-weight--heavy {
  font-weight: 600;
}

.eds-text-weight--semibold {
  font-weight: 600;
}

.eds-text-weight--bold {
  font-weight: 700;
}

.spotlight-section--container {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  height: auto;
}
@media (min-width: 660px) {
  .spotlight-section--container {
    height: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
}
@media (min-width: 1080px) {
  .spotlight-section--container {
    height: 244px;
  }
}
.spotlight-section--container .spotlight-section--img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px 4px 0 0;
  width: 100%;
  height: 240px;
  border-bottom: 1px solid #dbdae3;
}
@media (min-width: 660px) {
  .spotlight-section--container .spotlight-section--img-container {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 270px;
            flex: 1 0 270px;
    border-right: 1px solid #dbdae3;
  }
}
@media (min-width: 1080px) {
  .spotlight-section--container .spotlight-section--img-container {
    border-radius: 4px 0 0 4px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 376px;
            flex: 1 0 376px;
    max-width: 376px;
    height: 244px;
  }
}
.spotlight-section--container .spotlight-section--img-container .spotlight-section--img-container__text {
  color: #13002d;
  margin-left: -6px;
  margin-top: -20px;
}
.spotlight-section--container .spotlight-section--content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: inline-block;
  vertical-align: top;
}
.spotlight-section--container .spotlight-section--content .eds-tabs__item-link {
  padding: 8px;
}
.spotlight-section--container .spotlight-section--content .eds-tabs__navigation {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  width: 100%;
  overflow-x: scroll;
}
.spotlight-section--container .spotlight-section--content .eds-tabs__navigation hr.eds-divider__hr {
  display: none;
}

.spotlight-section--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
}
@media (min-width: 960px) {
  .spotlight-section--item {
    padding-bottom: 0;
  }
}
.spotlight-section--item .spotlight-section--item__logo {
  display: inline-block;
}
.spotlight-section--item .spotlight-section--item__text {
  display: inline-block;
}
.spotlight-section--item .spotlight-section--item__text h2 {
  font-size: 24px;
}
@media (min-width: 960px) {
  .spotlight-section--item .spotlight-section--item__text h2 {
    font-size: 28px;
  }
}
.spotlight-section--item .spotlight-section--item__text p {
  font-size: 16px;
  padding-right: 6px;
}
@media (min-width: 960px) {
  .spotlight-section--item .spotlight-section--item__text p {
    font-size: 20px;
  }
}

.spotlight-section--loader {
  height: 100%;
  margin: 24px;
}
@media (min-width: 660px) {
  .spotlight-section--loader {
    margin: 0;
  }
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
.categories-explore-section .categories-explore-section--list {
  height: 235px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.categories-explore-section .categories-explore-section--list .categories-explore-section--item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 376px;
          flex: 1 1 376px;
  margin-right: 24px;
}
.categories-explore-section .categories-explore-section--list .categories-explore-section--item .categories-explore-section--item__image-container:hover {
  -webkit-box-shadow: 0 1px 17px 0 rgba(40, 44, 53, .1), 0 2px 4px 0 rgba(40, 44, 53, .1);
          box-shadow: 0 1px 17px 0 rgba(40, 44, 53, .1), 0 2px 4px 0 rgba(40, 44, 53, .1);
}
.categories-explore-section .categories-explore-section--list .categories-explore-section--item .categories-explore-section--item__image {
  background-color: #fff;
  height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
}
.categories-explore-section .categories-explore-section--list .categories-explore-section--item .categories-explore-section--item__image:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(61, 100, 255, .7);
          box-shadow: 0 0 0 1px rgba(61, 100, 255, .7);
}
.categories-explore-section .categories-explore-section--list .categories-explore-section--item:last-child {
  margin-right: 0;
}
.categories-explore-section .categories-explore-section--list .categories-explore-section--item .categories-explore-section--item__description {
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 660px) {
  .categories-explore-section .categories-explore-section--list .categories-explore-section--item .categories-explore-section--item__description {
    margin-top: 16px;
    text-align: center;
  }
}
@media (max-width: 660px) {
  .categories-explore-section .categories-explore-section--list .categories-explore-section--item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0;
    padding-bottom: 32px;
  }
  .categories-explore-section .categories-explore-section--list .categories-explore-section--item:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 1080px) {
  .categories-explore-section .categories-explore-section--list {
    height: 220px;
  }
}
@media (max-width: 660px) {
  .categories-explore-section .categories-explore-section--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    height: auto;
  }
}
.app-discovery-section--title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.arrow-link{font-weight:600}.arrow-link span{vertical-align:middle}.arrow-link .eds-vector-image{fill:#3659e3;margin-left:4px;-webkit-transition:-webkit-transform 80ms linear;transition:-webkit-transform 80ms linear;transition:transform 80ms linear;transition:transform 80ms linear,-webkit-transform 80ms linear}.arrow-link a:hover{text-decoration:none}.arrow-link a:hover .eds-vector-image{fill:#3d64ff;-webkit-transform:translateX(4px);transform:translateX(4px)}
.app-list{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.app-list--max-three-columns{grid-gap:16px 24px;grid-template-columns:repeat(3,32%)}@media (max-width:960px){.app-list--max-three-columns{grid-template-columns:repeat(2,49%);grid-gap:16px 16px}}@media (max-width:660px){.app-list--max-three-columns{grid-template-columns:100%}}.app-list--max-two-columns{grid-template-columns:repeat(2,49%);grid-gap:16px 16px}@media (max-width:660px){.app-list--max-two-columns{grid-template-columns:100%}}
.app-card{background-color:#fff;border-radius:2px;height:72px}.app-card:hover{-webkit-box-shadow:0 0 0 1px rgba(61,100,255,.7);box-shadow:0 0 0 1px rgba(61,100,255,.7)}.app-card a{color:inherit}.app-card a:active,.app-card a:hover,.app-card a:visited{color:inherit;text-decoration:none}.app-card .app-card__link,.app-card .app-card__link:visited{border-radius:2px;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;height:72px;justify-items:center;text-decoration:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-card .app-card__link:active,.app-card .app-card__link:hover,.app-card .app-card__link:visited:active,.app-card .app-card__link:visited:hover{-webkit-box-shadow:0 1px 17px 0 rgba(40,44,53,.1),0 2px 4px 0 rgba(40,44,53,.1);box-shadow:0 1px 17px 0 rgba(40,44,53,.1),0 2px 4px 0 rgba(40,44,53,.1);color:inherit}.app-card .app-card__text{margin:16px;overflow:hidden;white-space:nowrap;width:50vh}.app-card .app-card__text h4{font-weight:600;overflow:hidden;text-overflow:ellipsis}@media (max-width:660px){.app-card .app-card__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (max-width:480px){.app-card .app-card__text{width:40vh}}.app-card .app-card__img{margin:16px 0 16px 16px;position:relative}.app-card .app-card__img .installed-badge--container{display:inline;left:-7px;position:absolute;top:-7px}@media (max-width:479px){.app-card,.app-card .app-card__link{height:64px}.app-card .app-card__text{margin:12px}.app-card .app-card__img{margin:12px 0 12px 12px}}
.installed-badge{background-color:#3d64ff;border:1px solid #fff;border-radius:50%;display:inline-block;height:15px;padding:1px;width:15px}.installed-badge svg{vertical-align:top}.installed-badge svg>path{stroke:#fff}
.refresh-content{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:160px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px}.refresh-content .refresh-content--button{margin-top:16px}
.eds-pagination {
  margin-left: -8px;
}
.app-description-text p {
  margin-bottom: 10px;
}
.app-description-text ul {
  margin-left: 2em;
  margin-bottom: 10px;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
.app-product-page .app-title-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.app-product-page .app-title-card .app-logo {
  position: relative;
}
.app-product-page .app-title-card .app-logo img {
  border: 1px solid #dbdae3;
  border-radius: 50%;
  height: 120px;
  width: 120px;
}
@media (max-width: 480px) {
  .app-product-page .app-title-card .app-logo {
    margin: auto;
  }
  .app-product-page .app-title-card .app-logo img {
    height: 60px;
    width: 60px;
  }
}
.app-product-page .app-title-card .header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 480px) {
  .app-product-page .app-title-card .header-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .app-product-page .app-title-card .header-content p {
    text-align: center;
  }
  .app-product-page .app-title-card .header-content button {
    width: 100%;
  }
  .app-product-page .app-title-card .header-content h1 {
    text-align: center;
  }
}
.app-product-page .app-title-card .cta-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 480px) {
  .app-product-page .app-title-card .cta-button-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100%;
  }
  .app-product-page .app-title-card .cta-button-wrapper button {
    display: block;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .app-product-page .app-title-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.app-product-page .eds-card--simple {
  border: 1px solid #dbdae3;
  border-radius: 4px;
}
.app-product-page .app-logo__installed-icon {
  background-color: #3d64ff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 5px;
}
@media (max-width: 480px) {
  .app-product-page .app-logo__installed-icon {
    margin: auto;
    top: -3px;
    left: -3px;
  }
}
.star-spacing--xsmall {
  margin-right: 2px;
}
.star-spacing--small, .star-spacing--medium, .star-spacing--large, .star-spacing--xlarge {
  margin-right: 8px;
}
.one-click-rating-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.guidelines-message {
  -ms-flex-item-align: end;
      align-self: flex-end;
  max-width: 320px;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
.chart-bar__container {
  background-color: #f8f7fa;
  height: 22px;
}

.chart-bar__fill {
  background-color: #dbdae3;
  height: 22px;
}

.chart-bar__title {
  width: 45px;
}

.chart-bar__count {
  width: 20px;
}

.ratings-chart {
  border-spacing: 16px;
  height: 206px;
  width: 100%;
}

.ratings-overview-component {
  height: 206px;
}
.ratings-overview-component .ratings-summary-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.ratings-overview-component .ratings-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ratings-overview-component .eds-g-cell {
  height: 100%;
}
@media (max-width: 660px) {
  .ratings-overview-component {
    height: unset;
  }
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
.review-reply-card .app-logo {
  position: relative;
  padding-right: 8px;
}
.review-reply-card .app-logo img {
  border: 1px solid #dbdae3;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  width: 24px;
}
.review-reply-card .reply-text {
  padding-left: 34px;
  padding-right: 40px;
}
.review-reply-card .title-group {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review-reply-card .title-group .more-actions-wrapper {
  margin-left: auto;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
.review-reply-form .submit-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 660px) {
  .review-reply-form .submit-button-group button {
    width: 100%;
  }
}
.rating-card {
  word-wrap: break-word;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
.ratings-list {
  list-style: none;
}

.ratings-list-filter-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 660px) {
  .ratings-list-filter-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.ratings-list-filter {
  width: 241px;
}
@media (max-width: 660px) {
  .ratings-list-filter {
    width: 100%;
  }
}

.ratings-pagination-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@charset "UTF-8";
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-breakpoints-json/src/breakpoints.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_greys.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-color/src/color_rebranding_colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-iconography/src/iconography_sizes.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* 🚨🚨🚨 This is a generated file 🚨🚨🚨
* Please edit packages/eds/eds-settings/src/themes/day/colors.json instead
* And run `yarn brite generate-scss-variables-from-json`
*/
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Margin sizes =========== */
.refresh-content {
  background: #fff;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
}
.refresh-content .refresh-content--button {
  margin-top: 16px;
}