/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/main/tokens/typography.css ***!
  \*****************************************************************************************/
/**
 * Typography design tokens
 */

:root {
  /**
   * Font families
   */

  /** Sans serif */
  --gw-global--FontFamily-montserrat: 'Montserrat', sans-serif;


  /**
   * Font weights
   */

  /** Light */
  --gw-global--FontWeight-light: 300;
  /** Regular */
  --gw-global--FontWeight-regular: 400;
  /** Medium */
  --gw-global--FontWeight-medium: 500;
  /** Semi-bold */
  --gw-global--FontWeight-semibold: 600;
  /** Bold */
  --gw-global--FontWeight-bold: 700;
  /** Extra bold */
  --gw-global--FontWeight-extrabold: 800;
  /** Black */
  --gw-global--FontWeight-black: 800;


  /**
   * Font sizes
   */

  --gw-global--FontSize-label--tn: .75rem;    /* Tiny: 12px */
  --gw-global--FontSize-label--xs: .875rem;   /* Extrasmall: 14px */
  --gw-global--FontSize-label--sm: .9375rem;  /* Small: 15px */
  --gw-global--FontSize-label--md: 1rem;      /* Medium: 16px */
  --gw-global--FontSize-label--lg: 1.75rem;   /* Large: 28px */
  --gw-global--FontSize-label--xl: 2.25rem;   /* Extralarge: 36px */

  --gw-global--FontSize-paragraph--sm: 1rem;      /* Small: 16px */
  --gw-global--FontSize-paragraph--md: 1.125rem;  /* Medium: 18px */
  --gw-global--FontSize-paragraph--lg: 1.5rem;    /* Large: 24px */

  --gw-global--FontSize-title--tn: 1rem;      /* Tiny: 16px */
  --gw-global--FontSize-title--xs: 1.25rem;   /* Extrasmall: 20px */
  --gw-global--FontSize-title--sm: 1.5rem;    /* Small: 24px */
  --gw-global--FontSize-title--md: 1.875rem;  /* Medium: 30px */
  --gw-global--FontSize-title--lg: 2.187rem;  /* Large: 35px */
  --gw-global--FontSize-title--xl: 2.5rem;    /* Extralarge: 40px */
  --gw-global--FontSize-title--hg: 3.75rem;   /* Huge: 60px */
}

/*!*************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/main/tokens/layout.css ***!
  \*************************************************************************************/
/**
 * Layout design tokens
 */

:root {
  /**
   * Breakpoints
   */

  --gw-global--breakpoints--tn: 20rem;     /* Tyny: 320px */
  --gw-global--breakpoints--xs: 23.25rem;  /* Extrasmall: 375px */
  --gw-global--breakpoints--sm: 48rem;     /* Small: 768px */
  --gw-global--breakpoints--md: 64rem;     /* Medium: 1024px */
  --gw-global--breakpoints--lg: 80rem;     /* Large: 1280px */
  --gw-global--breakpoints--xl: 90rem;     /* Extralarge: 1440px */
  --gw-global--breakpoints--hg: 120rem;    /* Huge: 1920px */


  /**
   * Content grid
   */

  /** Column count */
  --gw-global--content-grid--tn--columncount: 2;
  --gw-global--content-grid--md--columncount: 12;  /* this needs to be even */
  --gw-global--content-grid--columncount: var(--gw-global--content-grid--tn--columncount);

  /** Column width */
  --gw-global--content-grid--tn--columnwidth: 1fr;
  /* --gw-global--content-grid--hg--columnwidth: calc(( */
  /*   var(--gw-global--breakpoints--hg) */
  /*   - (var(--gw-global--content-grid--md--columncount) + 1) * var(--gw-global--content-grid--gutterwidth) */
  /*   - 2 * --gw-global--page-grid--offsetwidth */
  /* ) / var(--gw-global--content-grid--md--columncount)); */
  --gw-global--content-grid--hg--columnwidth: 7rem;  /* 113px */
  --gw-global--content-grid--columnwidth: var(--gw-global--content-grid--tn--columnwidth);

  /** Gutter width */
  --gw-global--content-grid--tn--gutterwidth: 1.875rem;  /* 30px */
  --gw-global--content-grid--md--gutterwidth: 2.061vw;
  --gw-global--content-grid--hg--gutterwidth: 2.4732rem;
  --gw-global--content-grid--gutterwidth: var(--gw-global--content-grid--tn--gutterwidth);

  --gw-global--content-grid--TemplateColumns: repeat(
    var(--gw-global--content-grid--columncount),
    var(--gw-global--content-grid--columnwidth)
  );

  /** Offset width */
  --gw-global--page-grid--tn--offsetwidth: calc(9.375vw - var(--gw-global--content-grid--tn--gutterwidth));
  --gw-global--page-grid--md--offsetwidth: calc(3.125vw - var(--gw-global--content-grid--md--gutterwidth));
  /*--gw-global--page-grid--hg--offsetwidth: calc(3.75rem - var(--gw-global--content-grid--hg--gutterwidth));*/
  --gw-global--page-grid--hg--offsetwidth: 1fr;
  --gw-global--page-grid--offsetwidth: var(--gw-global--page-grid--tn--offsetwidth);

  --gw-global--page-grid--TemplateColumns:
      var(--gw-global--page-grid--offsetwidth)
      var(--gw-global--content-grid--TemplateColumns)
      var(--gw-global--page-grid--offsetwidth);
}


