@front10/landing-page-book/dist/themes/minecraft/index.css

A react library for landing page

/*Variables*/
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5TRF.ttf) format('truetype');
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/* Based on Sublime Text's Monokai theme */

.cm-s-monokai.CodeMirror { background: #272822; color: #f8f8f2; }
.cm-s-monokai div.CodeMirror-selected { background: #49483E; }
.cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line > span::selection, .cm-s-monokai .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); }
.cm-s-monokai .CodeMirror-line::-moz-selection, .cm-s-monokai .CodeMirror-line > span::-moz-selection, .cm-s-monokai .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); }
.cm-s-monokai .CodeMirror-gutters { background: #272822; border-right: 0px; }
.cm-s-monokai .CodeMirror-guttermarker { color: white; }
.cm-s-monokai .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
.cm-s-monokai .CodeMirror-linenumber { color: #d0d0d0; }
.cm-s-monokai .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }

.cm-s-monokai span.cm-comment { color: #75715e; }
.cm-s-monokai span.cm-atom { color: #ae81ff; }
.cm-s-monokai span.cm-number { color: #ae81ff; }

.cm-s-monokai span.cm-comment.cm-attribute { color: #97b757; }
.cm-s-monokai span.cm-comment.cm-def { color: #bc9262; }
.cm-s-monokai span.cm-comment.cm-tag { color: #bc6283; }
.cm-s-monokai span.cm-comment.cm-type { color: #5998a6; }

.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute { color: #a6e22e; }
.cm-s-monokai span.cm-keyword { color: #f92672; }
.cm-s-monokai span.cm-builtin { color: #66d9ef; }
.cm-s-monokai span.cm-string { color: #e6db74; }

.cm-s-monokai span.cm-variable { color: #f8f8f2; }
.cm-s-monokai span.cm-variable-2 { color: #9effff; }
.cm-s-monokai span.cm-variable-3, .cm-s-monokai span.cm-type { color: #66d9ef; }
.cm-s-monokai span.cm-def { color: #fd971f; }
.cm-s-monokai span.cm-bracket { color: #f8f8f2; }
.cm-s-monokai span.cm-tag { color: #f92672; }
.cm-s-monokai span.cm-header { color: #ae81ff; }
.cm-s-monokai span.cm-link { color: #ae81ff; }
.cm-s-monokai span.cm-error { background: #f92672; color: #f8f8f0; }

.cm-s-monokai .CodeMirror-activeline-background { background: #373831; }
.cm-s-monokai .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

.gif_player {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }
  .gif_player .play_button {
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px dashed #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5);
    color: #fff;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    left: 50%;
    opacity: 1;
    padding: 14px 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    transition: transform 0.4s, opacity 0.4s; }
    .gif_player .play_button:hover {
      background-color: rgba(0, 0, 0, 0.7);
      box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.7); }
    .gif_player .play_button::after {
      content: "GIF"; }
  .gif_player.playing .play_button {
    transform: translate(-50%, -50%) scale(0) rotate(180deg);
    opacity: 0.5; }
  .gif_player img {
    max-width: 100%; }

.flag-select {
  position: relative;
  display: inline-block;
  vertical-align: inherit;
  padding-bottom: 5px;
  color: #4d4d4d;
  text-align: left; }
  .flag-select img {
    width: 1.3em;
    height: 1.3em;
    position: relative;
    top: 0.3em; }
  .flag-select .selected--flag--option {
    cursor: pointer;
    padding: 0 8px; }
    .flag-select .selected--flag--option:before {
      content: ' ';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 999; }
    .flag-select .selected--flag--option:focus {
      outline: none; }
    .flag-select .selected--flag--option .country-label {
      padding-left: 9px; }
  .flag-select .country-flag {
    cursor: pointer; }
    .flag-select .country-flag .country-label {
      font-size: 1em;
      position: relative; }
  .flag-select .flag-options {
    position: absolute;
    z-index: 999999;
    border: 1px solid #bdbbbb;
    border-radius: 3px;
    background: #ffffff;
    margin-top: 8px;
    padding: 8px 0;
    max-height: 160px;
    overflow: auto; }
    .flag-select .flag-options.to--left {
      right: 10px; }
  .flag-select .flag-option {
    cursor: pointer;
    padding: 0px 8px 3px 8px;
    margin: 4px 0;
    white-space: nowrap; }
    .flag-select .flag-option.has-label {
      padding: 0px 20px 3px 8px; }
    .flag-select .flag-option:hover {
      background: #eaeaea; }
    .flag-select .flag-option:focus {
      outline: none;
      background: #eaeaea; }
    .flag-select .flag-option .country-label {
      padding: 0 9px; }
  .flag-select .filterBox {
    width: 100%; }
    .flag-select .filterBox input {
      width: 90%;
      margin: 0 4%; }
      .flag-select .filterBox input:focus {
        outline: none; }
  .flag-select .arrow-down {
    color: #4d4d4d;
    padding: 2px; }
  .flag-select .hidden {
    display: none; }
  .flag-select .no--focus {
    pointer-events: none; }

body {
  /*Colors*/
  --green-light: #64fd1f;
  --green-medium: #36b030;
  --green-dark: rgba(21, 108, 0, 0.5);
  --brown-dark: #5a412a;
  --brown-medium: #79593a;
  --brown-light: #b98759;
  --terrain: #868686;
  --gray-dark: #313131;
  --gray-light: #313131;
  --white: white;
  --grey: #cccccc;
  --button-shadow: 0 -4px var(--green-dark) inset, 0 4px var(--green-light) inset,
    -4px 0 var(--green-light) inset, 4px 0 var(--green-dark) inset;
  --button-shadow-hover: 0 -4px rgba(0, 0, 0, 0.5) inset, 0 4px rgba(255, 255, 255, 0.2) inset,
    -4px 0 rgba(255, 255, 255, 0.2) inset, 4px 0 rgba(0, 0, 0, 0.5) inset;
  --img-background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAAGQBAMAAACkCxkHAAAAGFBMVEUcHBwfHx8lJSUYGBgkJCQdHR0ZGRkmJia0pFU3AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EMBggXEZB3JYYAAAQcSURBVHja7d1BTsMwEAXQFMS+LRegBfYFLoAQV0DcgPsfgSWThdEY24WE97etE3+/LkfutAvZTrXZxOXHUp5CHuMHHV++lh4TECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAAZB7JLbauY1NsvUo+K1R9S576WHkCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAFkxyN1rJqkiV29feY+rX84AsrAesyLXcX1xW/FLp9SvKW7xJnWKMfu4PLViyT2AAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBMhAkMbqP3h7UzaDCH+1BxAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAORdIzPM0Jsem3KZOcWE9gAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgRIZ5BiUhN/29R+UzOCuVHA4p/Lrr4HECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAD5WY/iPF19kbZHzVI/8beWHkCAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECpDNI/X7bcpm7z65pDnHJPYAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQKkushHyFt1/g7IoB65/8ItzgjeV/9698cxWUsPIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAEyEKTjYN8mPrf4x6/1L38Jez+cYUDx7D2AAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBMhAkFniON1N6bkXpQG82YpY5BQ/SM3yHXZNWVgPIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAHSGSQ1jTdfUhrsS51J8V6+YnIX9q2lBxAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAA6QwSl3S8Gm9KDfZ1vH5vLT2AAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBMhAkP2xKfVnUrwzr214cMk9gAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgTIQJDdoFHAtuPdVk8uLrkHECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgADpDFKfOKb3WNrJYdBhFZf/3x5AgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAuS7Hp+wZlvFGj0HXgAAAABJRU5ErkJggg==');
  /*Footer*/
  --Footer-backgroundImage: var(--img-background);
  /*Button*/
  --Button-fontSize: 1.2rem;
  --Button-padding: 0.8rem 1.5rem;
  --Button-textShadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  --Button-backgroundColor: var(--green-medium);
  --Button-borderColor: var(--green-medium);
  --Button-boxShadow: var(--button-shadow);
  --Button-textTransform: uppercase;
  --Button-textColor: var(--white);
  --Button-backgroundColorHover: var(--gray-dark);
  --Button-boxShadowHover: var(--button-shadow-hover);
  /*Features*/
  --Features__CardFooter__Link-padding: 0.8rem 1.5rem;
  --Features__CardFooter__Link-box-shadow: var(--button-shadow);
  --Features__CardFooter__Link-background-color: var(--green-medium);
  --Features__CardFooter__Link-color: var(--white);
  --Features__CardFooter__Link-fontSize: 0.58rem;
  --Features__CardFooter__Link-box-shadow-hover: var(--button-shadow-hover);
  --Features__CardFooter__Link-background-color-hover: var(--gray-dark);
  --ContactUs__SubmitButton-backgroundColor: var(--green-medium);
  /*CodeMirror*/
  --CodeMirror__Btn-background-color: var(--green-medium);
  --CodeMirror__Btn-padding: 6px 30px;
  /*Github*/
  --GithubDetail_btn-backgroundColor: var(--green-medium);
  --GithubDetail__countbubble-backgroundColor: var(--green-medium);
  --GithubDetail_Btn-boxShadow: var(--button-shadow);
  --GithubDetail_btn-Color: var(--white);
  --GithubDetail_Btn-boxShadow--hover: var(--button-shadow-hover);
  --GithubDetail_Btn-backgroundColor--hover: var(--gray-dark);
  --GithubDetail_Btn-padding: 0.8rem 1.5rem;
  --GithubDetail_Btn-textTransform: uppercase;
  --GithubDetail_Btn-border: none;
  --GithubDetail_Btn-fontSize: 1.2rem;
  --GithubDetail_Btn-textShadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  --GithubDetail__countbubble-padding: 14px 15px 18px 10px;
  /*Navbar*/
  --Navbar-backgroundImage: var(--img-background);
  --Hero__Button-backgroundColor: var(--green-medium);
  --Hero__Button-color: var(--white);
  /*Section*/
  --Section__Subtitle-color: var(--terrain);
  --Section--gray-backgroundImage: url('data:image/png;base64,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8W4fccaI38eIM6p8P/r/RT3i1+EMAgQIECBAgAABAgReQkABeYmYXJIAAQIECBAgQIBADQEFpEaOpiBAgAABAgQIECDwEgIKyEvE5JIECBAgQIAAAQIEaggoIDVyNAUBAgQIECBAgACBlxBQQF4iJpckQIAAAQIECBAgUENAAamRoykIECBAgAABAgQIvISAAvISMbkkAQIECBAgQIAAgRoCCkiNHE1BgAABAgQIECBA4CUEFJCXiMklCRAgQIAAAQIECNQQUEBq5GgKAgQIECBAgAABAi8hoIC8REwuSYAAAQIECBAgQKCGgAJSI0dTECBAgAABAgQIEHgJAQXkJWJySQIECBAgQIAAAQI1BBSQGjmaggABAgQIECBAgMBLCCggLxGTSxIgQIAAAQIECBCoIaCA1MjRFAQIECBAgAABAgReQkABeYmYXJIAAQIECBAgQIBADQEFpEaOpiBAgAABAgQIECDwEgIKyEvE5JIECBAgQIAAAQIEaggoIDVyNAUBAgQIECBAgACBlxBQQF4iJpckQIAAAQIECBAgUENAAamRoykIECBAgAABAgQIvISAAvISMbkkAQIECBAgQIAAgRoCx8vl0n2S2+3W/Yzz+dz9jOv12v2MEXl0H+LPAff7vfsxx+Ox+xkjnquPj4/uc4w4YEQe0zR1H+Xr66v7GcuydD9jnucSZ/h+xGP0/YhbjXhf+X7kysP3I57HiO+HfwGJ52ElAQIECBAgQIAAAQKNAgpII6DtBAgQIECAAAECBAjEBRSQuJWVBAgQIECAAAECBAg0CiggjYC2EyBAgAABAgQIECAQF1BA4lZWEiBAgAABAgQIECDQKKCANALaToAAAQIECBAgQIBAXEABiVtZSYAAAQIECBAgQIBAo4AC0ghoOwECBAgQIECAAAECcQEFJG5lJQECBAgQIECAAAECjQIKSCOg7QQIECBAgAABAgQIxAUUkLiVlQQIECBAgAABAgQINAooII2AthMgQIAAAQIECBAgEBdQQOJWVhIgQIAAAQIECBAg0CiggDQC2k6AAAECBAgQIECAQFxAAYlbWUmAAAECBAgQIECAQKOAAtIIaDsBAgQIECBAgAABAnEBBSRuZSUBAgQIECBAgAABAo0CCkgjoO0ECBAgQIAAAQIECMQFFJC4lZUECBAgQIAAAQIECDQKKCCNgLYTIECAAAECBAgQIBAXUEDiVlYSIECAAAECBAgQINAooIA0AtpOgAABAgQIECBAgEBcQAGJW1lJgAABAgQIECBAgECjgALSCGg7AQIECBAgQIAAAQJxgen3799LfHneld/f390v9/7+3v2MEXPM89x9jmmaup8x4oD7/d79mBF5jJhjWfq/Sh6PR4k8Rvw+qpzRPfA/B4x47/p+xJMc8ezGb7N+5Yj3ru9HPB/fj7jViN+gfwGJ52ElAQIECBAgQIAAAQKNAgpII6DtBAgQIECAAAECBAjEBRSQuJWVBAgQIECAAAECBAg0CiggjYC2EyBAgAABAgQIECAQF1BA4lZWEiBAgAABAgQIECDQKKCANALaToAAAQIECBAgQIBAXEABiVtZSYAAAQIECBAgQIBAo4AC0ghoOwECBAgQIECAAAECcQEFJG5lJQECBAgQIECAAAECjQIKSCOg7QQIECBAgAABAgQIxAUUkLiVlQQIECBAgAABAgQINAooII2AthMgQIAAAQIECBAgEBdQQOJWVhIgQIAAAQIECBAg0CiggDQC2k6AAAECBAgQIECAQFxAAYlbWUmAAAECBAgQIECAQKOAAtIIaDsBAgQIECBAgAABAnEBBSRuZSUBAgQIECBAgAABAo0CCkgjoO0ECBAgQIAAAQIECMQFFJC4lZUECBAgQIAAAQIECDQKKCCNgLYTIECAAAECBAgQIBAXUEDiVlYSIECAAAECBAgQINAooIA0AtpOgAABAgQIECBAgEBcQAGJW1lJgAABAgQIECBAgECjgALSCGg7AQIECBAgQIAAAQJxgemff/5Z4svXrTyfz+s2PrFrmqYnVq9ber/f121MtmvEHIdD/277eDy6y454rroP8eeAy+XS/Zhl6f4qefv5+ek+xzzP3c8Y8exWycP3o/vj+NQBvh9xLt+PuFWV95XvRzzz/n8lxu9iJQECBAgQIECAAAECxQUUkOIBG48AAQIECBAgQIBAJgEFJFMa7kKAAAECBAgQIECguIACUjxg4xEgQIAAAQIECBDIJKCAZErDXQgQIECAAAECBAgUF1BAigdsPAIECBAgQIAAAQKZBBSQTGm4CwECBAgQIECAAIHiAgpI8YCNR4AAAQIECBAgQCCTgAKSKQ13IUCAAAECBAgQIFBcQAEpHrDxCBAgQIAAAQIECGQSUEAypeEuBAgQIECAAAECBIoLKCDFAzYeAQIECBAgQIAAgUwCCkimNNyFAAECBAgQIECAQHEBBaR4wMYjQIAAAQIECBAgkElAAcmUhrsQIECAAAECBAgQKC6ggBQP2HgECBAgQIAAAQIEMgkoIJnScBcCBAgQIECAAAECxQUUkOIBG48AAQIECBAgQIBAJgEFJFMa7kKAAAECBAgQIECguIACUjxg4xEgQIAAAQIECBDIJKCAZErDXQgQIECAAAECBAgUF1BAigdsPAIECBAgQIAAAQKZBBSQTGm4CwECBAgQIECAAIHiAgpI8YCNR4AAAQIECBAgQCCTwPHPf93v8/Pz0/2MEXMsy9J9jmmaup8xYo4Redxut+5W8zyXOON6vXafY8RzNSKPEXOMeCdeLpfumY84YITViPfViOfK9yP+RPp+xK18P+JWI37nI96JI74f/gUk/lxZSYAAAQIECBAgQIBAo4AC0ghoOwECBAgQIECAAAECcQEFJG5lJQECBAgQIECAAAECjQIKSCOg7QQIECBAgAABAgQIxAUUkLiVlQQIECBAgAABAgQINAooII2AthMgQIAAAQIECBAgEBdQQOJWVhIgQIAAAQIECBAg0CiggDQC2k6AAAECBAgQIECAQFxAAYlbWUmAAAECBAgQIECAQKOAAtIIaDsBAgQIECBAgAABAnEBBSRuZSUBAgQIECBAgAABAo0CCkgjoO0ECBAgQIAAAQIECMQFFJC4lZUECBAgQIAAAQIECDQKKCCNgLYTIECAAAECBAgQIBAXUEDiVlYSIECAAAECBAgQINAooIA0AtpOgAABAgQIECBAgEBcQAGJW1lJgAABAgQIECBAgECjgALSCGg7AQIECBAgQIAAAQJxAQUkbmUlAQIECBAgQIAAAQKNAgpII6DtBAgQIECAAAECBAjEBRSQuJWVBAgQIECAAAECBAg0CiggjYC2EyBAgAABAgQIECAQF1BA4lZWEiBAgAABAgQIECDQKKCANALaToAAAQIECBAgQIBAXOA4z3N89cqV0zSt3Bnfdjwe44tXrjwcavS1+/2+UiC+rUrmI34fy7LEYVeuHHHGCKvH47FSINe20+nU/UJfX1/dz7hcLt3PqPIu8f2IPypVMh/xThzxbh9xxggr34/4b3DE96PGX9RxUysJECBAgAABAgQIENhQQAHZEN/RBAgQIECAAAECBPYm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wN4EFJC9JW5eAgQIECBAgAABAhsKKCAb4juaAAECBAgQIECAwN4EFJC9JW5eAgQIECBAgAABAhsKKCAb4juaAAECBAgQIECAwN4EFJC9JW5eAgQIECBAgAABAhsKKCAb4juaAAECBAgQIECAwN4EFJC9JW5eAgQIECBAgAABAhsKKCAb4juaAAECBAgQIECAwN4EFJC9JW5eAgQIECBAgAABAhsKKCAb4juaAAECBAgQIECAwN4EFJC9JW5eAgQIECBAgAABAhsKKCAb4juaAAECBAgQIECAwN4EFJC9JW5eAgQIECBAgAABAhsKKCAb4juaAAECBAgQIECAwN4EFJC9JW5eAgQIECBAgAABAhsKKCAb4juaAAECBAgQIECAwN4EFJC9JW5eAgQIECBAgAABAhsKKCAb4juaAAECBAgQIECAwN4Epv/++2/pPfSydD/i7XQ69R7j7ePjo/sZv3796n7GiDx+fn66zzHigBFzjHh2R1jd7/fux5zP5+5nPB6P7meMsBpxxuVy6W414n014jfo+xF/VEa8d+O3Wb9yxBwjnt31AvGdI95Xvh+58vAvIPE8rCRAgAABAgQIECBAoFFAAWkEtJ0AAQIECBAgQIAAgbiAAhK3spIAAQIECBAgQIAAgUYBBaQR0HYCBAgQIECAAAECBOICCkjcykoCBAgQIECAAAECBBoFFJBGQNsJECBAgAABAgQIEIgLKCBxKysJECBAgAABAgQIEGgUUEAaAW0nQIAAAQIECBAgQCAuoIDErawkQIAAAQIECBAgQKBRQAFpBLSdAAECBAgQIECAAIG4gAISt7KSAAECBAgQIECAAIFGAQWkEdB2AgQIECBAgAABAgTiAgpI3MpKAgQIECBAgAABAgQaBRSQRkDbCRAgQIAAAQIECBCICyggcSsrCRAgQIAAAQIECBBoFFBAGgFtJ0CAAAECBAgQIEAgLqCAxK2sJECAAAECBAgQIECgUUABaQS0nQABAgQIECBAgACBuIACEreykgABAgQIECBAgACBRgEFpBHQdgIECBAgQIAAAQIE4gIKSNzKSgIECBAgQIAAAQIEGgUUkEZA2wkQIECAAAECBAgQiAsoIHErKwkQIECAAAECBAgQaBRQQBoBbSdAgAABAgQIECBAIC5wvN1u8dUrVx4O/XvO5+fnytvFt83zHF+8cuXj8Vi5M75txBnx2+ReOSLz8/ncHeHj46P7Ge/v793P+P7+7n7GiPfVsizd5xjxXPl+xGMc8S4Z8W4fcUZcNffKEZmP+J37fsSfM9+PJ6ziS60kQIAAAQIECBAgQIBAm0D/f5pou5/dBAgQIECAAAECBAgUElBACoVpFAIECBAgQIAAAQLZBRSQ7Am5HwECBAgQIECAAIFCAgpIoTCNQoAAAQIECBAgQCC7gAKSPSH3I0CAAAECBAgQIFBIQAEpFKZRCBAgQIAAAQIECGQXUECyJ+R+BAgQIECAAAECBAoJKCCFwjQKAQIECBAgQIAAgewCCkj2hNyPAAECBAgQIECAQCEBBaRQmEYhQIAAAQIECBAgkF1AAcmekPsRIECAAAECBAgQKCSggBQK0ygECBAgQIAAAQIEsgsoINkTcj8CBAgQIECAAAEChQQUkEJhGoUAAQIECBAgQIBAdgEFJHtC7keAAAECBAgQIECgkIACUihMoxAgQIAAAQIECBDILqCAZE/I/QgQIECAAAECBAgUElBACoVpFAIECBAgQIAAAQLZBRSQ7Am5HwECBAgQIECAAIFCAgpIoTCNQoAAAQIECBAgQCC7gAKSPSH3I0CAAAECBAgQIFBIQAEpFKZRCBAgQIAAAQIECGQXUECyJ+R+BAgQIECAAAECBAoJ/B/OHsOQ0xxUKQAAAABJRU5ErkJggg=='); }

body * {
  font-family: 'Noto Sans', sans-serif; }

h1, h2, h3, h4 {
  text-transform: uppercase; }

h1, .h1 {
  font-size: 2.25rem; }

h2, .h2 {
  font-size: 1.75rem; }

h3, .h3 {
  font-size: 1.2rem; }

h4, .h4 {
  font-size: 1rem; }

h5, .h5 {
  font-size: 1rem; }

h6, .h6 {
  font-size: 0.75rem; }

.btn {
  font-weight: 700; }

/*Components*/
:root {
  --Backers__Image-width: 50px;
  --Backers__Image-height: 50px; }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: var(--Image-boxShadow); }

.ImageList {
  display: inline-flex;
  flex-wrap: wrap; }
  .ImageList .ImageList__Container {
    margin-left: auto;
    margin-right: auto; }
    .ImageList .ImageList__Container img {
      max-width: 100px; }
  .ImageList .ImageList__Container--grayScale img {
    filter: grayscale(1); }

.Backers .ImageList .ImageList__Container {
  margin: 2px; }
  .Backers .ImageList .ImageList__Container img,
  .Backers .ImageList .ImageList__Container svg {
    width: var(--Backers__Image-width);
    height: var(--Backers__Image-height); }

.Browser .Browser__Icon {
  width: 50px;
  height: 50px; }

.Browser .Browser__Text {
  font-size: .7rem; }

.Browser .Browser__Version {
  font-size: .6rem; }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: var(--Image-boxShadow); }

.ImageList {
  display: inline-flex;
  flex-wrap: wrap; }
  .ImageList .ImageList__Container {
    margin-left: auto;
    margin-right: auto; }
    .ImageList .ImageList__Container img {
      max-width: 100px; }
  .ImageList .ImageList__Container--grayScale img {
    filter: grayscale(1); }

:root {
  --Card__Summary-fontSize: 0.8rem;
  --Card__Title-fontSize: 1.2rem;
  --Card__Subtitle-fontSize: 0.9rem;
  --Card-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: var(--Image-boxShadow); }

.Card {
  border: none;
  background-color: transparent; }
  .Card .Card__Summary {
    font-size: var(--Card__Summary-fontSize); }
  .Card .Card__Summary--justified {
    text-align: justify; }
  .Card .Card__Title {
    font-size: var(--Card__Title-fontSize); }
  .Card .Card__Subtitle {
    font-size: var(--Card__Subtitle-fontSize); }

.Card--shadow {
  box-shadow: var(--Card-boxShadow); }

:root {
  --CodeMirror__header_height: 30px;
  --CodeMirror__height: auto;
  --CodeMirror__font_family: Lato;
  --CodeMirror__Container-border: solid 1px #304148;
  --CodeMirror-fontSize: 16px;
  --CodeMirror-borderRadius: 5px; }

:root {
  --Navbar-backgroundImage: none;
  --Navbar--backgroundColor: rgba(250, 250, 250, 0.9);
  --Navbar--boxShadow: rgba(0, 0, 0, 0.124); }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: var(--Image-boxShadow); }

.Navbar {
  background-image: var(--Navbar-backgroundImage); }
  .Navbar .NavbarLink,
  .Navbar .Navbar__Toggler,
  .Navbar .NavbarBrand {
    cursor: pointer; }
    @media (max-width: 768px) {
      .Navbar .NavbarLink img,
      .Navbar .Navbar__Toggler img,
      .Navbar .NavbarBrand img {
        padding: 0rem 1rem; } }
  .Navbar .NavbarBrand .Logo {
    max-height: 60px; }
  .Navbar .LanguageSwitcher,
  .Navbar .nav-item {
    padding: 0.5rem 1rem; }
    .Navbar .LanguageSwitcher .flag-select,
    .Navbar .nav-item .flag-select {
      padding: 0.5rem 0rem; }
      .Navbar .LanguageSwitcher .flag-select .selected--flag--option,
      .Navbar .nav-item .flag-select .selected--flag--option {
        padding: 0px; }

.Navbar--transparent {
  background-color: transparent; }

.Navbar.navbar-down {
  box-shadow: 0 0 4px var(--Navbar--boxShadow), 0 4px 8px var(--Navbar--boxShadow); }

.Navbar.Navbar--transparent.navbar-down {
  background-color: var(--Navbar--backgroundColor) !important; }

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0px;
    padding-left: 0px; } }

a[disabled] {
  pointer-events: none; }

a span {
  margin: 0px 5px; }

.CodeMirror__header,
.CodeMirror__footer {
  height: var(--CodeMirror__header_height); }

.CodeMirror__Container {
  border: var(--CodeMirror__Container-border);
  border-radius: var(--CodeMirror-borderRadius); }

.CodeMirror {
  height: var(--CodeMirror__height) !important; }

.ReactCodeMirror {
  font-size: var(--CodeMirror-fontSize); }

:root {
  --ContactInfo__Information-fontSize: 0.7rem; }

:root {
  --Card__Summary-fontSize: 0.8rem;
  --Card__Title-fontSize: 1.2rem;
  --Card__Subtitle-fontSize: 0.9rem;
  --Card-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: var(--Image-boxShadow); }

.Card {
  border: none;
  background-color: transparent; }
  .Card .Card__Summary {
    font-size: var(--Card__Summary-fontSize); }
  .Card .Card__Summary--justified {
    text-align: justify; }
  .Card .Card__Title {
    font-size: var(--Card__Title-fontSize); }
  .Card .Card__Subtitle {
    font-size: var(--Card__Subtitle-fontSize); }

.Card--shadow {
  box-shadow: var(--Card-boxShadow); }

.ContactInfo__Information {
  font-size: var(--ContactInfo__Information-fontSize);
  line-height: 2rem; }
  .ContactInfo__Information i {
    width: 25px; }

:root {
  --Footer-backgroundImage: none;
  --Footer__Sections__Header-fontSize: 1.5rem;
  --Footer__Sections__Link-fontSize: 0.8rem;
  --Footer__Copyright-fontSize: 0.8rem; }

.SocialMediaShareButton {
  display: inline-block;
  cursor: pointer; }
  .SocialMediaShareButton div {
    width: 30px !important;
    height: 30px !important; }
  .SocialMediaShareButton svg {
    width: 30px;
    height: 30px; }

.SocialMediaShareButton--grayScale svg {
  filter: grayscale(1); }

.Footer {
  padding: 2.5rem 0;
  text-align: center;
  background-image: var(--Footer-backgroundImage); }
  .Footer .Footer__Copyright {
    font-size: var(--Footer__Copyright-fontSize); }
  .Footer .Footer__Sections__Header {
    font-size: var(--Footer__Sections__Header-fontSize); }
  .Footer a {
    font-size: var(--Footer__Sections__Link-fontSize); }

.Gif .gif_player {
  width: 100%; }
  .Gif .gif_player img {
    width: 100%;
    height: auto; }

.speech-bubble {
  position: relative;
  margin-left: 10px; }

.speech-bubble:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: transparent #f8f9fa transparent transparent;
  border-left: 0;
  margin-top: -7px;
  margin-left: -8px;
  z-index: 999; }

.speech-bubble.btn-primary:after {
  border-color: transparent #007bff transparent transparent; }

.speech-bubble.btn-secondary:after {
  border-color: transparent #6c757d transparent transparent; }

.speech-bubble.btn-success:after {
  border-color: transparent #28a745 transparent transparent; }

.speech-bubble.btn-info:after {
  border-color: transparent #17a2b8 transparent transparent; }

.speech-bubble.btn-warning:after {
  border-color: transparent #ffc107 transparent transparent; }

.speech-bubble.btn-danger:after {
  border-color: transparent #dc3545 transparent transparent; }

.speech-bubble.btn-light:after {
  border-color: transparent #f8f9fa transparent transparent; }

.speech-bubble.btn-dark:after {
  border-color: transparent #343a40 transparent transparent; }

:root {
  --Navbar-backgroundImage: none;
  --Navbar--backgroundColor: rgba(250, 250, 250, 0.9);
  --Navbar--boxShadow: rgba(0, 0, 0, 0.124); }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: var(--Image-boxShadow); }

.Navbar {
  background-image: var(--Navbar-backgroundImage); }
  .Navbar .NavbarLink,
  .Navbar .Navbar__Toggler,
  .Navbar .NavbarBrand {
    cursor: pointer; }
    @media (max-width: 768px) {
      .Navbar .NavbarLink img,
      .Navbar .Navbar__Toggler img,
      .Navbar .NavbarBrand img {
        padding: 0rem 1rem; } }
  .Navbar .NavbarBrand .Logo {
    max-height: 60px; }
  .Navbar .LanguageSwitcher,
  .Navbar .nav-item {
    padding: 0.5rem 1rem; }
    .Navbar .LanguageSwitcher .flag-select,
    .Navbar .nav-item .flag-select {
      padding: 0.5rem 0rem; }
      .Navbar .LanguageSwitcher .flag-select .selected--flag--option,
      .Navbar .nav-item .flag-select .selected--flag--option {
        padding: 0px; }

.Navbar--transparent {
  background-color: transparent; }

.Navbar.navbar-down {
  box-shadow: 0 0 4px var(--Navbar--boxShadow), 0 4px 8px var(--Navbar--boxShadow); }

.Navbar.Navbar--transparent.navbar-down {
  background-color: var(--Navbar--backgroundColor) !important; }

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0px;
    padding-left: 0px; } }

:root {
  --Hero__Header-fontSize: 75px;
  --Hero__Header--phone-fontSize: 30px;
  --Hero__SubHeader-fontSize: 40px;
  --Hero__SubHeader--phone-fontSize: 20px; }

.Hero .Hero__Header {
  font-size: var(--Hero__Header-fontSize); }

.Hero .Hero__SubHeader {
  font-size: var(--Hero__SubHeader-fontSize); }

.Hero .Hero__Particles {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1; }
  .Hero .Hero__Particles div {
    height: 100%; }

.Hero .Hero__Container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2; }
  .Hero .Hero__Container .container {
    margin: auto; }

.Hero .sc-htpNat {
  opacity: 1; }

@media (max-width: 768px) {
  .Hero__Header {
    font-size: var(--Hero__Header--phone-fontSize) !important; }
  .Hero__SubHeader {
    font-size: var(--Hero__SubHeader--phone-fontSize) !important; } }

:root {
  --Input-borderRadius: 0.25rem;
  --Input-fontSize: 0.9rem;
  --Input-color: rgba(0, 0, 0, 0.8); }

:root {
  --Label-fontSize: 1rem;
  --Label-color: rgba(0,0,0,0.7); }

.Label {
  font-size: var(--Label-fontSize);
  color: var(--Label-color); }

.Input__Container {
  position: relative; }
  .Input__Container .Input__Container__Conponent {
    border-radius: var(--Input-borderRadius);
    font-size: var(--Input-fontSize);
    color: var(--Input-color); }
  .Input__Container .Input__Container__Icon {
    position: absolute;
    font-size: var(--Input-fontSize);
    top: 30%;
    color: var(--Input-color); }
  .Input__Container .Input__Container__Conponent--left {
    padding-left: 30px; }
  .Input__Container .Input__Container__Conponent--right {
    padding-right: 30px; }
  .Input__Container .Input__Container__Icon--left {
    left: 10px; }
  .Input__Container .Input__Container__Icon--right {
    right: 10px; }

:root {
  --Label-fontSize: 1rem;
  --Label-color: rgba(0,0,0,0.7); }

.Label {
  font-size: var(--Label-fontSize);
  color: var(--Label-color); }

a[disabled] {
  pointer-events: none; }

a span {
  margin: 0px 5px; }

:root {
  --LanguageSwitcher-borderRadius: 0px;
  --LanguageSwitcher-fontSize: 0.7rem;
  --LanguageSwitcher__Option--hover-backgroundColor: #eaeaea;
  --LanguageSwitcher__Option--hover-color: #000;
  --LanguageSwitcher__Option-color: #000;
  --LanguageSwitcher--disabled-color: #b5b5b5; }

.LanguageSwitcher .country-flag {
  color: var(--LanguageSwitcher__Option-color); }

.LanguageSwitcher .flag-select .no--focus .country-flag {
  color: var(--LanguageSwitcher--disabled-color); }
  .LanguageSwitcher .flag-select .no--focus .country-flag img {
    filter: grayscale(0.5); }

.LanguageSwitcher .flag-select .country-label {
  font-size: var(--LanguageSwitcher-fontSize); }

.LanguageSwitcher .flag-select .flag-option:hover {
  background: var(--LanguageSwitcher__Option--hover-backgroundColor);
  color: var(--LanguageSwitcher__Option--hover-color); }

.LanguageSwitcher .flag-select img {
  top: 0px; }

.LanguageSwitcher .flag-options {
  border-radius: var(--LanguageSwitcher-borderRadius); }

.LanguageSwitcher--noflag .flag-select img {
  display: none; }

.LanguageSwitcher--noarrow .arrow-down {
  display: none; }

:root {
  --Section__Title-fontSize: 2rem;
  --Section__Subtitle-fontSize: 0.9rem; }

.Section div {
  margin-left: auto;
  margin-right: auto; }

.Section .Section__Title {
  font-size: var(--Section__Title-fontSize); }

.Section .Section__Subtitle {
  font-size: var(--Section__Subtitle-fontSize); }

.SocialMediaShareButton {
  display: inline-block;
  cursor: pointer; }
  .SocialMediaShareButton div {
    width: 30px !important;
    height: 30px !important; }
  .SocialMediaShareButton svg {
    width: 30px;
    height: 30px; }

.SocialMediaShareButton--grayScale svg {
  filter: grayscale(1); }

:root {
  --Card__Summary-fontSize: 0.8rem;
  --Card__Title-fontSize: 1.2rem;
  --Card__Subtitle-fontSize: 0.9rem;
  --Card-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: var(--Image-boxShadow); }

.Card {
  border: none;
  background-color: transparent; }
  .Card .Card__Summary {
    font-size: var(--Card__Summary-fontSize); }
  .Card .Card__Summary--justified {
    text-align: justify; }
  .Card .Card__Title {
    font-size: var(--Card__Title-fontSize); }
  .Card .Card__Subtitle {
    font-size: var(--Card__Subtitle-fontSize); }

.Card--shadow {
  box-shadow: var(--Card-boxShadow); }

.SocialMediaShareButton {
  display: inline-block;
  cursor: pointer; }
  .SocialMediaShareButton div {
    width: 30px !important;
    height: 30px !important; }
  .SocialMediaShareButton svg {
    width: 30px;
    height: 30px; }

.SocialMediaShareButton--grayScale svg {
  filter: grayscale(1); }

:root {
  --Team__Image-width: 100px;
  --Team__Image-height: 100px; }

.Team .Card img {
  width: var(--Team__Image-width);
  height: var(--Team__Image-height);
  margin-top: 1.25rem; }

.Team--center .Card img {
  margin-left: auto;
  margin-right: auto; }

.Team--left .Card img {
  margin-right: auto; }

.Team--right .Card img {
  margin-left: auto; }

.Team__Color {
  position: relative; }
  .Team__Color .Team__Color__Primary {
    height: 90px;
    position: absolute;
    top: 0px;
    width: 100%; }

:root {
  --Card__Summary-fontSize: 0.8rem;
  --Card__Title-fontSize: 1.2rem;
  --Card__Subtitle-fontSize: 0.9rem;
  --Card-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: var(--Image-boxShadow); }

.Card {
  border: none;
  background-color: transparent; }
  .Card .Card__Summary {
    font-size: var(--Card__Summary-fontSize); }
  .Card .Card__Summary--justified {
    text-align: justify; }
  .Card .Card__Title {
    font-size: var(--Card__Title-fontSize); }
  .Card .Card__Subtitle {
    font-size: var(--Card__Subtitle-fontSize); }

.Card--shadow {
  box-shadow: var(--Card-boxShadow); }

:root {
  --Features__CardFooter__Link-padding: none;
  --Features__CardFooter__Link-box-shadow: none;
  --Features__CardFooter__Link-background-color: none;
  --Features__CardFooter__Link-box-shadow-hover: none;
  --Features__CardFooter__Link-background-color-hover: none;
  --Features__CardFooter__Link-color: none;
  --Features__CardFooter__Link-fontSize: none;
  --Features__Image-width: 100px;
  --Features__Image-height: 100px; }

.Features .Card img {
  width: var(--Features__Image-width);
  height: var(--Features__Image-height);
  margin-top: 1.25rem;
  padding: 1rem; }

.Features--center .Card img {
  margin-left: auto;
  margin-right: auto; }

.Features--left .Card img {
  margin-right: auto; }

.Features--right .Card img {
  margin-left: auto; }

.Features .card .card-footer a {
  padding: var(--Features__CardFooter__Link-padding);
  box-shadow: var(--Features__CardFooter__Link-box-shadow);
  background-color: var(--Features__CardFooter__Link-background-color);
  color: var(--Features__CardFooter__Link-color);
  font-size: var(--Features__CardFooter__Link-fontSize); }

.Features .card .card-footer a:focus,
.Features .card .card-footer a:active,
.Features .card .card-footer a:hover {
  background-color: var(--Features__CardFooter__Link-background-color-hover) !important;
  box-shadow: var(--Features__CardFooter__Link-box-shadow-hover) !important; }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: var(--Image-boxShadow); }

.ImageList {
  display: inline-flex;
  flex-wrap: wrap; }
  .ImageList .ImageList__Container {
    margin-left: auto;
    margin-right: auto; }
    .ImageList .ImageList__Container img {
      max-width: 100px; }
  .ImageList .ImageList__Container--grayScale img {
    filter: grayscale(1); }

.Video div {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 20px;
  height: 0 !important;
  width: 100% !important; }
  .Video div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }