/* Generated by scripts/generate-colors.ts */
/* stylelint-disable color-hex-length */

/*
 * red
 */
.primary-red {
  $primary-50: #ffebee;
  $primary-100: #ffcdd2;
  $primary-200: #ef9a9a;
  $primary-300: #e57373;
  $primary-400: #ef5350;
  $primary-500: #f44336;
  $primary-600: #e53935;
  $primary-700: #d32f2f;
  $primary-800: #c62828;
  $primary-900: #b71c1c;
}

.primary-red:not(.slide) {
  background: #f44336;
  background: linear-gradient(to right bottom, #c62828, #f44336);
}

[class*=shape-] .primary-red.slide {
  .heading {
    color: #b71c1c;
  }

  &::before {
    background: #ffcdd2;
  }
}

.secondary-red {
  a {
    color: #f44336;
    text-decoration: none;

    &:hover,
    &:active {
      background: #f44336;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #ef9a9a;
      }
    }
  }

  .impress-progressbar > div {
    background: #f44336;

    &::after {
      background: #f44336;
    }
  }

  #impress-autoplay-playpause {
    background: #f44336;
    color: #fff;
  }
}

/*
 * pink
 */
.primary-pink {
  $primary-50: #fce4ec;
  $primary-100: #f8bbd0;
  $primary-200: #f48fb1;
  $primary-300: #f06292;
  $primary-400: #ec407a;
  $primary-500: #e91e63;
  $primary-600: #d81b60;
  $primary-700: #c2185b;
  $primary-800: #ad1457;
  $primary-900: #880e4f;
}

.primary-pink:not(.slide) {
  background: #e91e63;
  background: linear-gradient(to right bottom, #ad1457, #e91e63);
}

[class*=shape-] .primary-pink.slide {
  .heading {
    color: #880e4f;
  }

  &::before {
    background: #f8bbd0;
  }
}

.secondary-pink {
  a {
    color: #e91e63;
    text-decoration: none;

    &:hover,
    &:active {
      background: #e91e63;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #f48fb1;
      }
    }
  }

  .impress-progressbar > div {
    background: #e91e63;

    &::after {
      background: #e91e63;
    }
  }

  #impress-autoplay-playpause {
    background: #e91e63;
    color: #fff;
  }
}

/*
 * purple
 */
.primary-purple {
  $primary-50: #f3e5f5;
  $primary-100: #e1bee7;
  $primary-200: #ce93d8;
  $primary-300: #ba68c8;
  $primary-400: #ab47bc;
  $primary-500: #9c27b0;
  $primary-600: #8e24aa;
  $primary-700: #7b1fa2;
  $primary-800: #6a1b9a;
  $primary-900: #4a148c;
}

.primary-purple:not(.slide) {
  background: #9c27b0;
  background: linear-gradient(to right bottom, #6a1b9a, #9c27b0);
}

[class*=shape-] .primary-purple.slide {
  .heading {
    color: #4a148c;
  }

  &::before {
    background: #e1bee7;
  }
}

.secondary-purple {
  a {
    color: #9c27b0;
    text-decoration: none;

    &:hover,
    &:active {
      background: #9c27b0;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #ce93d8;
      }
    }
  }

  .impress-progressbar > div {
    background: #9c27b0;

    &::after {
      background: #9c27b0;
    }
  }

  #impress-autoplay-playpause {
    background: #9c27b0;
    color: #fff;
  }
}

/*
 * deeppurple
 */
.primary-deeppurple {
  $primary-50: #ede7f6;
  $primary-100: #d1c4e9;
  $primary-200: #b39ddb;
  $primary-300: #9575cd;
  $primary-400: #7e57c2;
  $primary-500: #673ab7;
  $primary-600: #5e35b1;
  $primary-700: #512da8;
  $primary-800: #4527a0;
  $primary-900: #311b92;
}

.primary-deeppurple:not(.slide) {
  background: #673ab7;
  background: linear-gradient(to right bottom, #4527a0, #673ab7);
}

[class*=shape-] .primary-deeppurple.slide {
  .heading {
    color: #311b92;
  }

  &::before {
    background: #d1c4e9;
  }
}

.secondary-deeppurple {
  a {
    color: #673ab7;
    text-decoration: none;

    &:hover,
    &:active {
      background: #673ab7;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #b39ddb;
      }
    }
  }

  .impress-progressbar > div {
    background: #673ab7;

    &::after {
      background: #673ab7;
    }
  }

  #impress-autoplay-playpause {
    background: #673ab7;
    color: #fff;
  }
}