/* Tiny */
@media all and (min-width: 20rem) {
  :root {

  }
}

/* Extrasmall */
@media all and (min-width: 23.25rem) {
  :root {

  }
}

/* Medium */
@media all and (min-width: 64rem) {
  :root {
    --gw-global--content-grid--columncount: var(--gw-global--content-grid--md--columncount);
    --gw-global--content-grid--gutterwidth: var(--gw-global--content-grid--md--gutterwidth);
    --gw-global--page-grid--offsetwidth: var(--gw-global--page-grid--md--offsetwidth);
  }
}

/* Large */
@media all and (min-width: 80rem) {
  :root {

  }
}

/* Extralarge */
@media all and (min-width: 90rem) {
  :root {

  }
}

/* Huge */
@media all and (min-width: 120rem) {
  :root {
    --gw-global--content-grid--gutterwidth: var(--gw-global--content-grid--hg--gutterwidth);
    --gw-global--page-grid--offsetwidth: var(--gw-global--page-grid--hg--offsetwidth);
    --gw-global--content-grid--columnwidth: var(--gw-global--content-grid--hg--columnwidth);
  }
}

/*!*************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/main/tokens/colors.css ***!
  \*************************************************************************************/
/**
 * Color design tokens
 */

:root {
  /**
   * Color palette
   */

  /** Red: #db0000 */
  --gw-global--palette-red--100: rgba(219, 0, 0, 1);
  --gw-global--palette-red: var(--gw-global--palette-red--100);

  /** Gray: #4c5166 */
  --gw-global--palette-gray--100: rgba(76, 81, 102, 1);
  --gw-global--palette-gray--90: rgba(76, 81, 102, .9);
  --gw-global--palette-gray--60: rgba(76, 81, 102, .6);
  --gw-global--palette-gray--40: rgba(76, 81, 102, .4);
  --gw-global--palette-gray--30: rgba(76, 81, 102, .3);
  --gw-global--palette-gray: var(--gw-global--palette-gray--100);

  /** Dark green: #21a499 */
  --gw-global--palette-green-dark--100: rgba(33, 164, 153, 1);
  --gw-global--palette-green-dark--70: rgba(33, 164, 153, .7);
  --gw-global--palette-green-dark: var(--gw-global--palette-green-dark--100);

  /** Turquoise */
  --gw-global--palette-turquoise: rgb(68, 209, 201);

  /** Light green: #94c50a */
  --gw-global--palette-green-light--100: rgba(148, 197, 10, 1);
  --gw-global--palette-green-light--70: rgba(148, 197, 10, .7);
  --gw-global--palette-green-light: var(--gw-global--palette-green-light--100);

  /** Orange: #f6ba00 */
  --gw-global--palette-orange--100: rgba(246, 186, 0, 1);
  --gw-global--palette-orange--70: rgba(246, 186, 0, .7);
  --gw-global--palette-orange: var(--gw-global--palette-orange--100);

  /** Waikawa: #5d6899 */
  --gw-global--palette-waikawa--100: rgba(93, 104, 153, 1);
  --gw-global--palette-waikawa--70: rgba(93, 104, 153, .7);
  --gw-global--palette-waikawa--30: rgba(93, 104, 153, .3);
  --gw-global--palette-waikawa--40: rgba(93, 104, 153, .4);
  --gw-global--palette-waikawa--20: rgba(93, 104, 153, .2);
  --gw-global--palette-waikawa: var(--gw-global--palette-waikawa--100);

  /** White: #fff */
  --gw-global--palette-white--100: rgba(255, 255, 255, 1);
  --gw-global--palette-white--70: rgba(255, 255, 255, .7);
  --gw-global--palette-white--50: rgba(255, 255, 255, .5);
  --gw-global--palette-white--35: rgba(255, 255, 255, .35);
  --gw-global--palette-white--28: rgba(255, 255, 255, .35);
  --gw-global--palette-white: var(--gw-global--palette-white--100);

  /** Shadow: #151a22 */
  --gw-global--palette-shadow--51: rgba(24, 26, 34, .51);
  --gw-global--palette-shadow: var(--gw-global--palette-shadow--51);


  /**
   * Gradients
   */

  --gw-global--gradient--horizontal: linear-gradient(90deg, #94C50A 0%, #21A499 50%, #21A499 50%);
  --gw-global--gradient--vertical: linear-gradient(199deg, #21A499 19%, #21A499 19%, #94C50A 100%);
  --gw-global--gradient--gray: linear-gradient(180deg, rgba(24, 26, 34, .058) 0%, rgba(24, 26, 34, .58) 59%);
}

/*!***********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/main/tokens/misc.css ***!
  \***********************************************************************************/
/**
 * Miscellaneous design tokens
 */
:root {
  /**
   * Opacities
   */

  --gw-global--Opacity--30: .30;
  --gw-global--Opacity--41: .41;
  --gw-global--Opacity--60: .6;
  --gw-global--Opacity--70: .7;


  /**
   * Box shadows
   */

  --gw-global--BoxShadow--default: 2px 2px 40px 0 var(--gw-global--palette-shadow--51);


  /**
   * Outlines (borders)
   */

  --gw-global--Border-green-dark: 1px solid var(--gw-global--palette-green-dark--100);
  --gw-global--Border-red: 1px solid var(--gw-global--palette-red--100);
  --gw-global--Border-waikawa: 2px solid var(--gw-global--palette-waikawa--100);
  --gw-global--Border-white: 1px solid var(--gw-global--palette-white--100);


  /**
   * Durations
   */

  /** Extremely short */
  --gw-global--Duration--tn: .1s;
  /** Very short */
  --gw-global--Duration--xs: .15s;
  /** Short */
  --gw-global--Duration--sm: .25s;
  /** Medium */
  --gw-global--Duration--md: .3s;
  /** Long */
  --gw-global--Duration--lg: .4s;
  /** Very long */
  --gw-global--Duration--xl: .7s;
  /** Eternal */
  --gw-global--Duration--hg: 1.5s;


  /**
   * Timing functions
   */

  --gw-global--TimingFunction--elastic: cubic-bezier(0, 0, 0.5, 1.38);


  /**
   * Cursors
   */

  --gw-global--Cursor--close: url("data:image/svg+xml,%3Csvg%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22fff%22%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3Cpath%20fill%3D%22%234c5166%22%20d%3D%22M13.206%2C12.374l14.142%2C14.142l-1.515%2C1.515l-14.143%2C-14.141l1.516%2C-1.516Zm4.178%2C8.723l1.489%2C1.489l-5.556%2C5.555l-1.488%2C-1.488l5.555%2C-5.556Zm8.586%2C-8.587l1.49%2C1.49l-5.557%2C5.555l-1.488%2C-1.488l5.555%2C-5.557Z%22%2F%3E%3C%2Fsvg%3E") 20 20;
}

/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/main/tokens/_tokens.css ***!
  \**************************************************************************************/
/**
 * Design tokens
 */

/*!*********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/main/utilities.css ***!
  \*********************************************************************************/
/**
 * Utility classes
 */


/**
 * Hide
 */

.gw-u-hide {
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 0;
}



/**
 * Button
 */

button.gw-u-button {
  appearance: none;
  background-color: inherit;
  border: none;
  color: currentcolor;
  cursor: pointer;
  font-family: inherit;
  font-weight: inherit;
  margin: 0;
  outline: none;
  padding: 0;
}

a.gw-u-button {
  text-decoration: none;
}

a.gw-u-button::after {
  display: none;
}



/**
 * Layout
 */

:root {
  --gw-u-layout--fullwidth--Column: 1 / -1;  /* full width */

  --gw-u-layout--inside--Column: 2 / -2;  /* inside offset */

  --gw-u-layout--interactive--tn--Column: var(--gw-u-layout--fullwidth--Column);
  --gw-u-layout--interactive--lg--Column: var(--gw-u-layout--inside--Column);
  --gw-u-layout--interactive--Column: var(--gw-u-layout--interactive--tn--Column);

  --gw-u-layout--overflowing--tn--Column: var(--gw-u-layout--fullwidth--Column);
  --gw-u-layout--overflowing--xs--Column: var(--gw-u-layout--inside--Column);
  --gw-u-layout--overflowing--Column: var(--gw-u-layout--overflowing--tn--Column);

  --gw-u-layout--overflowing--tn--overflow: 2.5vw;
  --gw-u-layout--overflowing--xs--overflow: 0;
  --gw-u-layout--overflowing--overflow: var(--gw-u-layout--overflowing--tn--overflow);

  --gw-u-layout--wide--tn--Column: var(--gw-u-layout--inside--Column);;
  --gw-u-layout--wide--md--Column: 3 / span 10;
  --gw-u-layout--wide--Column: var(--gw-u-layout--wide--tn--Column);

  --gw-u-layout--content--tn--Column: var(--gw-u-layout--inside--Column);;
  --gw-u-layout--content--md--Column: 3 / span 10;
  --gw-u-layout--content--lg--Column: 4 / span 8;
  --gw-u-layout--content--Column: var(--gw-u-layout--content--tn--Column);

  --gw-u-layout--start--tn--Column: var(--gw-u-layout--inside--Column);
  --gw-u-layout--start--md--Column: var(--gw-u-layout--content--md--Column);
  --gw-u-layout--start--lg--Column: 3 / span 6;
  --gw-u-layout--start--xl--Column: 3 / span 5;
  --gw-u-layout--start--Column: var(--gw-u-layout--start--tn--Column);

  --gw-u-layout--end--tn--Column: var(--gw-u-layout--fullwidth--Column);
  --gw-u-layout--end--lg--Column: 9 / span 4;
  --gw-u-layout--end--Column: var(--gw-u-layout--end--tn--Column);

  --gw-u-layout3--first--Column: 1 / span 7;
  --gw-u-layout3--second--Column: 9 / span 7;
  --gw-u-layout3--third--Column: 17 / span 7;

}

/* Tiny */
@media all and (min-width: 20rem) {
  :root {

  }
}

/* Extrasmall */
@media all and (min-width: 23.25rem) {
  :root {
    --gw-u-layout--overflowing--Column: var(--gw-u-layout--overflowing--xs--Column);
    --gw-u-layout--overflowing--overflow: var(--gw-u-layout--overflowing--xs--overflow);
  }
}

/* Medium */
@media all and (min-width: 64rem) {
  :root {
    --gw-u-layout--content--Column: var(--gw-u-layout--content--md--Column);
    --gw-u-layout--start--Column: var(--gw-u-layout--start--md--Column);
    --gw-u-layout--wide--Column: var(--gw-u-layout--wide--md--Column);
  }
}

/* Large */
@media all and (min-width: 80rem) {
  :root {
    --gw-u-layout--interactive--Column: var(--gw-u-layout--interactive--lg--Column);
    --gw-u-layout--content--Column: var(--gw-u-layout--content--lg--Column);
    --gw-u-layout--start--Column: var(--gw-u-layout--start--lg--Column);
    --gw-u-layout--end--Column: var(--gw-u-layout--end--lg--Column);
  }
}

/* Extralarge */
@media all and (min-width: 90rem) {
  :root {
    --gw-u-layout--start--Column: var(--gw-u-layout--start--xl--Column);
  }
}

/* Huge */
@media all and (min-width: 120rem) {
  :root {

  }
}

/**
 * 1: Solve a priority problem
 */
.gw-u-layout--fullwidth.gw-u-layout--fullwidth {  /* 1 */
  grid-column: var(--gw-u-layout--fullwidth--Column);
}

.gw-u-layout--interactive {
  grid-column: var(--gw-u-layout--interactive--Column);
}

.gw-u-layout--overflowing {
  grid-column: var(--gw-u-layout--overflowing--Column);
  margin-left: var(--gw-u-layout--overflowing--overflow);
  margin-right: var(--gw-u-layout--overflowing--overflow);
}

.gw-u-layout--wide {
  grid-column: var(--gw-u-layout--wide--Column);
}

.gw-u-layout--content {
  grid-column: var(--gw-u-layout--content--Column);
}

.gw-u-layout--start {
  grid-column: var(--gw-u-layout--start--Column);
}

.gw-u-layout--end {
  grid-column: var(--gw-u-layout--end--Column);
}

/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/main/common.css ***!
  \******************************************************************************/
/**
 * Main stylesheet
 */

:root {
  /**
   * Colors
   */

  --gw-c-page--Color: var(--gw-global--palette-gray);
  --gw-c-page--BackgroundColor: var(--gw-global--palette-white);


  /**
   * Typography
   */

  --gw-c-page--FontFamily: var(--gw-global--FontFamily-montserrat);
  --gw-c-page--FontSize: var(--gw-global--FontSize-paragraph--md);
  --gw-c-page--FontWeight: var(--gw-global--FontWeight-regular);


  /**
   * Layout
   */

  /* The following two are used in page_header, page_footer and side_drawer */
  --gw-c-page--MaxWidth: var(--gw-global--breakpoints--hg);
  --gw-c-page--MinWidth: calc(var(--gw-global--breakpoints--tn) - 1rem);  /* consider scrollbars */


  /**
   * Main content
   */

  --gw-c-page__main--ColumnGap: var(--gw-global--content-grid--gutterwidth);
  --gw-c-page__main--TemplateColumns: var(--gw-global--page-grid--TemplateColumns);


  /**
   * Header
   */

  --gw-c-page__header--Height: 5.25rem;  /* 83px */


  /**
   * Page title
   */

  --gw-c-page__main-heading--Color: var(--gw-global--palette-waikawa);

  --gw-c-page__main-heading--tn--FontSize: var(--gw-global--FontSize-title--md);
  --gw-c-page__main-heading--md--FontSize: var(--gw-global--FontSize-title--xl);
  --gw-c-page__main-heading--FontSize: var(--gw-c-page__main-heading--tn--FontSize);

  --gw-c-page__main-heading--tn--MarginTop: 3.375rem;  /* 54px */
  --gw-c-page__main-heading--md--MarginTop: 3.875rem;  /* 62px */
  --gw-c-page__main-heading--MarginTop: calc(var(--gw-c-page__main-heading--tn--MarginTop) + var(--gw-c-page__header--Height));

  --gw-c-page__main-heading--tn--MarginBottom: 2.75rem;  /* 43px */
  --gw-c-page__main-heading--md--MarginBottom: 3.25rem;  /* 50px */
  --gw-c-page__main-heading--MarginBottom: var(--gw-c-page__main-heading--tn--MarginBottom);

  --gw-c-page__main-heading--tn--TextAlign: left;
  --gw-c-page__main-heading--md--TextAlign: center;
  --gw-c-page__main-heading--TextAlign: var(--gw-c-page__main-heading--tn--TextAlign);


  /**
   * Paragraph
   */

  --gw-c-paragraph--LineHeight: 1.562em;  /* 25px */

  --gw-c-paragraph--m-featured--FontSize: 1.33em;
  --gw-c-paragraph--m-featured--FontWeight: var(--gw-global--FontWeight-medium);


  /**
   * Strong text
   */

  --gw-c-strong--FontWeight: var(--gw-global--FontWeight-semibold);


  /**
   * Link
   */

  --gw-c-link--FontWeight: var(--gw-c-strong--FontWeight);

  --gw-c-link__after--BackgroundColor: var(--gw-global--palette-orange);
  --gw-c-link__after--Height: 1px;
  --gw-c-link__after--TransitionDuration: var(--gw-global--Duration--xs);


  /**
   * Figure caption
   */

  --gw-c-page__figure-caption--BackgroundColor: var(--gw-global--palette-waikawa--70);
  --gw-c-page__figure-caption--Color: var(--gw-global--palette-white);
  --gw-c-page__figure-caption--FontSize: var(--gw-global--FontSize-paragraph--sm);
  --gw-c-page__figure-caption--Padding: .5em;
  --gw-c-page__figure-caption--TransitionDuration: var(--gw-global--Duration--xs);
}

/**
 * Medium
 */
@media all and (min-width: 64rem) {
  :root {
    --gw-c-page__main-heading--FontSize: var(--gw-c-page__main-heading--md--FontSize);
    --gw-c-page__main-heading--MarginBottom: var(--gw-c-page__main-heading--md--MarginBottom);
    --gw-c-page__main-heading--MarginTop: calc(var(--gw-c-page__main-heading--md--MarginTop) + var(--gw-c-page__header--Height));
    --gw-c-page__main-heading--TextAlign: var(--gw-c-page__main-heading--md--TextAlign);
  }
}


body, html {
  margin: 0;
}


/**
 * 1: colors
 * 2: typography
 * 3: layout
 */
body {
  align-items: stretch;
  background-color: var(--gw-c-page--BackgroundColor);
  color: var(--gw-c-page--Color);  /* 1 */
  font-family: var(--gw-c-page--FontFamily);  /* 2 */
  font-size: var(--gw-c-page--FontSize);  /* 2 */
  font-weight: var(--gw-c-page--FontWeight);  /* 2 */
  justify-items: stretch;  /* 3 */
  overflow: hidden;
}



/**
 * Page header
 */

#gw-c-page__wrapper > header {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1;
}



/**
 * Content wrapper
 */

#gw-c-page__wrapper {
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  height: 100%;
  width: 100%;
  z-index: 0;
  grid-template-rows: 1fr auto;
}



/**
 * Main content
 */

main {
  align-content: start;
  display: grid;
  grid-auto-flow: dense;
  grid-auto-rows: auto;
  grid-column-gap: var(--gw-c-page__main--ColumnGap);
  grid-template-columns: var(--gw-c-page__main--TemplateColumns);
  z-index: 0;
}

main > * {
  grid-column: var(--gw-u-layout--content--Column);
}



/**
 * Page title
 */

main > h1 {
  color: var(--gw-c-page__main-heading--Color);
  font-size: var(--gw-c-page__main-heading--FontSize);
  margin-bottom: var(--gw-c-page__main-heading--MarginBottom);
  margin-top: var(--gw-c-page__main-heading--MarginTop);
  text-align: var(--gw-c-page__main-heading--TextAlign);
}



/**
 * Paragraph
 * 1: there's no margin fusion here
 */

p {
  line-height: var(--gw-c-paragraph--LineHeight);
}

  p.gw-m-featured {
    font-size: var(--gw-c-paragraph--m-featured--FontSize);
    font-weight: var(--gw-c-paragraph--m-featured--FontWeight);
  }


main > p {
  margin: .5em 0;  /* 1 */
}



/**
 * Strong text
 */

b,
strong {
  font-weight: var(--gw-c-strong--FontWeight);
}



