@keyframes effectFadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes effectFadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes effectFadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes effectFadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

* {
  box-sizing: border-box;
  margin-bottom: 0;
  margin-top: 0; }
  * + * {
    margin-top: 1.666em; }

body {
  font-family: "Roboto Mono", monospace;
  letter-spacing: 0.025em;
  line-height: 1.666;
  margin: 0; }

nav {
  display: flex;
  align-items: center;
  height: 5rem; }

h1 {
  font-size: 2.5rem;
  color: #222326;
  line-height: 1.2; }

h2 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #222326; }

h3 {
  font-size: 1.3rem;
  color: #222326; }

h4 {
  font-size: 1rem; }

p {
  font-family: "Work Sans", sans-serif;
  color: #222326; }

p,
pre {
  max-width: 70ch; }

pre {
  font-family: "Roboto Mono", monospace;
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word; }

input {
  font: inherit; }

button {
  background: white;
  color: #222326;
  padding: 0.4165rem 1.666rem;
  box-shadow: 0 6px #222326;
  border: 1.5px solid #222326;
  border-radius: 0.2rem;
  font-size: 1rem;
  font-weight: 400; }
  button:hover {
    background-color: whitesmoke;
    transition: 0.3s; }
  button:active {
    background-color: whitesmoke;
    box-shadow: 0 4px #222326;
    transform: translateY(4px); }
  button:focus {
    outline: none; }

button.primary {
  background: #646464;
  color: white;
  font-family: "Roboto Mono", monospace;
  transition: 0.3s; }
  button.primary:hover {
    background: #2E2E2E;
    transition: 0.3s; }

/* Customize the label (the container) */
.checkbox-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Create a custom checkbox */ }
  .checkbox-container .checkmark {
    position: relative;
    height: 15px;
    width: 15px;
    min-height: 15px;
    min-width: 15px;
    background-color: white;
    margin-top: 0;
    margin-right: 0.833rem;
    border: 2px solid #222326; }

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 2px;
  top: 2px;
  width: 7px;
  height: 7px;
  background-color: #222326; }

a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  color: #222326;
  padding: 0.13883rem 1.666rem;
  box-shadow: 0 6px #222326;
  border: 1.5px solid #222326;
  border-radius: 0.2rem;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none; }
  a.btn:hover {
    background: whitesmoke; }
  a.btn:active {
    box-shadow: 0 4px #222326;
    transform: translateY(4px); }

a.btn.primary {
  background: #646464;
  color: white; }
  a.btn.primary:hover {
    background: #2E2E2E; }

.page__content.error404 {
  text-align: center; }
  .page__content.error404 h1 {
    margin-top: 9.996rem;
    font-size: 10rem;
    line-height: 8rem; }
  .page__content.error404 h2 {
    text-align: center !important; }
  .page__content.error404 p {
    margin-left: auto;
    margin-right: auto; }
  .page__content.error404 a {
    max-width: 15rem;
    margin-left: auto;
    margin-right: auto; }

.homepage section {
  padding: 4.998rem 0; }
  @media screen and (max-width: 40rem) {
    .homepage section {
      padding: 1.666rem 0; } }

@media screen and (min-width: 50rem) {
  .homepage .card-link-section:first-of-type h1 {
    font-size: 4rem;
    line-height: 4.75rem; } }

@media screen and (max-width: 40rem) {
  .homepage .card-link-section:first-of-type h1 {
    font-size: 2.1rem;
    line-height: 2.5rem; } }

.homepage a.anchor {
  display: block;
  position: relative;
  visibility: hidden;
  top: -1.666rem; }
  @media screen and (max-width: 40rem) {
    .homepage a.anchor {
      top: -5rem; } }

.blog {
  position: relative; }
  .blog__header-bg {
    height: 6rem;
    width: 100vw;
    max-width: none;
    position: absolute;
    top: -1.666rem;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: -1;
    background-color: #F5F5F5;
    border-bottom: #222326 1px dashed; }
    @media screen and (max-width: 40rem) {
      .blog__header-bg {
        height: 10rem; } }
  .blog__header {
    display: flex;
    flex-direction: row; }
    .blog__header h2 {
      font-weight: bold; }
    .blog__header .my-select-input {
      margin: auto 0 auto 4.998rem; }
    @media screen and (max-width: 40rem) {
      .blog__header {
        flex-direction: column; }
        .blog__header .my-select-input {
          margin: 1.666rem 0; } }
  .blog__post-grid {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-gap: 4.998rem;
    grid-template-columns: repeat(auto-fill, minmax(calc(16% + 3rem), 1fr));
    margin-top: 4.998rem;
    grid-template-columns: 1fr 1fr; }
    .blog__post-grid > * {
      margin: 0;
      margin-right: 4.998rem;
      margin-bottom: 4.998rem;
      max-width: 100%;
      width: 18rem; }
      @supports (display: grid) {
        .blog__post-grid > * {
          margin-right: 0;
          margin-bottom: 0;
          width: auto; } }
    @media screen and (max-width: 40rem) {
      .blog__post-grid {
        grid-template-columns: 1fr; } }

.blog-post {
  position: relative; }
  .blog-post__header-bg {
    height: 6rem;
    width: 100vw;
    max-width: none;
    position: absolute;
    top: -1.666rem;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: -1;
    background-color: #F5F5F5;
    border-bottom: #222326 1px dashed; }
  .blog-post__header h2 {
    font-weight: bold; }
  .blog-post__content {
    margin-top: 4.998rem; }
    .blog-post__content p {
      max-width: none; }

.blog-post__content-info {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.666rem;
  margin-bottom: -1.666rem; }
  .blog-post__content-info > * {
    flex: 1 1 calc((60rem - 100%) * 999);
    margin: 0;
    margin-left: 1.666rem;
    margin-bottom: 1.666rem; }
  .blog-post__content-info > :nth-child(1) {
    flex-grow: 60; }
  .blog-post__content-info > :nth-child(2) {
    flex-grow: 30; }
  .blog-post__content-info .author-container {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    line-height: 3rem; }
    .blog-post__content-info .author-container span {
      margin-top: 0; }
      .blog-post__content-info .author-container span.name {
        font-weight: bold; }
    .blog-post__content-info .author-container img {
      margin-top: 0.5rem;
      margin-left: 0.833rem;
      width: 2rem;
      height: 2rem;
      border-radius: 1rem; }

.code-playground {
  background: #222326;
  color: #D5D5D5;
  margin-bottom: 1.666rem; }
  .code-playground__inner {
    padding: 1.666rem; }
  .code-playground .header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .code-playground .header h1 {
      margin-top: 0; }
    .code-playground .header button {
      display: flex;
      align-items: center;
      text-transform: uppercase;
      margin-top: 0;
      padding: 0.4165rem 0.833rem;
      font-family: "Roboto Mono", monospace;
      transition: 0.3s;
      border-radius: 0.2rem; }
      .code-playground .header button:hover {
        background-color: #DADADA;
        transition: 0.3s; }
      .code-playground .header button div.arrow-right {
        margin-right: 0.4165rem;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 10px solid #222326; }
  .code-playground .CodeMirror {
    border: 1px solid #eee;
    height: 20rem; }
    .code-playground .CodeMirror .CodeMirror-sizer {
      height: 20rem; }
    .code-playground .CodeMirror * + * {
      margin-top: 0; }
  .code-playground .console-header {
    display: flex;
    justify-content: space-between; }
    .code-playground .console-header .statistic {
      margin-top: 0; }
      .code-playground .console-header .statistic p {
        margin-top: 0;
        font-size: 0.8rem;
        color: white; }
  .code-playground .console li {
    margin-top: 0;
    margin-bottom: 0.4165rem;
    list-style-type: none; }
    .code-playground .console li:before {
      content: '>';
      margin-left: -35px;
      margin-right: 10px; }
  .code-playground .console span.comment {
    color: #8799e5; }
  .code-playground .console a {
    color: #e2c15f; }

.page__content.tokens {
  text-align: center; }
  .page__content.tokens .tokens__inner {
    max-width: 80ch;
    margin: auto;
    margin-top: 4.998rem; }
  .page__content.tokens h1 {
    margin-bottom: 1.666rem;
    font-size: 4rem; }
    @media screen and (max-width: 40rem) {
      .page__content.tokens h1 {
        font-size: 2.5rem; } }
  .page__content.tokens p {
    margin: auto;
    max-width: 50ch; }
  .page__content.tokens form {
    display: flex;
    flex-direction: column;
    position: relative; }
    .page__content.tokens form label {
      font-weight: bold;
      color: #222326; }
    .page__content.tokens form input {
      margin-right: 0.833rem; }
    .page__content.tokens form button {
      max-width: 20rem;
      margin: 1.666rem auto 0 auto;
      transition: 0.3s; }
    .page__content.tokens form button.error {
      border: 2px solid #FF6F6F; }
    .page__content.tokens form p.error {
      font-size: 0.8rem;
      align-self: center;
      margin: 0;
      padding-top: 0.833rem;
      text-align: center;
      color: #FF6F6F; }

h2 {
  text-align: center !important;
  font-weight: bolder !important; }

.tokens.process {
  padding-bottom: 4.998rem; }
  .tokens.process h1 {
    font-size: 2.5rem;
    color: #222326;
    margin-top: 0.4165rem; }
  .tokens.process p.bold {
    font-weight: bold;
    color: #222326;
    padding-top: 0px; }
  .tokens.process p:first-of-type {
    margin-bottom: 1.666rem; }
  .tokens.process a {
    color: #222326;
    text-decoration: underline dotted; }
  .tokens.process .cp-spinner {
    width: 30px;
    height: 30px;
    display: inline-block;
    box-sizing: border-box;
    position: relative; }
  .tokens.process .cp-skeleton {
    border-radius: 50%;
    border-top: solid 3px #222326;
    border-right: solid 3px transparent;
    border-bottom: solid 3px transparent;
    border-left: solid 3px transparent;
    animation: cp-skeleton-animate 1s linear infinite; }
  .tokens.process .cp-skeleton:before {
    border-radius: 50%;
    content: " ";
    width: 30px;
    height: 30px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 3px transparent;
    border-right: solid 3px transparent;
    border-bottom: solid 3px transparent;
    border-left: solid 3px #222326;
    position: absolute;
    top: -3px;
    left: -3px;
    transform: rotateZ(-30deg); }
  .tokens.process .cp-skeleton:after {
    border-radius: 50%;
    content: " ";
    width: 30px;
    height: 30px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 3px transparent;
    border-right: solid 3px black;
    border-bottom: solid 3px transparent;
    border-left: solid 3px transparent;
    position: absolute;
    top: -3px;
    right: -3px;
    transform: rotateZ(30deg); }

@keyframes cp-skeleton-animate {
  0% {
    transform: rotate(0);
    opacity: 1; }
  50% {
    opacity: .7; }
  100% {
    transform: rotate(360deg);
    opacity: 1; } }

.tokens.download {
  padding-bottom: 4.998rem; }
  .tokens.download h1 {
    font-size: 2.5rem;
    margin-top: 0.833rem; }
  .tokens.download p.bold {
    font-weight: bold; }
  .tokens.download button {
    min-width: 20rem; }
  @media screen and (max-width: 40rem) {
    .tokens.download button {
      min-width: 0; } }

.tokens.complete h1 {
  font-size: 2.5rem; }

.tokens.complete p {
  margin-top: 1.666rem; }

.tokens.complete .actions-container {
  display: flex;
  justify-content: center;
  padding-bottom: 4.998rem; }
  .tokens.complete .actions-container a {
    margin-top: 0;
    margin-left: 1.666rem; }

.disclaimer {
  font-style: italic;
  font-size: 0.8rem; }

.btn {
  transition: 0.3s;
  text-transform: uppercase; }
  .btn:hover {
    transition: 0.3s; }

.layout {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  position: relative; }
  .layout__inner {
    display: flex;
    overflow-x: hidden;
    flex: 1 0 auto;
    margin-top: 0px !important; }
    .layout__inner .homepage {
      padding-bottom: 0px !important; }
    .layout__inner .page {
      width: 100%;
      max-height: 100%;
      margin-top: 0px !important;
      /*margin-top: $navbar-height;*/
      padding: 0 7.497rem;
      padding-bottom: 0px; }
      @media screen and (max-width: 50rem) and (min-width: 40rem) {
        .layout__inner .page {
          padding: 0 1.666rem; } }
      @media screen and (max-width: 40rem) {
        .layout__inner .page {
          padding: 0 1.666rem; } }
    .layout__inner .page__content {
      max-width: 80rem;
      margin-top: 1.666rem;
      margin-left: auto;
      margin-right: auto; }
    .layout__inner .page__content.noscroll {
      overflow: hidden; }
    .layout__inner li {
      font-family: "Work Sans", sans-serif; }

footer {
  background: transparent;
  padding: 4.998rem;
  padding-bottom: 0.833rem !important;
  margin-top: 0; }
  footer .footer__content {
    display: none; }
  footer .footer__content__mobile {
    display: inline; }
    footer .footer__content__mobile p {
      font-size: 0.8rem; }
  footer img {
    width: 70%; }
  @media screen and (min-width: 50rem) {
    footer {
      background: #646464;
      padding: 4.998rem 1.666rem; }
      footer .footer__content {
        display: flex; }
      footer .footer__content__mobile {
        display: none; } }

.footer__inner {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto; }
  .footer__inner hr {
    margin-top: 0.833rem;
    width: 80%;
    margin-left: 0px;
    border: 0.4px solid whitesmoke; }

.footer__content__mobile p {
  text-align: center;
  color: #9b9b9b; }

.footer__content__company {
  padding-top: 4.998rem;
  text-align: justify; }
  .footer__content__company p {
    text-align: center;
    color: #9b9b9b;
    font-size: 0.8rem;
    max-width: none;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 3%; }
  .footer__content__company hr {
    border-bottom: 0.4px solid #9b9b9b;
    width: 80%;
    height: 1px;
    margin-left: 10%; }

.footer__content {
  display: flex;
  flex-direction: column;
  color: #D5D5D5; }
  .footer__content .footer-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .footer__content .footer-menu .footer__section {
      margin-top: 0; }
      .footer__content .footer-menu .footer__section .links {
        display: flex;
        flex-direction: column; }
    .footer__content .footer-menu .space {
      margin: 0 1.666rem; }
      @media screen and (max-width: 40rem) {
        .footer__content .footer-menu .space {
          margin-left: 0.833rem; } }
    .footer__content .footer-menu .space_more {
      padding-top: 10px; }
  .footer__content a {
    text-decoration: none;
    color: #D5D5D5;
    line-height: 0.2rem;
    font-size: 0.8rem;
    transition: 0.3s; }
    .footer__content a:hover {
      color: #9b9b9b;
      cursor: pointer;
      transition: 0.3s; }
    .footer__content a div {
      display: flex;
      align-items: center; }
    .footer__content a span {
      margin-top: 0;
      margin-left: 0.833rem; }

.nav-main {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin-top: 0;
  justify-content: center;
  background: white; }
  .nav-main h3 {
    font-weight: bold;
    color: #222326; }
  .nav-main a.btn {
    position: absolute;
    right: 1.666rem;
    margin-top: 0;
    transition: 0.3s; }
    .nav-main a.btn:hover {
      background-color: whitesmoke;
      transition: 0.3s; }
  .nav-main .nav-logo {
    margin-top: 0.7rem; }
  .nav-main a.desktop {
    display: block; }
  .nav-main a.mobile {
    display: none;
    padding: 0.13883rem 0.4165rem;
    border: 1.5px solid #222326; }
  @media screen and (max-width: 40rem) {
    .nav-main a.desktop {
      display: none; }
    .nav-main a.mobile {
      display: block; }
    .nav-main a.btn {
      display: none; } }

.sidebar {
  width: 0;
  margin: 0;
  z-index: 11;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  transition: width 0.4s; }
  .sidebar nav {
    position: fixed;
    width: 0;
    z-index: 11; }
  .sidebar.open {
    width: 22rem; }
    .sidebar.open nav {
      width: 22rem; }
    @media screen and (max-width: 40rem) {
      .sidebar.open {
        width: 0; }
        .sidebar.open nav {
          width: 0; } }
  .sidebar .hamburger-icon {
    height: max-content;
    width: max-content;
    margin-left: 1.666rem;
    background-color: transparent;
    cursor: pointer;
    box-shadow: none;
    border: none;
    padding: 0; }
    .sidebar .hamburger-icon div {
      width: 27px;
      height: 2px;
      background-color: black;
      -webkit-animation: effectFadein 1s;
      animation: effectFadein 1s;
      animation-fill-mode: forwards;
      border-radius: 20px; }
      .sidebar .hamburger-icon div + * {
        margin-top: 0.5rem; }
    .sidebar .hamburger-icon.open div:nth-child(1),
    .sidebar .hamburger-icon.open div:nth-child(3) {
      -webkit-animation: effectFadeout 0.4s;
      animation: effectFadeout 0.4s;
      animation-fill-mode: forwards; }
  .sidebar__overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    height: 100%;
    margin-top: 0;
    top: 0;
    left: 22rem;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); }
    .sidebar__overlay.open {
      display: block;
      -webkit-animation: effectFadein 2s;
      animation: effectFadein 2s; }
  .sidebar__content-clone {
    margin-top: 5rem;
    transition: transform 0.4s;
    width: 22rem; }
    .sidebar__content-clone.closed {
      transform: translateX(-100%); }
  .sidebar__content {
    top: 0;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 5rem;
    width: 22rem;
    background: white;
    transition: transform 0.4s; }
    .sidebar__content__inner {
      margin-top: 0;
      padding: 0 1.666rem 1.666rem 1.666rem;
      padding-top: 2.499rem; }
      @media screen and (max-width: 40rem) {
        .sidebar__content__inner {
          padding-top: 5rem; } }
    .sidebar__content.closed {
      transform: translateX(-100%); }
  .sidebar .close-icon {
    display: none;
    z-index: 1;
    background: white; }
    .sidebar .close-icon button {
      font-family: "Roboto Mono", monospace;
      margin-top: 1.666rem;
      float: right;
      box-shadow: none;
      border: none; }
      .sidebar .close-icon button:hover {
        background-color: transparent; }
  @media screen and (max-width: 40rem) {
    .sidebar nav {
      z-index: 10; }
    .sidebar .hamburger-icon.open {
      display: none; }
    .sidebar .close-icon {
      position: fixed;
      right: 0;
      left: 0; }
    .sidebar__content {
      position: fixed;
      overflow: scroll;
      margin: 0;
      /* Hidden by default */
      width: 100%;
      /* Full width (cover the whole page) */
      height: 100%;
      /* Full height (cover the whole page) */
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
      -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
      transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }
      .sidebar__content.closed {
        transform: none;
        left: -100%; }
        .sidebar__content.closed .close-icon {
          display: none; }
      .sidebar__content.open {
        left: 0; }
        .sidebar__content.open .close-icon {
          display: block;
          -webkit-animation: effectFadein 1s;
          animation: effectFadein 1s; } }

.menu-section *:focus {
  outline: none; }

.menu-section h5 {
  font-weight: 400;
  text-transform: uppercase;
  color: #828282; }

.menu-section .tree-menu__container {
  margin-top: 0; }
  .menu-section .tree-menu__container div:first-of-type:focus {
    color: red !important; }

.rstm-tree-item {
  font-size: 16px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  display: inline-block; }
  .rstm-tree-item:hover {
    text-decoration: underline;
    text-decoration-style: dotted; }

.rstm-toggle-icon {
  display: inline-block; }
  .rstm-toggle-icon-symbol {
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem; }

.rstm-tree-item-group {
  list-style-type: none;
  padding-left: 0;
  text-align: left;
  width: 100%; }

.tree-item-container {
  margin-top: 0; }

.rstm-tree-item {
  position: relative;
  padding: 0.5rem 1rem;
  cursor: pointer;
  color: #222326;
  font-size: 1rem;
  font-weight: 400;
  background: none;
  box-shadow: none;
  z-index: unset;
  position: relative; }
  .rstm-tree-item--active {
    text-decoration: underline;
    text-decoration-style: dotted; }
    .rstm-tree-item--active:before {
      content: "";
      position: absolute;
      left: 3.2rem;
      display: inline-block; }
  .rstm-tree-item--focused {
    z-index: 999; }

.rstm-tree-item--active[style="padding-left: 2.75rem;"]:before {
  left: 1.35rem;
  top: 0.5rem; }

.tree-item-container.header .rstm-tree-item {
  padding: 0.75rem 1rem;
  font-size: 1.3rem; }

.tree-item-container.new .rstm-tree-item:after {
  content: "{new}";
  margin-left: 0.4165rem;
  color: #002DFF;
  font-size: 0.8rem;
  font-weight: 400; }

.rstm-search {
  padding: 1rem 1.5rem;
  border: none;
  width: 100%; }

blockquote {
  position: relative;
  padding-left: 1em;
  border-left: 0.2em solid #848791;
  font-family: 'Roboto', serif;
  font-size: 1rem;
  line-height: 1.666;
  font-weight: 100; }

code {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #BCBEC0;
  padding: 2px;
  font: 12px Monaco, Consolas, "Andale  Mono", "DejaVu Sans Mono", monospace; }

.md-content pre {
  padding: 0.833rem;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #BCBEC0;
  background: #F1F3F5;
  font: 12px Monaco, Consolas, "Andale  Mono", "DejaVu Sans Mono", monospace; }

.md-content pre code {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 0px;
  padding: 2px;
  font: 12px Monaco, Consolas, "Andale  Mono", "DejaVu Sans Mono", monospace; }

.card-link-section h1 {
  font-size: 2.5rem;
  line-height: 3.5rem;
  color: #222326; }
  @media screen and (max-width: 45rem) and (min-width: 25rem) {
    .card-link-section h1 {
      font-size: 1.5rem;
      line-height: 2.5rem; } }
  @media screen and (max-width: 25rem) {
    .card-link-section h1 {
      font-size: 1.5rem;
      line-height: 2.25rem; } }

.card-link-section a.btn {
  margin-top: 1.666rem;
  max-width: 20rem;
  transition: 0.3s; }

.card-link-section a.btn:hover {
  background-color: whitesmoke;
  transition: 0.3s; }

.card-link-section__inner {
  margin-top: 0;
  -webkit-box-shadow: 8px 0px 0px #222326;
  -moz-box-shadow: 8px 8px 0px 0px #222326;
  box-shadow: 8px 8px 0px 0px #222326;
  border: #222326 1px solid;
  border-radius: 5px;
  background: white; }

.card-link-section__content.center {
  max-width: 60ch;
  padding: 4.998rem 1.666rem;
  margin: auto; }
  .card-link-section__content.center h1,
  .card-link-section__content.center p {
    text-align: center;
    color: #222326;
    padding-top: 0px !important; }
    @media screen and (max-width: 50rem) and (min-width: 40rem) {
      .card-link-section__content.center h1,
      .card-link-section__content.center p {
        padding-top: 0px !important; } }
    @media screen and (max-width: 40rem) {
      .card-link-section__content.center h1,
      .card-link-section__content.center p {
        padding-top: 0px !important; } }
  .card-link-section__content.center h1 {
    margin-bottom: 1.666rem; }
  .card-link-section__content.center a.btn {
    margin-left: auto;
    margin-right: auto; }
  @media screen and (max-width: 40rem) {
    .card-link-section__content.center {
      padding: 1.666rem;
      padding-top: 4.998rem;
      padding-bottom: 4.998rem; } }

.card-link-section__content.left {
  padding: 4.998rem; }
  .card-link-section__content.left p {
    max-width: none; }
  @media screen and (max-width: 40rem) {
    .card-link-section__content.left {
      padding: 1.666rem;
      padding-top: 1.666rem;
      padding-bottom: 1.666rem; }
      .card-link-section__content.left h1 {
        line-height: 2.25rem; } }

.card-link-section__content.right {
  padding: 4.998rem;
  text-align: right; }
  .card-link-section__content.right a.btn {
    margin-left: auto; }
  .card-link-section__content.right h1 {
    text-align: right; }
  .card-link-section__content.right p {
    max-width: none; }
  @media screen and (max-width: 40rem) {
    .card-link-section__content.right {
      padding: 1.666rem;
      padding-top: 1.666rem;
      padding-bottom: 1.666rem; }
      .card-link-section__content.right h1 {
        line-height: 2.25rem; } }

.cookies-banner {
  position: fixed;
  bottom: 0;
  max-width: 28rem;
  right: 0;
  z-index: 2;
  margin: 1.666rem;
  border-radius: 8px;
  background: white;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); }
  .cookies-banner h3 {
    margin-top: 0; }
  .cookies-banner a {
    font-size: 0.8rem;
    color: #222326; }
  .cookies-banner a:hover {
    color: #9b9b9b; }
  .cookies-banner p {
    max-width: none; }
  .cookies-banner__inner {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.666rem;
    margin-bottom: -1.666rem;
    padding: 1.666rem; }
    .cookies-banner__inner > * {
      flex: 1 1 calc((50rem - 100%) * 999);
      margin: 0;
      margin-left: 1.666rem;
      margin-bottom: 1.666rem; }
  @media screen and (max-width: 40rem) {
    .cookies-banner {
      width: 100%;
      max-width: none;
      margin: 0; } }

.cookies-banner__content {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.cookies-banner.approved .cookies-banner__actions {
  flex-direction: column; }

.cookies-banner__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 25rem; }
  .cookies-banner__actions button {
    margin-top: 0;
    transition: 0.3s; }
  .cookies-banner__actions button:first-of-type {
    margin-right: 1.666rem; }
  @media screen and (max-width: 40rem) {
    .cookies-banner__actions {
      max-width: none; } }

.secondary {
  transition: 0.3s;
  font-family: "Roboto Mono", monospace; }
  .secondary:hover {
    background-color: #D5D5D5;
    transition: 0.3s; }

.cookies-banner.closed {
  transition: 0.8s;
  display: none; }

/* Hexagonal Grid */
.hexagonbg-grid-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.666rem;
  right: 0;
  z-index: -1;
  margin-top: 0;
  overflow: hidden;
  background-color: #ffffff; }

.hexagonbg-grid {
  margin: 0 0;
  padding: 0; }

.hexagonbg-grid.clear:after {
  content: "";
  display: block;
  clear: both; }

/* padding = width * 1/sqrt(3) * 2*/
.hexagonbg-grid li {
  list-style-type: none;
  position: relative;
  float: left;
  margin-top: 1.666rem;
  -o-transform: rotate(-60deg) skewY(30deg);
  -moz-transform: rotate(-60deg) skewY(30deg);
  -webkit-transform: rotate(-60deg) skewY(30deg);
  -ms-transform: rotate(-60deg) skewY(30deg);
  transform: rotate(-60deg) skewY(30deg);
  overflow: hidden;
  visibility: hidden; }

.hexagonbg-grid li * {
  visibility: visible; }

.hexagonbg-grid li .hexagon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  -o-transform: skewY(-30deg) rotate(60deg);
  -moz-transform: skewY(-30deg) rotate(60deg);
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  overflow: hidden; }

.hexagonbg-grid li .hexagon .tile-0 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-1 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-2 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-3 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.8s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-4 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-5 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.9s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.9s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-6 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-7 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-8 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-9 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-10 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-11 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.7s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.7s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-12 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-13 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.8s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-14 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-15 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.4s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.4s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-16 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.7s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.7s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-17 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.3s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.3s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-18 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-19 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-20 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-21 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-22 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-23 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-24 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-25 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.8s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-26 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-27 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-28 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-29 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-30 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.8s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-31 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.9s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.9s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-32 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.4s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.4s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-33 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.9s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.9s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-34 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-35 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.3s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.3s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-36 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-37 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.3s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.3s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-38 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-39 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-40 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.9s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.9s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-41 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-42 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-43 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.8s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-44 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.9s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.9s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-45 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-46 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-47 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.8s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-48 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.8s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-49 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.8s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-50 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-51 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-52 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-53 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.9s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.9s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-54 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.7s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.7s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-55 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.7s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.7s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-56 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.6s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.6s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-57 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.4s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.4s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-58 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-59 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.7s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.7s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-60 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.6s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.6s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-61 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.7s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.7s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-62 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.3s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.3s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-63 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.9s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.9s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-64 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-65 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.9s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.9s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-66 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.6s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.6s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-67 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-68 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-69 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-70 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-71 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-72 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-73 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-74 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.7s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.7s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-75 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-76 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-77 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-78 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-79 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-80 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-81 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.9s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.9s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-82 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-83 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-84 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-85 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-86 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.3s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.3s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-87 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-88 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-89 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-90 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.6s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.6s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-91 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-92 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.8s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.8s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-93 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-94 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-95 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-96 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.5s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-97 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 1.7s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.7s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-98 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-99 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
  opacity: 0; }

.hexagonbg-grid li .hexagon .tile-100 {
  -webkit-animation: effectFadein;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
  animation: effectFadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
  opacity: 0; }

/* (col*2)n+(maxCol+1) */
.hexagonbg-grid.desktop li {
  width: 10%;
  padding: 0 0 11.5470053838% 0; }

.hexagonbg-grid.desktop li:nth-child(1n+1) {
  margin: 0.5%; }

.hexagonbg-grid.desktop li:nth-child(18n+10),
.hexagonbg-grid.desktop li:nth-child(18n+11),
.hexagonbg-grid.desktop li:nth-child(18n+12),
.hexagonbg-grid.desktop li:nth-child(18n+13),
.hexagonbg-grid.desktop li:nth-child(18n+14),
.hexagonbg-grid.desktop li:nth-child(18n+15),
.hexagonbg-grid.desktop li:nth-child(18n+16),
.hexagonbg-grid.desktop li:nth-child(18n+17),
.hexagonbg-grid.desktop li:nth-child(18n+18) {
  margin-top: -2.5%;
  margin-bottom: -2.5%;
  -o-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -moz-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  transform: translateX(50%) rotate(-60deg) skewY(30deg); }

.hexagonbg-grid.desktop li:nth-child(20n+11) {
  margin-left: 0.9%; }

.hexagonbg-grid.mobile li {
  width: 18%;
  padding: 0 0 20.7846096908% 0; }

.hexagonbg-grid.mobile li:nth-child(1n+1) {
  margin: 1%; }

.hexagonbg-grid.mobile li:nth-child(10n+6),
.hexagonbg-grid.mobile li:nth-child(10n+7),
.hexagonbg-grid.mobile li:nth-child(10n+8),
.hexagonbg-grid.mobile li:nth-child(10n+9),
.hexagonbg-grid.mobile li:nth-child(10n+10) {
  margin-top: -3.5%;
  margin-bottom: -3.5%;
  -o-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -moz-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  transform: translateX(50%) rotate(-60deg) skewY(30deg); }

.hexagonbg-grid.mobile li:nth-child(10n+6) {
  margin-left: 1%; }

.hexagonbg-grid li .hexagon img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  -o-transition: all 0.6s linear 0s;
  -moz-transition: all 0.6s linear 0s;
  -ms-transition: all 0.6s linear 0s;
  -webkit-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s; }

.newsletter-signup {
  text-align: center;
  padding-bottom: 1.666rem !important; }
  .newsletter-signup__inner {
    padding: 1.666rem;
    background: white;
    -webkit-box-shadow: 8px 0px 0px #222326;
    -moz-box-shadow: 8px 8px 0px 0px #222326;
    box-shadow: 8px 8px 0px 0px #222326;
    border: black 1px solid;
    border-radius: 5px; }
    .newsletter-signup__inner a:link {
      text-decoration: underline;
      text-decoration-style: dotted;
      color: #002DFF; }
    .newsletter-signup__inner a:hover {
      color: #646464; }
    .newsletter-signup__inner a:visited {
      color: #222326; }
    .newsletter-signup__inner a:active {
      color: #222326; }
    @media screen and (max-width: 40rem) {
      .newsletter-signup__inner {
        padding: 0.833rem; } }
  .newsletter-signup__content {
    max-width: 45rem;
    margin: 0 auto;
    padding: 0.833rem; }
    .newsletter-signup__content h2 {
      font-weight: bolder; }
      @media screen and (max-width: 25rem) {
        .newsletter-signup__content h2 {
          font-size: 1.5rem;
          line-height: 2.25rem; } }
    .newsletter-signup__content p {
      margin: 0.833rem auto; }
    .newsletter-signup__content p.input-readonly-style {
      max-width: 35rem;
      font-size: 1rem;
      font-weight: bold;
      padding: 0.3rem 0.8rem; }
    @media screen and (max-width: 40rem) {
      .newsletter-signup__content {
        text-align: left; }
        .newsletter-signup__content p {
          margin: 2.166rem auto; } }
  .newsletter-signup form {
    display: flex;
    margin-top: 0;
    max-width: 30rem;
    margin: 0 auto;
    position: relative; }
    .newsletter-signup form .input-container {
      width: 100%;
      position: relative;
      box-shadow: 0 6px #222326;
      border: 1.5px solid #222326;
      border-radius: 0.3125rem 0 0 0.3125rem;
      box-sizing: border-box;
      background-color: transparent; }
      .newsletter-signup form .input-container input {
        width: 100%;
        font-size: 1rem;
        padding: 0.35em 3rem 0.3rem 0.8rem;
        border-radius: 0.2rem 0 0 0.2rem;
        border: none;
        background-color: transparent; }
      .newsletter-signup form .input-container img {
        position: absolute;
        margin-top: 0;
        right: 0.833rem;
        top: 0.35rem; }
    .newsletter-signup form button {
      margin-top: 0;
      text-transform: uppercase;
      font-size: 1rem;
      font-weight: 400;
      transition: 0.3s;
      width: 10rem;
      cursor: pointer;
      border-radius: 0 0.5rem 0.5rem 0; }
    .newsletter-signup form button:hover {
      transition: 0.3s; }
    .newsletter-signup form p.error {
      font-size: 0.8rem;
      position: absolute;
      margin: 0;
      top: 1rem;
      text-align: left;
      color: #FF6F6F; }
      @media screen and (max-width: 22rem) {
        .newsletter-signup form p.error {
          top: -4.2rem !important;
          max-width: 12rem; } }
    @media screen and (max-width: 40rem) {
      .newsletter-signup form {
        display: block; }
        .newsletter-signup form .input-container {
          border-radius: 0.5rem; }
          .newsletter-signup form .input-container input {
            border-radius: 0.5rem; }
        .newsletter-signup form button {
          width: 100%;
          margin-top: 1.666rem;
          border-radius: 0.5rem; }
        .newsletter-signup form p.error {
          top: -3rem; } }
  .newsletter-signup form.error .input-container {
    border: 1.5px solid #FF6F6F; }
  .newsletter-signup form.error button {
    border: 1.5px solid #FF6F6F; }

.md-content {
  padding-bottom: 9.996rem;
  padding-left: 4.998rem;
  padding-right: 4.998rem; }
  @media screen and (max-width: 40rem) {
    .md-content {
      padding-bottom: 0.833rem;
      padding-left: 0px;
      padding-right: 0px; } }
  .md-content a:link {
    text-decoration: underline;
    text-decoration-style: dotted;
    color: #002DFF; }
  .md-content a:hover {
    color: #4a6bff; }
  .md-content a:visited {
    color: #002DFF; }
  .md-content a:active {
    color: #4a6bff; }
  .md-content a.anchor {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden; }
  .md-content.md-content-dense * + * {
    margin-top: 1em; }
  .md-content.md-content-dense p {
    padding-top: 1rem; }

hr {
  margin-top: 0.833rem;
  border: 1px dashed #222326; }

h2 {
  text-align: left !important; }

p {
  max-width: none;
  margin-top: 0.4rem;
  padding-top: 1.666rem; }

img[src*="#fullwidth"] {
  width: 100%;
  object-fit: cover; }

img[src*="#thumbnail"] {
  max-width: 30rem;
  height: auto;
  object-fit: contain; }

img[src*="#center"] {
  display: block;
  margin: 0 auto; }

.diagram {
  max-width: 85%; }
  @media screen and (max-width: 40rem) {
    .diagram {
      max-width: 100%; } }

.full-width-section {
  background: whitesmoke;
  width: 100vw;
  max-width: none;
  position: relative;
  left: 0px;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }
  .full-width-section__inner {
    padding: 2.499rem; }
    @media screen and (max-width: 40rem) {
      .full-width-section__inner {
        padding: 1.666rem; } }

.full-width-section.images-grid-container {
  padding: 0;
  margin-top: 4.998rem; }
  @media screen and (max-width: 40rem) {
    .full-width-section.images-grid-container {
      margin-top: 4.998rem; } }

.full-width-section.no-horizontal-padding .full-width-section__inner {
  padding-left: 0;
  padding-right: 0; }

.app-discovery-carousel {
  overflow: visible;
  position: relative;
  padding: 4.998rem 0;
  cursor: none; }
  .app-discovery-carousel img.cursor {
    position: absolute;
    width: 80px;
    height: 80px;
    left: -200px;
    pointer-events: none; }
  @media screen and (max-width: 40rem) {
    .app-discovery-carousel .full-width-section__inner {
      padding-left: 0px !important; } }
  .app-discovery-carousel h2 {
    font-weight: bolder !important;
    text-align: left !important; }
  .app-discovery-carousel .slick-list {
    padding-left: 0px !important;
    overflow: visible; }
  .app-discovery-carousel .slick-track {
    display: flex; }
    .app-discovery-carousel .slick-track .slick-slide {
      display: flex;
      height: auto;
      margin-top: 0;
      max-width: 40rem; }
      @media screen and (max-width: 48rem) {
        .app-discovery-carousel .slick-track .slick-slide {
          max-width: 30rem; } }
      .app-discovery-carousel .slick-track .slick-slide > div {
        height: 100%; }

.app-discovery-carousel .full-width-background {
  position: absolute;
  top: -1.666rem;
  bottom: -2.499rem;
  left: -50%;
  right: -50%;
  background-color: whitesmoke;
  z-index: -1; }

.app-discovery-carousel-item {
  background: white;
  display: inline-block;
  height: 100%;
  margin: 0 4.998rem 0 0;
  border-radius: 5px;
  border: 1px solid #222326;
  -webkit-box-shadow: 8px 0px 0px #222326;
  -moz-box-shadow: 8px 8px 0px 0px #222326;
  box-shadow: 8px 8px 0px 0px #222326; }
  .app-discovery-carousel-item__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.666rem; }
  .app-discovery-carousel-item .author-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: center; }
    .app-discovery-carousel-item .author-container span {
      margin-top: 0; }
      .app-discovery-carousel-item .author-container span.name {
        font-weight: bold; }
    .app-discovery-carousel-item .author-container img {
      margin-top: 0;
      margin-left: 0.833rem;
      width: 2rem;
      height: 2rem;
      border-radius: 1rem; }
  .app-discovery-carousel-item h1 {
    margin-top: 1.666rem;
    position: relative;
    padding-bottom: 2.499rem; }
    .app-discovery-carousel-item h1:after {
      content: "";
      position: absolute;
      width: 10rem;
      bottom: 0;
      left: 0;
      border-top: 0.5rem solid black; }
    @media screen and (max-width: 40rem) {
      .app-discovery-carousel-item h1 {
        line-height: 2.25rem; } }
  .app-discovery-carousel-item p.action-container {
    display: inline-block;
    margin-top: auto;
    padding-top: 1.666rem; }
  .app-discovery-carousel-item a.btn {
    display: inline-block;
    min-width: 200px;
    transition: 0.3s;
    font-family: "Roboto Mono", monospace; }
    .app-discovery-carousel-item a.btn:hover {
      background-color: whitesmoke;
      transition: 0.3s; }
  @media screen and (max-width: 40rem) {
    .app-discovery-carousel-item {
      margin: 0 1.666rem 0 0; }
      .app-discovery-carousel-item__inner {
        padding: 0.833rem; }
      .app-discovery-carousel-item .author-container {
        display: none; }
      .app-discovery-carousel-item h1 {
        font-size: 1.5rem; } }

.full-width-section__inner {
  padding-left: 7.497rem; }

.logo-section-container {
  padding: 0px !important; }
  .logo-section-container .full-width-section__inner {
    padding: 1.666rem; }
  .logo-section-container .partner {
    text-align: center !important; }
    @media screen and (max-width: 40rem) {
      .logo-section-container .partner {
        margin: 0px; } }
  .logo-section-container .logo-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0px; }
    @media screen and (max-width: 40rem) {
      .logo-section-container .logo-section {
        margin-top: 0px; } }
    .logo-section-container .logo-section div.line {
      margin: auto;
      display: inline-flex;
      justify-content: center; }
      .logo-section-container .logo-section div.line div {
        display: flex;
        justify-content: center;
        margin-top: 0; }
    .logo-section-container .logo-section img {
      max-width: 15rem;
      max-height: 6rem;
      height: auto;
      padding: 0 0.833rem;
      object-fit: contain; }
      @media screen and (max-width: 55rem) and (min-width: 42rem) {
        .logo-section-container .logo-section img {
          max-width: 12rem;
          max-height: 4rem;
          padding: 0 0.4165rem; } }
      @media screen and (max-width: 42rem) and (min-width: 27rem) {
        .logo-section-container .logo-section img {
          max-width: 7rem;
          max-height: 3rem;
          padding: 0 0.4165rem; } }
      @media screen and (max-width: 27rem) {
        .logo-section-container .logo-section img {
          max-height: 2.6rem;
          padding: 0 0.13883rem; } }

.my-select-input {
  width: 12rem; }
  .my-select-input * + * {
    margin-top: 0; }
  .my-select-input .my-select-input__control {
    min-height: 1.666rem;
    border: 1px black solid;
    box-shadow: 0 6px #222326;
    border: 1px solid #222326;
    border-radius: 0.2rem; }
    .my-select-input .my-select-input__control::before {
      content: "+";
      padding-left: 0.833rem; }
    .my-select-input .my-select-input__control.my-select-input__control--menu-is-open::before {
      content: "-"; }
  .my-select-input .my-select-input__menu {
    margin-top: -2px;
    padding-top: 0.833rem;
    border: 1px black solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 6px #222326; }
  .my-select-input .my-select-input__indicators {
    display: none; }

.blog-preview {
  position: relative;
  padding-bottom: 1.666rem; }
  .blog-preview a {
    text-decoration: none;
    font-size: 2.5rem;
    font-weight: bold;
    color: #222326;
    transition: 0.6s; }
    .blog-preview a:hover {
      border-bottom: 1px dotted;
      transition: 0.6s; }
  .blog-preview:after {
    content: "";
    position: absolute;
    width: 10rem;
    bottom: 0;
    left: 0;
    border-top: 0.5rem solid black;
    z-index: -1; }
  @media screen and (max-width: 40rem) {
    .blog-preview a {
      font-size: 1.5rem; } }

.blog-preview.announcement a:hover {
  border-color: #002DFF;
  text-decoration-color: #002DFF;
  color: #002DFF; }

.blog-preview.community a:hover {
  border-color: #9529BB;
  text-decoration-color: #9529BB;
  color: #9529BB; }

.blog-preview.ecosystem a:hover {
  border-color: #2f9aa8;
  text-decoration-color: #2f9aa8;
  color: #2f9aa8; }

.blog-info-bar {
  display: flex;
  flex-wrap: wrap; }
  .blog-info-bar span {
    margin-top: 0;
    color: #646464; }
    .blog-info-bar span:nth-child(1) {
      margin-right: 1.666rem;
      margin-bottom: 0.833rem;
      text-transform: uppercase; }
    .blog-info-bar span:nth-child(2) {
      display: inline-table;
      padding: 0 0.4165rem 0.13883rem 0.4165rem;
      border: black 1px solid;
      border-radius: 0.3125rem; }
  .blog-info-bar .category.announcement {
    color: #002DFF;
    border-color: #002DFF; }
  .blog-info-bar .category.community {
    color: #9529BB;
    border-color: #9529BB; }
  .blog-info-bar .category.ecosystem {
    color: #2f9aa8;
    border-color: #2f9aa8; }

.share-button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.4165rem; }
  .share-button-container a.share-button {
    display: inline-flex;
    font-size: 0.8rem; }
    .share-button-container a.share-button img {
      margin-right: 0.4165rem; }
    .share-button-container a.share-button span {
      margin-top: 0;
      line-height: 1rem; }
    .share-button-container a.share-button:hover span {
      border-bottom: 1px #222326 dashed; }

.share-button-tooltip {
  padding: 0.833rem 0.833rem 0 0.833rem !important;
  border: 1px black solid;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 6px #222326; }
  .share-button-tooltip:before {
    content: none !important; }
  .share-button-tooltip:after {
    content: none !important; }
  .share-button-tooltip ul {
    list-style: none;
    padding: 0; }
    .share-button-tooltip ul li {
      margin-top: 0.4165rem; }
    .share-button-tooltip ul li:first-of-type {
      margin-top: 0; }
  .share-button-tooltip a {
    display: inline-flex;
    text-decoration: none;
    color: #222326; }
    .share-button-tooltip a img {
      margin-right: 0.4165rem; }
    .share-button-tooltip a span {
      margin-top: 0; }

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}
/* 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.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  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: 0;
  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 */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px 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;
  outline: 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: -50px;
}
.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.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* 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.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  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; }

/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material.CodeMirror {
  background-color: #263238;
  color: #EEFFFF;
}

.cm-s-material .CodeMirror-gutters {
  background: #263238;
  color: #546E7A;
  border: none;
}

.cm-s-material .CodeMirror-guttermarker,
.cm-s-material .CodeMirror-guttermarker-subtle,
.cm-s-material .CodeMirror-linenumber {
  color: #546E7A;
}

.cm-s-material .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
}
.cm-s-material.cm-fat-cursor .CodeMirror-cursor {
  background-color: #5d6d5c80 !important;
}
.cm-s-material .cm-animate-fat-cursor {
  background-color: #5d6d5c80 !important;
}

.cm-s-material div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::selection,
.cm-s-material .CodeMirror-line>span::selection,
.cm-s-material .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::-moz-selection,
.cm-s-material .CodeMirror-line>span::-moz-selection,
.cm-s-material .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
}

.cm-s-material .cm-keyword {
  color: #C792EA;
}

.cm-s-material .cm-operator {
  color: #89DDFF;
}

.cm-s-material .cm-variable-2 {
  color: #EEFFFF;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #f07178;
}

.cm-s-material .cm-builtin {
  color: #FFCB6B;
}

.cm-s-material .cm-atom {
  color: #F78C6C;
}

.cm-s-material .cm-number {
  color: #FF5370;
}

.cm-s-material .cm-def {
  color: #82AAFF;
}

.cm-s-material .cm-string {
  color: #C3E88D;
}

.cm-s-material .cm-string-2 {
  color: #f07178;
}

.cm-s-material .cm-comment {
  color: #546E7A;
}

.cm-s-material .cm-variable {
  color: #f07178;
}

.cm-s-material .cm-tag {
  color: #FF5370;
}

.cm-s-material .cm-meta {
  color: #FFCB6B;
}

.cm-s-material .cm-attribute {
  color: #C792EA;
}

.cm-s-material .cm-property {
  color: #C792EA;
}

.cm-s-material .cm-qualifier {
  color: #DECB6B;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #DECB6B;
}


.cm-s-material .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
}

.cm-s-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}