/*
 * indigo
 */
.primary-indigo {
  $primary-50: #e8eaf6;
  $primary-100: #c5cae9;
  $primary-200: #9fa8da;
  $primary-300: #7986cb;
  $primary-400: #5c6bc0;
  $primary-500: #3f51b5;
  $primary-600: #3949ab;
  $primary-700: #303f9f;
  $primary-800: #283593;
  $primary-900: #1a237e;
}

.primary-indigo:not(.slide) {
  background: #3f51b5;
  background: linear-gradient(to right bottom, #283593, #3f51b5);
}

[class*=shape-] .primary-indigo.slide {
  .heading {
    color: #1a237e;
  }

  &::before {
    background: #c5cae9;
  }
}

.secondary-indigo {
  a {
    color: #3f51b5;
    text-decoration: none;

    &:hover,
    &:active {
      background: #3f51b5;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #9fa8da;
      }
    }
  }

  .impress-progressbar > div {
    background: #3f51b5;

    &::after {
      background: #3f51b5;
    }
  }

  #impress-autoplay-playpause {
    background: #3f51b5;
    color: #fff;
  }
}

/*
 * blue
 */
.primary-blue {
  $primary-50: #e3f2fd;
  $primary-100: #bbdefb;
  $primary-200: #90caf9;
  $primary-300: #64b5f6;
  $primary-400: #42a5f5;
  $primary-500: #2196f3;
  $primary-600: #1e88e5;
  $primary-700: #1976d2;
  $primary-800: #1565c0;
  $primary-900: #0d47a1;
}

.primary-blue:not(.slide) {
  background: #2196f3;
  background: linear-gradient(to right bottom, #1565c0, #2196f3);
}

[class*=shape-] .primary-blue.slide {
  .heading {
    color: #0d47a1;
  }

  &::before {
    background: #bbdefb;
  }
}

.secondary-blue {
  a {
    color: #2196f3;
    text-decoration: none;

    &:hover,
    &:active {
      background: #2196f3;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #90caf9;
      }
    }
  }

  .impress-progressbar > div {
    background: #2196f3;

    &::after {
      background: #2196f3;
    }
  }

  #impress-autoplay-playpause {
    background: #2196f3;
    color: #fff;
  }
}

/*
 * lightblue
 */
.primary-lightblue {
  $primary-50: #e1f5fe;
  $primary-100: #b3e5fc;
  $primary-200: #81d4fa;
  $primary-300: #4fc3f7;
  $primary-400: #29b6f6;
  $primary-500: #03a9f4;
  $primary-600: #039be5;
  $primary-700: #0288d1;
  $primary-800: #0277bd;
  $primary-900: #01579b;
}

.primary-lightblue:not(.slide) {
  background: #03a9f4;
  background: linear-gradient(to right bottom, #0277bd, #03a9f4);
}

[class*=shape-] .primary-lightblue.slide {
  .heading {
    color: #01579b;
  }

  &::before {
    background: #b3e5fc;
  }
}

.secondary-lightblue {
  a {
    color: #03a9f4;
    text-decoration: none;

    &:hover,
    &:active {
      background: #03a9f4;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #81d4fa;
      }
    }
  }

  .impress-progressbar > div {
    background: #03a9f4;

    &::after {
      background: #03a9f4;
    }
  }

  #impress-autoplay-playpause {
    background: #03a9f4;
    color: #fff;
  }
}

/*
 * cyan
 */
.primary-cyan {
  $primary-50: #e0f7fa;
  $primary-100: #b2ebf2;
  $primary-200: #80deea;
  $primary-300: #4dd0e1;
  $primary-400: #26c6da;
  $primary-500: #00bcd4;
  $primary-600: #00acc1;
  $primary-700: #0097a7;
  $primary-800: #00838f;
  $primary-900: #006064;
}