/**
 * Link
 */

a {
  color: inherit;
  display: inline-block;
  font-weight: var(--gw-c-link--FontWeight);
  position: relative;
  text-decoration: none;
}

a::after {
  background-color: var(--gw-c-link__after--BackgroundColor);
  border-radius: calc(var(--gw-c-link__after--Height) / 2);
  bottom: 0;
  content: "";
  height: var(--gw-c-link__after--Height);
  left: 0;
  pointer-events: none;
  position: absolute;
  transition: all var(--gw-c-link__after--TransitionDuration) linear;
  width: 100%;
}

a:hover::after,
a:active::after {
  opacity: 0;
  transform-origin: center;
  transform: scaleX(0);
}



/**
 * Lists
 */

ul > li:nth-child(n+2),
ol > li:nth-child(n+2) {
  /* margin-top: 1em; */ /* too many side effects */
}



/**
 * Image
 */

img {
  height: auto;
  max-width: 100%;
}



/**
 * Figure
 * 1: reset
 * 2: contain caption
 */

figure {
  position: relative;  /* 2 */
  margin: 0;  /* 1 */
}

figure > img {
  display: block;  /* 1 */
}

figure > figcaption {
  background-color: var(--gw-c-page__figure-caption--BackgroundColor);
  bottom: 0;
  box-sizing: border-box;
  color: var(--gw-c-page__figure-caption--Color);
  font-size: var(--gw-c-page__figure-caption--FontSize);
  height: auto;
  left: 0;
  padding: var(--gw-c-page__figure-caption--Padding);
  position: absolute;
  transform-origin: bottom;
  width: 100%;
}

