/*
   imported from nav-bar.scss 
*/

/*
  When adding a color, please add it to the :export section at the end of this file.
  If you need to add a new section/type of color, you can add the section title to the :export by pre-prending it with an underscore.
*/
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* Primary Colors */
/* Secondary Colors */
/* Gradients */
/* Transparencies */
/* stylelint-disable */

/* stylelint-enable */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* Line Heights */
/* stylelint-disable */

/* stylelint-enable */
/**
  If making changes to this file, please make sure the changes are reflected on the :export section at the end of the file.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* stylelint-disable */

/* stylelint-enable */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
.nav-bar__wrapper___2C_6f {
  color: #E6F3FC;
  height: auto; }
  .nav-bar__wrapper___2C_6f > div {
    height: auto;
    position: relative !important; }
  .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE {
    background: linear-gradient(45deg, #4392D7 0%, #00E3C6 100%);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    min-height: 100vh;
    padding-top: calc(15.32847px + 1.45985vw); }
    .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__closeButton___3Sje4 {
      box-sizing: initial;
      display: none;
      height: 30px;
      position: absolute;
      right: 12px;
      top: 12px;
      width: 30px; }
      @media only screen and (max-width: 576px) {
        .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__closeButton___3Sje4 {
          display: block; } }
    .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__logo___3PDXe {
      display: block;
      margin-bottom: calc(12.26277px + 1.16788vw); }
      .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__logo___3PDXe > div {
        margin: auto;
        max-width: 500px;
        padding-left: 24%;
        padding-right: 24%; }
        @media only screen and (max-width: 576px) {
          .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__logo___3PDXe > div {
            margin-bottom: calc(15.32847px + 1.45985vw);
            padding-left: 0;
            padding-right: 0;
            width: 145px; } }
    .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__footer___2JkSH {
      background: linear-gradient(45deg, #4392D7 0%, #00E3C6 100%), linear-gradient(45deg, #538DC0 0%, #94CCE4 100%);
      background-blend-mode: multiply;
      font-size: calc(12px + 2 * (100vw - 320px) / 1120);
      font-weight: 700;
      height: 84px;
      margin-top: calc(25.45985px + 2.0438vw);
      padding: 24px;
      width: calc(100% + calc(25.45985px + 2.0438vw) * 2); }
      @media only screen and (max-width: 576px) {
        .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__footer___2JkSH {
          background: none;
          padding-left: 0;
          padding-right: 0;
          text-align: center;
          width: 100%; } }
    .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__footerLink___2ZNop {
      color: #E6F3FC;
      font-size: calc(14px + 4 * (100vw - 320px) / 1120);
      text-decoration: none;
      text-transform: uppercase; }
    .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__navItem___jisWD {
      align-items: center;
      display: flex;
      padding: 12px calc(12.26277px + 1.16788vw);
      padding-top: 0;
      text-decoration: none; }
      .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__navItem___jisWD .nav-bar__icon___2IopB {
        flex-shrink: 0;
        padding-right: 16px; }
      .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__navItem___jisWD .nav-bar__label___bjAIj {
        color: #FFFFFF;
        font-size: calc(18px + 4 * (100vw - 320px) / 1120);
        font-weight: 600;
        line-height: 22px; }
      @media only screen and (max-width: 576px) {
        .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__navItem___jisWD {
          padding: 12px 23%; }
          .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__navItem___jisWD .nav-bar__label___bjAIj {
            font-size: calc(22px + 14 * (100vw - 320px) / 1120); } }
      @media only screen and (max-width: 320px) {
        .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__navItem___jisWD {
          padding: 12px calc(25.45985px + 2.0438vw); } }
    .nav-bar__wrapper___2C_6f .nav-bar__component___6aprE .nav-bar__navItem___jisWD:first-of-type {
      padding-top: 0; }