.primary-cyan:not(.slide) {
  background: #00bcd4;
  background: linear-gradient(to right bottom, #00838f, #00bcd4);
}

[class*=shape-] .primary-cyan.slide {
  .heading {
    color: #006064;
  }

  &::before {
    background: #b2ebf2;
  }
}

.secondary-cyan {
  a {
    color: #00bcd4;
    text-decoration: none;

    &:hover,
    &:active {
      background: #00bcd4;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #80deea;
      }
    }
  }

  .impress-progressbar > div {
    background: #00bcd4;

    &::after {
      background: #00bcd4;
    }
  }

  #impress-autoplay-playpause {
    background: #00bcd4;
    color: #fff;
  }
}

/*
 * teal
 */
.primary-teal {
  $primary-50: #e0f2f1;
  $primary-100: #b2dfdb;
  $primary-200: #80cbc4;
  $primary-300: #4db6ac;
  $primary-400: #26a69a;
  $primary-500: #009688;
  $primary-600: #00897b;
  $primary-700: #00796b;
  $primary-800: #00695c;
  $primary-900: #004d40;
}

.primary-teal:not(.slide) {
  background: #009688;
  background: linear-gradient(to right bottom, #00695c, #009688);
}

[class*=shape-] .primary-teal.slide {
  .heading {
    color: #004d40;
  }

  &::before {
    background: #b2dfdb;
  }
}

.secondary-teal {
  a {
    color: #009688;
    text-decoration: none;

    &:hover,
    &:active {
      background: #009688;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #80cbc4;
      }
    }
  }

  .impress-progressbar > div {
    background: #009688;

    &::after {
      background: #009688;
    }
  }

  #impress-autoplay-playpause {
    background: #009688;
    color: #fff;
  }
}

/*
 * green
 */
.primary-green {
  $primary-50: #e8f5e9;
  $primary-100: #c8e6c9;
  $primary-200: #a5d6a7;
  $primary-300: #81c784;
  $primary-400: #66bb6a;
  $primary-500: #4caf50;
  $primary-600: #43a047;
  $primary-700: #388e3c;
  $primary-800: #2e7d32;
  $primary-900: #1b5e20;
}

.primary-green:not(.slide) {
  background: #4caf50;
  background: linear-gradient(to right bottom, #2e7d32, #4caf50);
}

[class*=shape-] .primary-green.slide {
  .heading {
    color: #1b5e20;
  }

  &::before {
    background: #c8e6c9;
  }
}

.secondary-green {
  a {
    color: #4caf50;
    text-decoration: none;

    &:hover,
    &:active {
      background: #4caf50;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #a5d6a7;
      }
    }
  }

  .impress-progressbar > div {
    background: #4caf50;

    &::after {
      background: #4caf50;
    }
  }

  #impress-autoplay-playpause {
    background: #4caf50;
    color: #fff;
  }
}

/*
 * lightgreen
 */
.primary-lightgreen {
  $primary-50: #f1f8e9;
  $primary-100: #dcedc8;
  $primary-200: #c5e1a5;
  $primary-300: #aed581;
  $primary-400: #9ccc65;
  $primary-500: #8bc34a;
  $primary-600: #7cb342;
  $primary-700: #689f38;
  $primary-800: #558b2f;
  $primary-900: #33691e;
}

.primary-lightgreen:not(.slide) {
  background: #8bc34a;
  background: linear-gradient(to right bottom, #558b2f, #8bc34a);
}

[class*=shape-] .primary-lightgreen.slide {
  .heading {
    color: #33691e;
  }

  &::before {
    background: #dcedc8;
  }
}

.secondary-lightgreen {
  a {
    color: #8bc34a;
    text-decoration: none;

    &:hover,
    &:active {
      background: #8bc34a;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #c5e1a5;
      }
    }
  }

  .impress-progressbar > div {
    background: #8bc34a;

    &::after {
      background: #8bc34a;
    }
  }

  #impress-autoplay-playpause {
    background: #8bc34a;
    color: #fff;
  }
}

/*
 * lime
 */
.primary-lime {
  $primary-50: #f9fbe7;
  $primary-100: #f0f4c3;
  $primary-200: #e6ee9c;
  $primary-300: #dce775;
  $primary-400: #d4e157;
  $primary-500: #cddc39;
  $primary-600: #c0ca33;
  $primary-700: #afb42b;
  $primary-800: #9e9d24;
  $primary-900: #827717;
}