@media (hover:hover) {
  figure > figcaption {
    color: transparent;
    transform: scaleY(0);
    transition:
      transform var(--gw-c-page__figure-caption--TransitionDuration) linear,
      color var(--gw-c-page__figure-caption--TransitionDuration) linear var(--gw-c-page__figure-caption--TransitionDuration);
  }

  figure:hover > figcaption {
    color: var(--gw-c-page__figure-caption--Color);
    transform: scaleY(1);
  }
}



/**
 * Side drawer
 */

body > .gw-c-drawer {
  z-index: 1;
}

/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/main/forms.css ***!
  \*****************************************************************************/
/**
 * Form styles
 */

:root {
  /**
   * Form widgets
   */

  --gw-c-page__form-widget--AccentColor: var(--gw-global--palette-waikawa);


  /**
   * Wide form widgets:
   * - text input
   * - email input
   * - number input
   * - text area
   * - select
   */

  --gw-c-page__form-widget-wide--BorderColor: var(--gw-c-page__form-widget--AccentColor);
  --gw-c-page__form-widget-wide--BorderRadius: calc(1em + var(--gw-c-page__form-widget-wide--PaddingTop));
  --gw-c-page__form-widget-wide--PaddingLeft: 1.1em;
  --gw-c-page__form-widget-wide--PaddingTop: .42em;
  --gw-c-page__form-widget-wide--BackgroundColor: var(--gw-global--palette-white);


  /**
   * Select
   */

  --gw-c-page__form-widget-select--icon-width: 1em;

  --gw-c-page__form-widget-select--BackgroundImage: url("data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2013%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%235d6899%22%20d%3D%22M7.018%2C7.308c-0.292%2C0.292%20-0.766%2C0.292%20-1.058%2C-0l-5.291%2C-5.291c-0.292%2C-0.292%20-0.292%2C-0.766%20-0%2C-1.058c0.292%2C-0.292%200.765%2C-0.292%201.058%2C0l4.762%2C4.762l4.759%2C-4.759c0.292%2C-0.293%200.766%2C-0.293%201.058%2C-0c0.292%2C0.292%200.292%2C0.765%20-0%2C1.058l-5.288%2C5.288Z%22%2F%3E%3C%2Fsvg%3E");
  --gw-c-page__form-widget-select--BackgroundSize: var(--gw-c-page__form-widget-select--icon-width) auto;
  --gw-c-page__form-widget-select--Color: var(--gw-global--palette-waikawa);


  /**
   * Range input
   */

  --gw-c-page__form-widget-range-bar--BackgroundColor: var(--gw-global--palette-waikawa--70);
  --gw-c-page__form-widget-range-bar--Height: .125rem;  /* 2px */

  --gw-c-page__form-widget-range-thumb--Width: .625rem;  /* 10px */
  --gw-c-page__form-widget-range-thumb--TransitionDuration: var(--gw-global--Duration--xs);
}



/**
 * Form widgets
 */

input,
textarea,
select {
  accent-color: var(--gw-c-page__form-widget--AccentColor);
}



/**
 * Wide form widgets
 */

input[type="text"],
input[type="email"],
input[type="number"],
textarea,
select {
  background-color: var(--gw-c-page__form-widget-wide--BackgroundColor);
  border-radius: var(--gw-c-page__form-widget-wide--BorderRadius);
  border: 1px solid var(--gw-c-page__form-widget-wide--BorderColor);
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  padding: var(--gw-c-page__form-widget-wide--PaddingTop) var(--gw-c-page__form-widget-wide--PaddingLeft);
}



/**
 * Select
 */

select {
  appearance: none;
  background-image: var(--gw-c-page__form-widget-select--BackgroundImage);
  background-position: calc(100% - var(--gw-c-page__form-widget-wide--PaddingLeft)) center;
  background-repeat: no-repeat;
  background-size: var(--gw-c-page__form-widget-select--BackgroundSize);
  color: var(--gw-c-page__form-widget-select--Color);
  cursor: pointer;
  padding-right: calc(2 * var(--gw-c-page__form-widget-wide--PaddingLeft) + var(--gw-c-page__form-widget-select--icon-width));
}



/**
 * Range input
 */

input[type="range"] {
  position: relative;
  appearance: none;
  background-color: var(--gw-c-page__form-widget-range-bar--BackgroundColor);
  height: var(--gw-c-page__form-widget-range-bar--Height);
  cursor: pointer;
}