.primary-lime:not(.slide) {
  background: #cddc39;
  background: linear-gradient(to right bottom, #9e9d24, #cddc39);
}

[class*=shape-] .primary-lime.slide {
  .heading {
    color: #827717;
  }

  &::before {
    background: #f0f4c3;
  }
}

.secondary-lime {
  a {
    color: #cddc39;
    text-decoration: none;

    &:hover,
    &:active {
      background: #cddc39;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #e6ee9c;
      }
    }
  }

  .impress-progressbar > div {
    background: #cddc39;

    &::after {
      background: #cddc39;
    }
  }

  #impress-autoplay-playpause {
    background: #cddc39;
    color: #fff;
  }
}

/*
 * yellow
 */
.primary-yellow {
  $primary-50: #fffde7;
  $primary-100: #fff9c4;
  $primary-200: #fff59d;
  $primary-300: #fff176;
  $primary-400: #ffee58;
  $primary-500: #ffeb3b;
  $primary-600: #fdd835;
  $primary-700: #fbc02d;
  $primary-800: #f9a825;
  $primary-900: #f57f17;
}

.primary-yellow:not(.slide) {
  background: #ffeb3b;
  background: linear-gradient(to right bottom, #f9a825, #ffeb3b);
}

[class*=shape-] .primary-yellow.slide {
  .heading {
    color: #f57f17;
  }

  &::before {
    background: #fff9c4;
  }
}

.secondary-yellow {
  a {
    color: #ffeb3b;
    text-decoration: none;

    &:hover,
    &:active {
      background: #ffeb3b;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #fff59d;
      }
    }
  }

  .impress-progressbar > div {
    background: #ffeb3b;

    &::after {
      background: #ffeb3b;
    }
  }

  #impress-autoplay-playpause {
    background: #ffeb3b;
    color: #fff;
  }
}

/*
 * amber
 */
.primary-amber {
  $primary-50: #fff8e1;
  $primary-100: #ffecb3;
  $primary-200: #ffe082;
  $primary-300: #ffd54f;
  $primary-400: #ffca28;
  $primary-500: #ffc107;
  $primary-600: #ffb300;
  $primary-700: #ffa000;
  $primary-800: #ff8f00;
  $primary-900: #ff6f00;
}

.primary-amber:not(.slide) {
  background: #ffc107;
  background: linear-gradient(to right bottom, #ff8f00, #ffc107);
}

[class*=shape-] .primary-amber.slide {
  .heading {
    color: #ff6f00;
  }

  &::before {
    background: #ffecb3;
  }
}

.secondary-amber {
  a {
    color: #ffc107;
    text-decoration: none;

    &:hover,
    &:active {
      background: #ffc107;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #ffe082;
      }
    }
  }

  .impress-progressbar > div {
    background: #ffc107;

    &::after {
      background: #ffc107;
    }
  }

  #impress-autoplay-playpause {
    background: #ffc107;
    color: #fff;
  }
}

/*
 * orange
 */
.primary-orange {
  $primary-50: #fff3e0;
  $primary-100: #ffe0b2;
  $primary-200: #ffcc80;
  $primary-300: #ffb74d;
  $primary-400: #ffa726;
  $primary-500: #ff9800;
  $primary-600: #fb8c00;
  $primary-700: #f57c00;
  $primary-800: #ef6c00;
  $primary-900: #e65100;
}

.primary-orange:not(.slide) {
  background: #ff9800;
  background: linear-gradient(to right bottom, #ef6c00, #ff9800);
}

[class*=shape-] .primary-orange.slide {
  .heading {
    color: #e65100;
  }

  &::before {
    background: #ffe0b2;
  }
}

.secondary-orange {
  a {
    color: #ff9800;
    text-decoration: none;

    &:hover,
    &:active {
      background: #ff9800;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #ffcc80;
      }
    }
  }

  .impress-progressbar > div {
    background: #ff9800;

    &::after {
      background: #ff9800;
    }
  }

  #impress-autoplay-playpause {
    background: #ff9800;
    color: #fff;
  }
}

/*
 * deeporange
 */
.primary-deeporange {
  $primary-50: #fbe9e7;
  $primary-100: #ffccbc;
  $primary-200: #ffab91;
  $primary-300: #ff8a65;
  $primary-400: #ff7043;
  $primary-500: #ff5722;
  $primary-600: #f4511e;
  $primary-700: #e64a19;
  $primary-800: #d84315;
  $primary-900: #bf360c;
}