/**
 * Range input thumb
 */

/** Safari and Google Chrome */
input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  background-color: var(--gw-global--palette-white);
  border-radius: 50%;
  border: 2px solid var(--gw-c-page__form-widget--AccentColor);
  box-sizing: border-box;
  cursor: grab;
  height: var(--gw-c-page__form-widget-range-thumb--Width);
  transition: transform var(--gw-c-page__form-widget-range-thumb--TransitionDuration) linear;
  width: var(--gw-c-page__form-widget-range-thumb--Width);
}

  input[type="range"]::-webkit-slider-thumb:hover {
    transform: scale(1.2);
  }

  input[type="range"]::-webkit-slider-thumb:active {
    cursor: grabbing;
  }

/** Firefox */
input[type="range"]::-moz-range-thumb {
  appearance: none;
  background-color: var(--gw-global--palette-white);
  border-radius: 50%;
  border: 2px solid var(--gw-c-page__form-widget--AccentColor);
  box-sizing: border-box;
  cursor: grab;
  height: var(--gw-c-page__form-widget-range-thumb--Width);
  transition: transform var(--gw-global--Duration--xs) linear;
  width: var(--gw-c-page__form-widget-range-thumb--Width);
}

  input[type="range"]::-moz-range-thumb:hover {
    transform: scale(1.2);
  }

  input[type="range"]::-moz-range-thumb:active {
    cursor: grabbing;
  }

/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/main/_main.css ***!
  \**************************************************************************************************************************************************************/
/**
 * Main stylesheet
 */

/*# sourceMappingURL=main.css.map*/