.primary-deeporange:not(.slide) {
  background: #ff5722;
  background: linear-gradient(to right bottom, #d84315, #ff5722);
}

[class*=shape-] .primary-deeporange.slide {
  .heading {
    color: #bf360c;
  }

  &::before {
    background: #ffccbc;
  }
}

.secondary-deeporange {
  a {
    color: #ff5722;
    text-decoration: none;

    &:hover,
    &:active {
      background: #ff5722;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #ffab91;
      }
    }
  }

  .impress-progressbar > div {
    background: #ff5722;

    &::after {
      background: #ff5722;
    }
  }

  #impress-autoplay-playpause {
    background: #ff5722;
    color: #fff;
  }
}

/*
 * brown
 */
.primary-brown {
  $primary-50: #efebe9;
  $primary-100: #d7ccc8;
  $primary-200: #bcaaa4;
  $primary-300: #a1887f;
  $primary-400: #8d6e63;
  $primary-500: #795548;
  $primary-600: #6d4c41;
  $primary-700: #5d4037;
  $primary-800: #4e342e;
  $primary-900: #3e2723;
}

.primary-brown:not(.slide) {
  background: #795548;
  background: linear-gradient(to right bottom, #4e342e, #795548);
}

[class*=shape-] .primary-brown.slide {
  .heading {
    color: #3e2723;
  }

  &::before {
    background: #d7ccc8;
  }
}

.secondary-brown {
  a {
    color: #795548;
    text-decoration: none;

    &:hover,
    &:active {
      background: #795548;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #bcaaa4;
      }
    }
  }

  .impress-progressbar > div {
    background: #795548;

    &::after {
      background: #795548;
    }
  }

  #impress-autoplay-playpause {
    background: #795548;
    color: #fff;
  }
}

/*
 * grey
 */
.primary-grey {
  $primary-50: #fafafa;
  $primary-100: #f5f5f5;
  $primary-200: #eeeeee;
  $primary-300: #e0e0e0;
  $primary-400: #bdbdbd;
  $primary-500: #9e9e9e;
  $primary-600: #757575;
  $primary-700: #616161;
  $primary-800: #424242;
  $primary-900: #212121;
}

.primary-grey:not(.slide) {
  background: #9e9e9e;
  background: linear-gradient(to right bottom, #424242, #9e9e9e);
}

[class*=shape-] .primary-grey.slide {
  .heading {
    color: #212121;
  }

  &::before {
    background: #f5f5f5;
  }
}

.secondary-grey {
  a {
    color: #9e9e9e;
    text-decoration: none;

    &:hover,
    &:active {
      background: #9e9e9e;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #eeeeee;
      }
    }
  }

  .impress-progressbar > div {
    background: #9e9e9e;

    &::after {
      background: #9e9e9e;
    }
  }

  #impress-autoplay-playpause {
    background: #9e9e9e;
    color: #fff;
  }
}

/*
 * bluegrey
 */
.primary-bluegrey {
  $primary-50: #eceff1;
  $primary-100: #cfd8dc;
  $primary-200: #b0bec5;
  $primary-300: #90a4ae;
  $primary-400: #78909c;
  $primary-500: #607d8b;
  $primary-600: #546e7a;
  $primary-700: #455a64;
  $primary-800: #37474f;
  $primary-900: #263238;
}

.primary-bluegrey:not(.slide) {
  background: #607d8b;
  background: linear-gradient(to right bottom, #37474f, #607d8b);
}

[class*=shape-] .primary-bluegrey.slide {
  .heading {
    color: #263238;
  }

  &::before {
    background: #cfd8dc;
  }
}

.secondary-bluegrey {
  a {
    color: #607d8b;
    text-decoration: none;

    &:hover,
    &:active {
      background: #607d8b;
      color: #fff;
    }
  }

  .step.title {
    color: #fff;

    a {
      color: #fff;

      &:hover,
      &:active {
        color: #b0bec5;
      }
    }
  }

  .impress-progressbar > div {
    background: #607d8b;

    &::after {
      background: #607d8b;
    }
  }

  #impress-autoplay-playpause {
    background: #607d8b;
    color: #fff;
  }
}