@charset "UTF-8";
/* Colors */
/* Typography */
/* */
/* Components */
/* Misc */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.container {
  max-width: 64em;
  margin: auto;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
}

@media screen and (min-width: 48em) {
  .container {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .container {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 37em) {
  .container {
    padding-left: 1.55rem;
    padding-right: 1.55rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .container {
    padding-left: 1.63125rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .container {
    padding-right: 1.63125rem;
  }
}

.hero-body .container {
  padding-left: 0;
  padding-right: 0;
}

.justify {
  text-align: justify;
  hyphens: auto;
}

.measure {
  max-width: 33em;
  padding-left: 3.1rem;
  padding-right: 3.1rem;
}

@media screen and (min-width: 48em) {
  .measure {
    padding-left: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .measure {
    padding-right: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .measure h1 {
    margin-left: 0rem;
  }
}

@media screen and (min-width: 48em) and (min-width: 48em) {
  .measure h1 {
    margin-left: 0rem;
  }
}

@media screen and (min-width: 48em) {
  .measure h2 {
    margin-left: 0rem;
  }
}

@media screen and (min-width: 48em) and (min-width: 48em) {
  .measure h2 {
    margin-left: 0rem;
  }
}

@media screen and (min-width: 48em) {
  .measure h3 {
    margin-left: 0rem;
  }
}

@media screen and (min-width: 48em) and (min-width: 48em) {
  .measure h3 {
    margin-left: 0rem;
  }
}

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

.height-0 {
  height: 0rem;
}

@media screen and (min-width: 48em) {
  .height-0 {
    height: 0rem;
  }
}

.width-0 {
  width: 0rem;
}

@media screen and (min-width: 48em) {
  .width-0 {
    width: 0rem;
  }
}

.min-width-0 {
  min-width: 0rem;
}

@media screen and (min-width: 48em) {
  .min-width-0 {
    min-width: 0rem;
  }
}

.padding-0 {
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
}

@media screen and (min-width: 48em) {
  .padding-0 {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-0 {
    padding-right: 0rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-0 {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-0 {
    padding-left: 0rem;
  }
}

.padding-0-5 {
  padding-top: 0.775rem;
  padding-right: 0.775rem;
  padding-bottom: 0.775rem;
  padding-left: 0.775rem;
}

@media screen and (min-width: 48em) {
  .padding-0-5 {
    padding-top: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-0-5 {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-0-5 {
    padding-bottom: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-0-5 {
    padding-left: 0.81562rem;
  }
}

.margin-0 {
  margin-top: 0rem;
  margin-right: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
}

@media screen and (min-width: 48em) {
  .margin-0 {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-0 {
    margin-right: 0rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-0 {
    margin-bottom: 0rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-0 {
    margin-left: 0rem;
  }
}

.margin-0-5 {
  margin-top: 0.775rem;
  margin-right: 0.775rem;
  margin-bottom: 0.775rem;
  margin-left: 0.775rem;
}

@media screen and (min-width: 48em) {
  .margin-0-5 {
    margin-top: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-0-5 {
    margin-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-0-5 {
    margin-bottom: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-0-5 {
    margin-left: 0.81562rem;
  }
}

.margin-0-auto {
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-0-auto {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-0-auto {
    margin-bottom: 0rem;
  }
}

.top-0 {
  top: 0rem;
}

@media screen and (min-width: 48em) {
  .top-0 {
    top: 0rem;
  }
}

.right-0 {
  right: 0rem;
}

@media screen and (min-width: 48em) {
  .right-0 {
    right: 0rem;
  }
}

.left-0 {
  left: 0rem;
}

@media screen and (min-width: 48em) {
  .left-0 {
    left: 0rem;
  }
}

.bottom-0 {
  bottom: 0rem;
}

@media screen and (min-width: 48em) {
  .bottom-0 {
    bottom: 0rem;
  }
}

.padding-top-0 {
  padding-top: 0rem;
}

@media screen and (min-width: 48em) {
  .padding-top-0 {
    padding-top: 0rem;
  }
}

.padding-top-0-5 {
  padding-top: 0.775rem;
}

@media screen and (min-width: 48em) {
  .padding-top-0-5 {
    padding-top: 0.81562rem;
  }
}

.padding-bottom-0 {
  padding-bottom: 0rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-0 {
    padding-bottom: 0rem;
  }
}

.padding-bottom-0-5 {
  padding-bottom: 0.775rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-0-5 {
    padding-bottom: 0.81562rem;
  }
}

.padding-left-0 {
  padding-left: 0rem;
}

@media screen and (min-width: 48em) {
  .padding-left-0 {
    padding-left: 0rem;
  }
}

.padding-left-0-5 {
  padding-left: 0.775rem;
}

@media screen and (min-width: 48em) {
  .padding-left-0-5 {
    padding-left: 0.81562rem;
  }
}

.padding-right-0 {
  padding-right: 0rem;
}

@media screen and (min-width: 48em) {
  .padding-right-0 {
    padding-right: 0rem;
  }
}

.padding-right-0-5 {
  padding-right: 0.775rem;
}

@media screen and (min-width: 48em) {
  .padding-right-0-5 {
    padding-right: 0.81562rem;
  }
}

.margin-top-0 {
  margin-top: 0rem;
}

@media screen and (min-width: 48em) {
  .margin-top-0 {
    margin-top: 0rem;
  }
}

.margin-top-0-5 {
  margin-top: 0.775rem;
}

@media screen and (min-width: 48em) {
  .margin-top-0-5 {
    margin-top: 0.81562rem;
  }
}

.margin-bottom-0 {
  margin-bottom: 0rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-0 {
    margin-bottom: 0rem;
  }
}

.margin-bottom-0-5 {
  margin-bottom: 0.775rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-0-5 {
    margin-bottom: 0.81562rem;
  }
}

.margin-left-0 {
  margin-left: 0rem;
}

@media screen and (min-width: 48em) {
  .margin-left-0 {
    margin-left: 0rem;
  }
}

.margin-left-0-5 {
  margin-left: 0.775rem;
}

@media screen and (min-width: 48em) {
  .margin-left-0-5 {
    margin-left: 0.81562rem;
  }
}

.margin-right-0 {
  margin-right: 0rem;
}

@media screen and (min-width: 48em) {
  .margin-right-0 {
    margin-right: 0rem;
  }
}

.margin-right-0-5 {
  margin-right: 0.775rem;
}

@media screen and (min-width: 48em) {
  .margin-right-0-5 {
    margin-right: 0.81562rem;
  }
}

.height-1 {
  height: 1.55rem;
}

@media screen and (min-width: 48em) {
  .height-1 {
    height: 1.63125rem;
  }
}

.width-1 {
  width: 1.55rem;
}

@media screen and (min-width: 48em) {
  .width-1 {
    width: 1.63125rem;
  }
}

.min-width-1 {
  min-width: 1.55rem;
}

@media screen and (min-width: 48em) {
  .min-width-1 {
    min-width: 1.63125rem;
  }
}

.padding-1 {
  padding-top: 1.55rem;
  padding-right: 1.55rem;
  padding-bottom: 1.55rem;
  padding-left: 1.55rem;
}

@media screen and (min-width: 48em) {
  .padding-1 {
    padding-top: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-1 {
    padding-right: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-1 {
    padding-bottom: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-1 {
    padding-left: 1.63125rem;
  }
}

.padding-1-5 {
  padding-top: 2.325rem;
  padding-right: 2.325rem;
  padding-bottom: 2.325rem;
  padding-left: 2.325rem;
}

@media screen and (min-width: 48em) {
  .padding-1-5 {
    padding-top: 2.44687rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-1-5 {
    padding-right: 2.44687rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-1-5 {
    padding-bottom: 2.44687rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-1-5 {
    padding-left: 2.44687rem;
  }
}

.margin-1 {
  margin-top: 1.55rem;
  margin-right: 1.55rem;
  margin-bottom: 1.55rem;
  margin-left: 1.55rem;
}

@media screen and (min-width: 48em) {
  .margin-1 {
    margin-top: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-1 {
    margin-right: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-1 {
    margin-bottom: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-1 {
    margin-left: 1.63125rem;
  }
}

.margin-1-5 {
  margin-top: 2.325rem;
  margin-right: 2.325rem;
  margin-bottom: 2.325rem;
  margin-left: 2.325rem;
}

@media screen and (min-width: 48em) {
  .margin-1-5 {
    margin-top: 2.44687rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-1-5 {
    margin-right: 2.44687rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-1-5 {
    margin-bottom: 2.44687rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-1-5 {
    margin-left: 2.44687rem;
  }
}

.margin-1-auto {
  margin-top: 1.55rem;
  margin-bottom: 1.55rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-1-auto {
    margin-top: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-1-auto {
    margin-bottom: 1.63125rem;
  }
}

.top-1 {
  top: 1.55rem;
}

@media screen and (min-width: 48em) {
  .top-1 {
    top: 1.63125rem;
  }
}

.right-1 {
  right: 1.55rem;
}

@media screen and (min-width: 48em) {
  .right-1 {
    right: 1.63125rem;
  }
}

.left-1 {
  left: 1.55rem;
}

@media screen and (min-width: 48em) {
  .left-1 {
    left: 1.63125rem;
  }
}

.bottom-1 {
  bottom: 1.55rem;
}

@media screen and (min-width: 48em) {
  .bottom-1 {
    bottom: 1.63125rem;
  }
}

.padding-top-1 {
  padding-top: 1.55rem;
}

@media screen and (min-width: 48em) {
  .padding-top-1 {
    padding-top: 1.63125rem;
  }
}

.padding-top-1-5 {
  padding-top: 2.325rem;
}

@media screen and (min-width: 48em) {
  .padding-top-1-5 {
    padding-top: 2.44687rem;
  }
}

.padding-bottom-1 {
  padding-bottom: 1.55rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-1 {
    padding-bottom: 1.63125rem;
  }
}

.padding-bottom-1-5 {
  padding-bottom: 2.325rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-1-5 {
    padding-bottom: 2.44687rem;
  }
}

.padding-left-1 {
  padding-left: 1.55rem;
}

@media screen and (min-width: 48em) {
  .padding-left-1 {
    padding-left: 1.63125rem;
  }
}

.padding-left-1-5 {
  padding-left: 2.325rem;
}

@media screen and (min-width: 48em) {
  .padding-left-1-5 {
    padding-left: 2.44687rem;
  }
}

.padding-right-1 {
  padding-right: 1.55rem;
}

@media screen and (min-width: 48em) {
  .padding-right-1 {
    padding-right: 1.63125rem;
  }
}

.padding-right-1-5 {
  padding-right: 2.325rem;
}

@media screen and (min-width: 48em) {
  .padding-right-1-5 {
    padding-right: 2.44687rem;
  }
}

.margin-top-1 {
  margin-top: 1.55rem;
}

@media screen and (min-width: 48em) {
  .margin-top-1 {
    margin-top: 1.63125rem;
  }
}

.margin-top-1-5 {
  margin-top: 2.325rem;
}

@media screen and (min-width: 48em) {
  .margin-top-1-5 {
    margin-top: 2.44687rem;
  }
}

.margin-bottom-1 {
  margin-bottom: 1.55rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-1 {
    margin-bottom: 1.63125rem;
  }
}

.margin-bottom-1-5 {
  margin-bottom: 2.325rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-1-5 {
    margin-bottom: 2.44687rem;
  }
}

.margin-left-1 {
  margin-left: 1.55rem;
}

@media screen and (min-width: 48em) {
  .margin-left-1 {
    margin-left: 1.63125rem;
  }
}

.margin-left-1-5 {
  margin-left: 2.325rem;
}

@media screen and (min-width: 48em) {
  .margin-left-1-5 {
    margin-left: 2.44687rem;
  }
}

.margin-right-1 {
  margin-right: 1.55rem;
}

@media screen and (min-width: 48em) {
  .margin-right-1 {
    margin-right: 1.63125rem;
  }
}

.margin-right-1-5 {
  margin-right: 2.325rem;
}

@media screen and (min-width: 48em) {
  .margin-right-1-5 {
    margin-right: 2.44687rem;
  }
}

.height-2 {
  height: 3.1rem;
}

@media screen and (min-width: 48em) {
  .height-2 {
    height: 3.2625rem;
  }
}

.width-2 {
  width: 3.1rem;
}

@media screen and (min-width: 48em) {
  .width-2 {
    width: 3.2625rem;
  }
}

.min-width-2 {
  min-width: 3.1rem;
}

@media screen and (min-width: 48em) {
  .min-width-2 {
    min-width: 3.2625rem;
  }
}

.padding-2 {
  padding-top: 3.1rem;
  padding-right: 3.1rem;
  padding-bottom: 3.1rem;
  padding-left: 3.1rem;
}

@media screen and (min-width: 48em) {
  .padding-2 {
    padding-top: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-2 {
    padding-right: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-2 {
    padding-bottom: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-2 {
    padding-left: 3.2625rem;
  }
}

.padding-2-5 {
  padding-top: 3.875rem;
  padding-right: 3.875rem;
  padding-bottom: 3.875rem;
  padding-left: 3.875rem;
}

@media screen and (min-width: 48em) {
  .padding-2-5 {
    padding-top: 4.07813rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-2-5 {
    padding-right: 4.07813rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-2-5 {
    padding-bottom: 4.07813rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-2-5 {
    padding-left: 4.07813rem;
  }
}

.margin-2 {
  margin-top: 3.1rem;
  margin-right: 3.1rem;
  margin-bottom: 3.1rem;
  margin-left: 3.1rem;
}

@media screen and (min-width: 48em) {
  .margin-2 {
    margin-top: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-2 {
    margin-right: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-2 {
    margin-bottom: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-2 {
    margin-left: 3.2625rem;
  }
}

.margin-2-5 {
  margin-top: 3.875rem;
  margin-right: 3.875rem;
  margin-bottom: 3.875rem;
  margin-left: 3.875rem;
}

@media screen and (min-width: 48em) {
  .margin-2-5 {
    margin-top: 4.07813rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-2-5 {
    margin-right: 4.07813rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-2-5 {
    margin-bottom: 4.07813rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-2-5 {
    margin-left: 4.07813rem;
  }
}

.margin-2-auto {
  margin-top: 3.1rem;
  margin-bottom: 3.1rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-2-auto {
    margin-top: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-2-auto {
    margin-bottom: 3.2625rem;
  }
}

.top-2 {
  top: 3.1rem;
}

@media screen and (min-width: 48em) {
  .top-2 {
    top: 3.2625rem;
  }
}

.right-2 {
  right: 3.1rem;
}

@media screen and (min-width: 48em) {
  .right-2 {
    right: 3.2625rem;
  }
}

.left-2 {
  left: 3.1rem;
}

@media screen and (min-width: 48em) {
  .left-2 {
    left: 3.2625rem;
  }
}

.bottom-2 {
  bottom: 3.1rem;
}

@media screen and (min-width: 48em) {
  .bottom-2 {
    bottom: 3.2625rem;
  }
}

.padding-top-2 {
  padding-top: 3.1rem;
}

@media screen and (min-width: 48em) {
  .padding-top-2 {
    padding-top: 3.2625rem;
  }
}

.padding-top-2-5 {
  padding-top: 3.875rem;
}

@media screen and (min-width: 48em) {
  .padding-top-2-5 {
    padding-top: 4.07813rem;
  }
}

.padding-bottom-2 {
  padding-bottom: 3.1rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-2 {
    padding-bottom: 3.2625rem;
  }
}

.padding-bottom-2-5 {
  padding-bottom: 3.875rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-2-5 {
    padding-bottom: 4.07813rem;
  }
}

.padding-left-2 {
  padding-left: 3.1rem;
}

@media screen and (min-width: 48em) {
  .padding-left-2 {
    padding-left: 3.2625rem;
  }
}

.padding-left-2-5 {
  padding-left: 3.875rem;
}

@media screen and (min-width: 48em) {
  .padding-left-2-5 {
    padding-left: 4.07813rem;
  }
}

.padding-right-2 {
  padding-right: 3.1rem;
}

@media screen and (min-width: 48em) {
  .padding-right-2 {
    padding-right: 3.2625rem;
  }
}

.padding-right-2-5 {
  padding-right: 3.875rem;
}

@media screen and (min-width: 48em) {
  .padding-right-2-5 {
    padding-right: 4.07813rem;
  }
}

.margin-top-2 {
  margin-top: 3.1rem;
}

@media screen and (min-width: 48em) {
  .margin-top-2 {
    margin-top: 3.2625rem;
  }
}

.margin-top-2-5 {
  margin-top: 3.875rem;
}

@media screen and (min-width: 48em) {
  .margin-top-2-5 {
    margin-top: 4.07813rem;
  }
}

.margin-bottom-2 {
  margin-bottom: 3.1rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-2 {
    margin-bottom: 3.2625rem;
  }
}

.margin-bottom-2-5 {
  margin-bottom: 3.875rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-2-5 {
    margin-bottom: 4.07813rem;
  }
}

.margin-left-2 {
  margin-left: 3.1rem;
}

@media screen and (min-width: 48em) {
  .margin-left-2 {
    margin-left: 3.2625rem;
  }
}

.margin-left-2-5 {
  margin-left: 3.875rem;
}

@media screen and (min-width: 48em) {
  .margin-left-2-5 {
    margin-left: 4.07813rem;
  }
}

.margin-right-2 {
  margin-right: 3.1rem;
}

@media screen and (min-width: 48em) {
  .margin-right-2 {
    margin-right: 3.2625rem;
  }
}

.margin-right-2-5 {
  margin-right: 3.875rem;
}

@media screen and (min-width: 48em) {
  .margin-right-2-5 {
    margin-right: 4.07813rem;
  }
}

.height-3 {
  height: 4.65rem;
}

@media screen and (min-width: 48em) {
  .height-3 {
    height: 4.89375rem;
  }
}

.width-3 {
  width: 4.65rem;
}

@media screen and (min-width: 48em) {
  .width-3 {
    width: 4.89375rem;
  }
}

.min-width-3 {
  min-width: 4.65rem;
}

@media screen and (min-width: 48em) {
  .min-width-3 {
    min-width: 4.89375rem;
  }
}

.padding-3 {
  padding-top: 4.65rem;
  padding-right: 4.65rem;
  padding-bottom: 4.65rem;
  padding-left: 4.65rem;
}

@media screen and (min-width: 48em) {
  .padding-3 {
    padding-top: 4.89375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-3 {
    padding-right: 4.89375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-3 {
    padding-bottom: 4.89375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-3 {
    padding-left: 4.89375rem;
  }
}

.padding-3-5 {
  padding-top: 5.425rem;
  padding-right: 5.425rem;
  padding-bottom: 5.425rem;
  padding-left: 5.425rem;
}

@media screen and (min-width: 48em) {
  .padding-3-5 {
    padding-top: 5.70937rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-3-5 {
    padding-right: 5.70937rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-3-5 {
    padding-bottom: 5.70937rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-3-5 {
    padding-left: 5.70937rem;
  }
}

.margin-3 {
  margin-top: 4.65rem;
  margin-right: 4.65rem;
  margin-bottom: 4.65rem;
  margin-left: 4.65rem;
}

@media screen and (min-width: 48em) {
  .margin-3 {
    margin-top: 4.89375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-3 {
    margin-right: 4.89375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-3 {
    margin-bottom: 4.89375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-3 {
    margin-left: 4.89375rem;
  }
}

.margin-3-5 {
  margin-top: 5.425rem;
  margin-right: 5.425rem;
  margin-bottom: 5.425rem;
  margin-left: 5.425rem;
}

@media screen and (min-width: 48em) {
  .margin-3-5 {
    margin-top: 5.70937rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-3-5 {
    margin-right: 5.70937rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-3-5 {
    margin-bottom: 5.70937rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-3-5 {
    margin-left: 5.70937rem;
  }
}

.margin-3-auto {
  margin-top: 4.65rem;
  margin-bottom: 4.65rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-3-auto {
    margin-top: 4.89375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-3-auto {
    margin-bottom: 4.89375rem;
  }
}

.top-3 {
  top: 4.65rem;
}

@media screen and (min-width: 48em) {
  .top-3 {
    top: 4.89375rem;
  }
}

.right-3 {
  right: 4.65rem;
}

@media screen and (min-width: 48em) {
  .right-3 {
    right: 4.89375rem;
  }
}

.left-3 {
  left: 4.65rem;
}

@media screen and (min-width: 48em) {
  .left-3 {
    left: 4.89375rem;
  }
}

.bottom-3 {
  bottom: 4.65rem;
}

@media screen and (min-width: 48em) {
  .bottom-3 {
    bottom: 4.89375rem;
  }
}

.padding-top-3 {
  padding-top: 4.65rem;
}

@media screen and (min-width: 48em) {
  .padding-top-3 {
    padding-top: 4.89375rem;
  }
}

.padding-top-3-5 {
  padding-top: 5.425rem;
}

@media screen and (min-width: 48em) {
  .padding-top-3-5 {
    padding-top: 5.70937rem;
  }
}

.padding-bottom-3 {
  padding-bottom: 4.65rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-3 {
    padding-bottom: 4.89375rem;
  }
}

.padding-bottom-3-5 {
  padding-bottom: 5.425rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-3-5 {
    padding-bottom: 5.70937rem;
  }
}

.padding-left-3 {
  padding-left: 4.65rem;
}

@media screen and (min-width: 48em) {
  .padding-left-3 {
    padding-left: 4.89375rem;
  }
}

.padding-left-3-5 {
  padding-left: 5.425rem;
}

@media screen and (min-width: 48em) {
  .padding-left-3-5 {
    padding-left: 5.70937rem;
  }
}

.padding-right-3 {
  padding-right: 4.65rem;
}

@media screen and (min-width: 48em) {
  .padding-right-3 {
    padding-right: 4.89375rem;
  }
}

.padding-right-3-5 {
  padding-right: 5.425rem;
}

@media screen and (min-width: 48em) {
  .padding-right-3-5 {
    padding-right: 5.70937rem;
  }
}

.margin-top-3 {
  margin-top: 4.65rem;
}

@media screen and (min-width: 48em) {
  .margin-top-3 {
    margin-top: 4.89375rem;
  }
}

.margin-top-3-5 {
  margin-top: 5.425rem;
}

@media screen and (min-width: 48em) {
  .margin-top-3-5 {
    margin-top: 5.70937rem;
  }
}

.margin-bottom-3 {
  margin-bottom: 4.65rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-3 {
    margin-bottom: 4.89375rem;
  }
}

.margin-bottom-3-5 {
  margin-bottom: 5.425rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-3-5 {
    margin-bottom: 5.70937rem;
  }
}

.margin-left-3 {
  margin-left: 4.65rem;
}

@media screen and (min-width: 48em) {
  .margin-left-3 {
    margin-left: 4.89375rem;
  }
}

.margin-left-3-5 {
  margin-left: 5.425rem;
}

@media screen and (min-width: 48em) {
  .margin-left-3-5 {
    margin-left: 5.70937rem;
  }
}

.margin-right-3 {
  margin-right: 4.65rem;
}

@media screen and (min-width: 48em) {
  .margin-right-3 {
    margin-right: 4.89375rem;
  }
}

.margin-right-3-5 {
  margin-right: 5.425rem;
}

@media screen and (min-width: 48em) {
  .margin-right-3-5 {
    margin-right: 5.70937rem;
  }
}

.height-4 {
  height: 6.2rem;
}

@media screen and (min-width: 48em) {
  .height-4 {
    height: 6.525rem;
  }
}

.width-4 {
  width: 6.2rem;
}

@media screen and (min-width: 48em) {
  .width-4 {
    width: 6.525rem;
  }
}

.min-width-4 {
  min-width: 6.2rem;
}

@media screen and (min-width: 48em) {
  .min-width-4 {
    min-width: 6.525rem;
  }
}

.padding-4 {
  padding-top: 6.2rem;
  padding-right: 6.2rem;
  padding-bottom: 6.2rem;
  padding-left: 6.2rem;
}

@media screen and (min-width: 48em) {
  .padding-4 {
    padding-top: 6.525rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-4 {
    padding-right: 6.525rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-4 {
    padding-bottom: 6.525rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-4 {
    padding-left: 6.525rem;
  }
}

.padding-4-5 {
  padding-top: 6.975rem;
  padding-right: 6.975rem;
  padding-bottom: 6.975rem;
  padding-left: 6.975rem;
}

@media screen and (min-width: 48em) {
  .padding-4-5 {
    padding-top: 7.34062rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-4-5 {
    padding-right: 7.34062rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-4-5 {
    padding-bottom: 7.34062rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-4-5 {
    padding-left: 7.34062rem;
  }
}

.margin-4 {
  margin-top: 6.2rem;
  margin-right: 6.2rem;
  margin-bottom: 6.2rem;
  margin-left: 6.2rem;
}

@media screen and (min-width: 48em) {
  .margin-4 {
    margin-top: 6.525rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-4 {
    margin-right: 6.525rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-4 {
    margin-bottom: 6.525rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-4 {
    margin-left: 6.525rem;
  }
}

.margin-4-5 {
  margin-top: 6.975rem;
  margin-right: 6.975rem;
  margin-bottom: 6.975rem;
  margin-left: 6.975rem;
}

@media screen and (min-width: 48em) {
  .margin-4-5 {
    margin-top: 7.34062rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-4-5 {
    margin-right: 7.34062rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-4-5 {
    margin-bottom: 7.34062rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-4-5 {
    margin-left: 7.34062rem;
  }
}

.margin-4-auto {
  margin-top: 6.2rem;
  margin-bottom: 6.2rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-4-auto {
    margin-top: 6.525rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-4-auto {
    margin-bottom: 6.525rem;
  }
}

.top-4 {
  top: 6.2rem;
}

@media screen and (min-width: 48em) {
  .top-4 {
    top: 6.525rem;
  }
}

.right-4 {
  right: 6.2rem;
}

@media screen and (min-width: 48em) {
  .right-4 {
    right: 6.525rem;
  }
}

.left-4 {
  left: 6.2rem;
}

@media screen and (min-width: 48em) {
  .left-4 {
    left: 6.525rem;
  }
}

.bottom-4 {
  bottom: 6.2rem;
}

@media screen and (min-width: 48em) {
  .bottom-4 {
    bottom: 6.525rem;
  }
}

.padding-top-4 {
  padding-top: 6.2rem;
}

@media screen and (min-width: 48em) {
  .padding-top-4 {
    padding-top: 6.525rem;
  }
}

.padding-top-4-5 {
  padding-top: 6.975rem;
}

@media screen and (min-width: 48em) {
  .padding-top-4-5 {
    padding-top: 7.34062rem;
  }
}

.padding-bottom-4 {
  padding-bottom: 6.2rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-4 {
    padding-bottom: 6.525rem;
  }
}

.padding-bottom-4-5 {
  padding-bottom: 6.975rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-4-5 {
    padding-bottom: 7.34062rem;
  }
}

.padding-left-4 {
  padding-left: 6.2rem;
}

@media screen and (min-width: 48em) {
  .padding-left-4 {
    padding-left: 6.525rem;
  }
}

.padding-left-4-5 {
  padding-left: 6.975rem;
}

@media screen and (min-width: 48em) {
  .padding-left-4-5 {
    padding-left: 7.34062rem;
  }
}

.padding-right-4 {
  padding-right: 6.2rem;
}

@media screen and (min-width: 48em) {
  .padding-right-4 {
    padding-right: 6.525rem;
  }
}

.padding-right-4-5 {
  padding-right: 6.975rem;
}

@media screen and (min-width: 48em) {
  .padding-right-4-5 {
    padding-right: 7.34062rem;
  }
}

.margin-top-4 {
  margin-top: 6.2rem;
}

@media screen and (min-width: 48em) {
  .margin-top-4 {
    margin-top: 6.525rem;
  }
}

.margin-top-4-5 {
  margin-top: 6.975rem;
}

@media screen and (min-width: 48em) {
  .margin-top-4-5 {
    margin-top: 7.34062rem;
  }
}

.margin-bottom-4 {
  margin-bottom: 6.2rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-4 {
    margin-bottom: 6.525rem;
  }
}

.margin-bottom-4-5 {
  margin-bottom: 6.975rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-4-5 {
    margin-bottom: 7.34062rem;
  }
}

.margin-left-4 {
  margin-left: 6.2rem;
}

@media screen and (min-width: 48em) {
  .margin-left-4 {
    margin-left: 6.525rem;
  }
}

.margin-left-4-5 {
  margin-left: 6.975rem;
}

@media screen and (min-width: 48em) {
  .margin-left-4-5 {
    margin-left: 7.34062rem;
  }
}

.margin-right-4 {
  margin-right: 6.2rem;
}

@media screen and (min-width: 48em) {
  .margin-right-4 {
    margin-right: 6.525rem;
  }
}

.margin-right-4-5 {
  margin-right: 6.975rem;
}

@media screen and (min-width: 48em) {
  .margin-right-4-5 {
    margin-right: 7.34062rem;
  }
}

.height-5 {
  height: 7.75rem;
}

@media screen and (min-width: 48em) {
  .height-5 {
    height: 8.15625rem;
  }
}

.width-5 {
  width: 7.75rem;
}

@media screen and (min-width: 48em) {
  .width-5 {
    width: 8.15625rem;
  }
}

.min-width-5 {
  min-width: 7.75rem;
}

@media screen and (min-width: 48em) {
  .min-width-5 {
    min-width: 8.15625rem;
  }
}

.padding-5 {
  padding-top: 7.75rem;
  padding-right: 7.75rem;
  padding-bottom: 7.75rem;
  padding-left: 7.75rem;
}

@media screen and (min-width: 48em) {
  .padding-5 {
    padding-top: 8.15625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-5 {
    padding-right: 8.15625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-5 {
    padding-bottom: 8.15625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-5 {
    padding-left: 8.15625rem;
  }
}

.padding-5-5 {
  padding-top: 8.525rem;
  padding-right: 8.525rem;
  padding-bottom: 8.525rem;
  padding-left: 8.525rem;
}

@media screen and (min-width: 48em) {
  .padding-5-5 {
    padding-top: 8.97187rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-5-5 {
    padding-right: 8.97187rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-5-5 {
    padding-bottom: 8.97187rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-5-5 {
    padding-left: 8.97187rem;
  }
}

.margin-5 {
  margin-top: 7.75rem;
  margin-right: 7.75rem;
  margin-bottom: 7.75rem;
  margin-left: 7.75rem;
}

@media screen and (min-width: 48em) {
  .margin-5 {
    margin-top: 8.15625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-5 {
    margin-right: 8.15625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-5 {
    margin-bottom: 8.15625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-5 {
    margin-left: 8.15625rem;
  }
}

.margin-5-5 {
  margin-top: 8.525rem;
  margin-right: 8.525rem;
  margin-bottom: 8.525rem;
  margin-left: 8.525rem;
}

@media screen and (min-width: 48em) {
  .margin-5-5 {
    margin-top: 8.97187rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-5-5 {
    margin-right: 8.97187rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-5-5 {
    margin-bottom: 8.97187rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-5-5 {
    margin-left: 8.97187rem;
  }
}

.margin-5-auto {
  margin-top: 7.75rem;
  margin-bottom: 7.75rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-5-auto {
    margin-top: 8.15625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-5-auto {
    margin-bottom: 8.15625rem;
  }
}

.top-5 {
  top: 7.75rem;
}

@media screen and (min-width: 48em) {
  .top-5 {
    top: 8.15625rem;
  }
}

.right-5 {
  right: 7.75rem;
}

@media screen and (min-width: 48em) {
  .right-5 {
    right: 8.15625rem;
  }
}

.left-5 {
  left: 7.75rem;
}

@media screen and (min-width: 48em) {
  .left-5 {
    left: 8.15625rem;
  }
}

.bottom-5 {
  bottom: 7.75rem;
}

@media screen and (min-width: 48em) {
  .bottom-5 {
    bottom: 8.15625rem;
  }
}

.padding-top-5 {
  padding-top: 7.75rem;
}

@media screen and (min-width: 48em) {
  .padding-top-5 {
    padding-top: 8.15625rem;
  }
}

.padding-top-5-5 {
  padding-top: 8.525rem;
}

@media screen and (min-width: 48em) {
  .padding-top-5-5 {
    padding-top: 8.97187rem;
  }
}

.padding-bottom-5 {
  padding-bottom: 7.75rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-5 {
    padding-bottom: 8.15625rem;
  }
}

.padding-bottom-5-5 {
  padding-bottom: 8.525rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-5-5 {
    padding-bottom: 8.97187rem;
  }
}

.padding-left-5 {
  padding-left: 7.75rem;
}

@media screen and (min-width: 48em) {
  .padding-left-5 {
    padding-left: 8.15625rem;
  }
}

.padding-left-5-5 {
  padding-left: 8.525rem;
}

@media screen and (min-width: 48em) {
  .padding-left-5-5 {
    padding-left: 8.97187rem;
  }
}

.padding-right-5 {
  padding-right: 7.75rem;
}

@media screen and (min-width: 48em) {
  .padding-right-5 {
    padding-right: 8.15625rem;
  }
}

.padding-right-5-5 {
  padding-right: 8.525rem;
}

@media screen and (min-width: 48em) {
  .padding-right-5-5 {
    padding-right: 8.97187rem;
  }
}

.margin-top-5 {
  margin-top: 7.75rem;
}

@media screen and (min-width: 48em) {
  .margin-top-5 {
    margin-top: 8.15625rem;
  }
}

.margin-top-5-5 {
  margin-top: 8.525rem;
}

@media screen and (min-width: 48em) {
  .margin-top-5-5 {
    margin-top: 8.97187rem;
  }
}

.margin-bottom-5 {
  margin-bottom: 7.75rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-5 {
    margin-bottom: 8.15625rem;
  }
}

.margin-bottom-5-5 {
  margin-bottom: 8.525rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-5-5 {
    margin-bottom: 8.97187rem;
  }
}

.margin-left-5 {
  margin-left: 7.75rem;
}

@media screen and (min-width: 48em) {
  .margin-left-5 {
    margin-left: 8.15625rem;
  }
}

.margin-left-5-5 {
  margin-left: 8.525rem;
}

@media screen and (min-width: 48em) {
  .margin-left-5-5 {
    margin-left: 8.97187rem;
  }
}

.margin-right-5 {
  margin-right: 7.75rem;
}

@media screen and (min-width: 48em) {
  .margin-right-5 {
    margin-right: 8.15625rem;
  }
}

.margin-right-5-5 {
  margin-right: 8.525rem;
}

@media screen and (min-width: 48em) {
  .margin-right-5-5 {
    margin-right: 8.97187rem;
  }
}

.height-6 {
  height: 9.3rem;
}

@media screen and (min-width: 48em) {
  .height-6 {
    height: 9.7875rem;
  }
}

.width-6 {
  width: 9.3rem;
}

@media screen and (min-width: 48em) {
  .width-6 {
    width: 9.7875rem;
  }
}

.min-width-6 {
  min-width: 9.3rem;
}

@media screen and (min-width: 48em) {
  .min-width-6 {
    min-width: 9.7875rem;
  }
}

.padding-6 {
  padding-top: 9.3rem;
  padding-right: 9.3rem;
  padding-bottom: 9.3rem;
  padding-left: 9.3rem;
}

@media screen and (min-width: 48em) {
  .padding-6 {
    padding-top: 9.7875rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-6 {
    padding-right: 9.7875rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-6 {
    padding-bottom: 9.7875rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-6 {
    padding-left: 9.7875rem;
  }
}

.padding-6-5 {
  padding-top: 10.075rem;
  padding-right: 10.075rem;
  padding-bottom: 10.075rem;
  padding-left: 10.075rem;
}

@media screen and (min-width: 48em) {
  .padding-6-5 {
    padding-top: 10.60312rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-6-5 {
    padding-right: 10.60312rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-6-5 {
    padding-bottom: 10.60312rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-6-5 {
    padding-left: 10.60312rem;
  }
}

.margin-6 {
  margin-top: 9.3rem;
  margin-right: 9.3rem;
  margin-bottom: 9.3rem;
  margin-left: 9.3rem;
}

@media screen and (min-width: 48em) {
  .margin-6 {
    margin-top: 9.7875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-6 {
    margin-right: 9.7875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-6 {
    margin-bottom: 9.7875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-6 {
    margin-left: 9.7875rem;
  }
}

.margin-6-5 {
  margin-top: 10.075rem;
  margin-right: 10.075rem;
  margin-bottom: 10.075rem;
  margin-left: 10.075rem;
}

@media screen and (min-width: 48em) {
  .margin-6-5 {
    margin-top: 10.60312rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-6-5 {
    margin-right: 10.60312rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-6-5 {
    margin-bottom: 10.60312rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-6-5 {
    margin-left: 10.60312rem;
  }
}

.margin-6-auto {
  margin-top: 9.3rem;
  margin-bottom: 9.3rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-6-auto {
    margin-top: 9.7875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-6-auto {
    margin-bottom: 9.7875rem;
  }
}

.top-6 {
  top: 9.3rem;
}

@media screen and (min-width: 48em) {
  .top-6 {
    top: 9.7875rem;
  }
}

.right-6 {
  right: 9.3rem;
}

@media screen and (min-width: 48em) {
  .right-6 {
    right: 9.7875rem;
  }
}

.left-6 {
  left: 9.3rem;
}

@media screen and (min-width: 48em) {
  .left-6 {
    left: 9.7875rem;
  }
}

.bottom-6 {
  bottom: 9.3rem;
}

@media screen and (min-width: 48em) {
  .bottom-6 {
    bottom: 9.7875rem;
  }
}

.padding-top-6 {
  padding-top: 9.3rem;
}

@media screen and (min-width: 48em) {
  .padding-top-6 {
    padding-top: 9.7875rem;
  }
}

.padding-top-6-5 {
  padding-top: 10.075rem;
}

@media screen and (min-width: 48em) {
  .padding-top-6-5 {
    padding-top: 10.60312rem;
  }
}

.padding-bottom-6 {
  padding-bottom: 9.3rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-6 {
    padding-bottom: 9.7875rem;
  }
}

.padding-bottom-6-5 {
  padding-bottom: 10.075rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-6-5 {
    padding-bottom: 10.60312rem;
  }
}

.padding-left-6 {
  padding-left: 9.3rem;
}

@media screen and (min-width: 48em) {
  .padding-left-6 {
    padding-left: 9.7875rem;
  }
}

.padding-left-6-5 {
  padding-left: 10.075rem;
}

@media screen and (min-width: 48em) {
  .padding-left-6-5 {
    padding-left: 10.60312rem;
  }
}

.padding-right-6 {
  padding-right: 9.3rem;
}

@media screen and (min-width: 48em) {
  .padding-right-6 {
    padding-right: 9.7875rem;
  }
}

.padding-right-6-5 {
  padding-right: 10.075rem;
}

@media screen and (min-width: 48em) {
  .padding-right-6-5 {
    padding-right: 10.60312rem;
  }
}

.margin-top-6 {
  margin-top: 9.3rem;
}

@media screen and (min-width: 48em) {
  .margin-top-6 {
    margin-top: 9.7875rem;
  }
}

.margin-top-6-5 {
  margin-top: 10.075rem;
}

@media screen and (min-width: 48em) {
  .margin-top-6-5 {
    margin-top: 10.60312rem;
  }
}

.margin-bottom-6 {
  margin-bottom: 9.3rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-6 {
    margin-bottom: 9.7875rem;
  }
}

.margin-bottom-6-5 {
  margin-bottom: 10.075rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-6-5 {
    margin-bottom: 10.60312rem;
  }
}

.margin-left-6 {
  margin-left: 9.3rem;
}

@media screen and (min-width: 48em) {
  .margin-left-6 {
    margin-left: 9.7875rem;
  }
}

.margin-left-6-5 {
  margin-left: 10.075rem;
}

@media screen and (min-width: 48em) {
  .margin-left-6-5 {
    margin-left: 10.60312rem;
  }
}

.margin-right-6 {
  margin-right: 9.3rem;
}

@media screen and (min-width: 48em) {
  .margin-right-6 {
    margin-right: 9.7875rem;
  }
}

.margin-right-6-5 {
  margin-right: 10.075rem;
}

@media screen and (min-width: 48em) {
  .margin-right-6-5 {
    margin-right: 10.60312rem;
  }
}

.height-7 {
  height: 10.85rem;
}

@media screen and (min-width: 48em) {
  .height-7 {
    height: 11.41875rem;
  }
}

.width-7 {
  width: 10.85rem;
}

@media screen and (min-width: 48em) {
  .width-7 {
    width: 11.41875rem;
  }
}

.min-width-7 {
  min-width: 10.85rem;
}

@media screen and (min-width: 48em) {
  .min-width-7 {
    min-width: 11.41875rem;
  }
}

.padding-7 {
  padding-top: 10.85rem;
  padding-right: 10.85rem;
  padding-bottom: 10.85rem;
  padding-left: 10.85rem;
}

@media screen and (min-width: 48em) {
  .padding-7 {
    padding-top: 11.41875rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-7 {
    padding-right: 11.41875rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-7 {
    padding-bottom: 11.41875rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-7 {
    padding-left: 11.41875rem;
  }
}

.padding-7-5 {
  padding-top: 11.625rem;
  padding-right: 11.625rem;
  padding-bottom: 11.625rem;
  padding-left: 11.625rem;
}

@media screen and (min-width: 48em) {
  .padding-7-5 {
    padding-top: 12.23437rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-7-5 {
    padding-right: 12.23437rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-7-5 {
    padding-bottom: 12.23437rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-7-5 {
    padding-left: 12.23437rem;
  }
}

.margin-7 {
  margin-top: 10.85rem;
  margin-right: 10.85rem;
  margin-bottom: 10.85rem;
  margin-left: 10.85rem;
}

@media screen and (min-width: 48em) {
  .margin-7 {
    margin-top: 11.41875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-7 {
    margin-right: 11.41875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-7 {
    margin-bottom: 11.41875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-7 {
    margin-left: 11.41875rem;
  }
}

.margin-7-5 {
  margin-top: 11.625rem;
  margin-right: 11.625rem;
  margin-bottom: 11.625rem;
  margin-left: 11.625rem;
}

@media screen and (min-width: 48em) {
  .margin-7-5 {
    margin-top: 12.23437rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-7-5 {
    margin-right: 12.23437rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-7-5 {
    margin-bottom: 12.23437rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-7-5 {
    margin-left: 12.23437rem;
  }
}

.margin-7-auto {
  margin-top: 10.85rem;
  margin-bottom: 10.85rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-7-auto {
    margin-top: 11.41875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-7-auto {
    margin-bottom: 11.41875rem;
  }
}

.top-7 {
  top: 10.85rem;
}

@media screen and (min-width: 48em) {
  .top-7 {
    top: 11.41875rem;
  }
}

.right-7 {
  right: 10.85rem;
}

@media screen and (min-width: 48em) {
  .right-7 {
    right: 11.41875rem;
  }
}

.left-7 {
  left: 10.85rem;
}

@media screen and (min-width: 48em) {
  .left-7 {
    left: 11.41875rem;
  }
}

.bottom-7 {
  bottom: 10.85rem;
}

@media screen and (min-width: 48em) {
  .bottom-7 {
    bottom: 11.41875rem;
  }
}

.padding-top-7 {
  padding-top: 10.85rem;
}

@media screen and (min-width: 48em) {
  .padding-top-7 {
    padding-top: 11.41875rem;
  }
}

.padding-top-7-5 {
  padding-top: 11.625rem;
}

@media screen and (min-width: 48em) {
  .padding-top-7-5 {
    padding-top: 12.23437rem;
  }
}

.padding-bottom-7 {
  padding-bottom: 10.85rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-7 {
    padding-bottom: 11.41875rem;
  }
}

.padding-bottom-7-5 {
  padding-bottom: 11.625rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-7-5 {
    padding-bottom: 12.23437rem;
  }
}

.padding-left-7 {
  padding-left: 10.85rem;
}

@media screen and (min-width: 48em) {
  .padding-left-7 {
    padding-left: 11.41875rem;
  }
}

.padding-left-7-5 {
  padding-left: 11.625rem;
}

@media screen and (min-width: 48em) {
  .padding-left-7-5 {
    padding-left: 12.23437rem;
  }
}

.padding-right-7 {
  padding-right: 10.85rem;
}

@media screen and (min-width: 48em) {
  .padding-right-7 {
    padding-right: 11.41875rem;
  }
}

.padding-right-7-5 {
  padding-right: 11.625rem;
}

@media screen and (min-width: 48em) {
  .padding-right-7-5 {
    padding-right: 12.23437rem;
  }
}

.margin-top-7 {
  margin-top: 10.85rem;
}

@media screen and (min-width: 48em) {
  .margin-top-7 {
    margin-top: 11.41875rem;
  }
}

.margin-top-7-5 {
  margin-top: 11.625rem;
}

@media screen and (min-width: 48em) {
  .margin-top-7-5 {
    margin-top: 12.23437rem;
  }
}

.margin-bottom-7 {
  margin-bottom: 10.85rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-7 {
    margin-bottom: 11.41875rem;
  }
}

.margin-bottom-7-5 {
  margin-bottom: 11.625rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-7-5 {
    margin-bottom: 12.23437rem;
  }
}

.margin-left-7 {
  margin-left: 10.85rem;
}

@media screen and (min-width: 48em) {
  .margin-left-7 {
    margin-left: 11.41875rem;
  }
}

.margin-left-7-5 {
  margin-left: 11.625rem;
}

@media screen and (min-width: 48em) {
  .margin-left-7-5 {
    margin-left: 12.23437rem;
  }
}

.margin-right-7 {
  margin-right: 10.85rem;
}

@media screen and (min-width: 48em) {
  .margin-right-7 {
    margin-right: 11.41875rem;
  }
}

.margin-right-7-5 {
  margin-right: 11.625rem;
}

@media screen and (min-width: 48em) {
  .margin-right-7-5 {
    margin-right: 12.23437rem;
  }
}

.height-8 {
  height: 12.4rem;
}

@media screen and (min-width: 48em) {
  .height-8 {
    height: 13.05rem;
  }
}

.width-8 {
  width: 12.4rem;
}

@media screen and (min-width: 48em) {
  .width-8 {
    width: 13.05rem;
  }
}

.min-width-8 {
  min-width: 12.4rem;
}

@media screen and (min-width: 48em) {
  .min-width-8 {
    min-width: 13.05rem;
  }
}

.padding-8 {
  padding-top: 12.4rem;
  padding-right: 12.4rem;
  padding-bottom: 12.4rem;
  padding-left: 12.4rem;
}

@media screen and (min-width: 48em) {
  .padding-8 {
    padding-top: 13.05rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-8 {
    padding-right: 13.05rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-8 {
    padding-bottom: 13.05rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-8 {
    padding-left: 13.05rem;
  }
}

.padding-8-5 {
  padding-top: 13.175rem;
  padding-right: 13.175rem;
  padding-bottom: 13.175rem;
  padding-left: 13.175rem;
}

@media screen and (min-width: 48em) {
  .padding-8-5 {
    padding-top: 13.86562rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-8-5 {
    padding-right: 13.86562rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-8-5 {
    padding-bottom: 13.86562rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-8-5 {
    padding-left: 13.86562rem;
  }
}

.margin-8 {
  margin-top: 12.4rem;
  margin-right: 12.4rem;
  margin-bottom: 12.4rem;
  margin-left: 12.4rem;
}

@media screen and (min-width: 48em) {
  .margin-8 {
    margin-top: 13.05rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-8 {
    margin-right: 13.05rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-8 {
    margin-bottom: 13.05rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-8 {
    margin-left: 13.05rem;
  }
}

.margin-8-5 {
  margin-top: 13.175rem;
  margin-right: 13.175rem;
  margin-bottom: 13.175rem;
  margin-left: 13.175rem;
}

@media screen and (min-width: 48em) {
  .margin-8-5 {
    margin-top: 13.86562rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-8-5 {
    margin-right: 13.86562rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-8-5 {
    margin-bottom: 13.86562rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-8-5 {
    margin-left: 13.86562rem;
  }
}

.margin-8-auto {
  margin-top: 12.4rem;
  margin-bottom: 12.4rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-8-auto {
    margin-top: 13.05rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-8-auto {
    margin-bottom: 13.05rem;
  }
}

.top-8 {
  top: 12.4rem;
}

@media screen and (min-width: 48em) {
  .top-8 {
    top: 13.05rem;
  }
}

.right-8 {
  right: 12.4rem;
}

@media screen and (min-width: 48em) {
  .right-8 {
    right: 13.05rem;
  }
}

.left-8 {
  left: 12.4rem;
}

@media screen and (min-width: 48em) {
  .left-8 {
    left: 13.05rem;
  }
}

.bottom-8 {
  bottom: 12.4rem;
}

@media screen and (min-width: 48em) {
  .bottom-8 {
    bottom: 13.05rem;
  }
}

.padding-top-8 {
  padding-top: 12.4rem;
}

@media screen and (min-width: 48em) {
  .padding-top-8 {
    padding-top: 13.05rem;
  }
}

.padding-top-8-5 {
  padding-top: 13.175rem;
}

@media screen and (min-width: 48em) {
  .padding-top-8-5 {
    padding-top: 13.86562rem;
  }
}

.padding-bottom-8 {
  padding-bottom: 12.4rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-8 {
    padding-bottom: 13.05rem;
  }
}

.padding-bottom-8-5 {
  padding-bottom: 13.175rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-8-5 {
    padding-bottom: 13.86562rem;
  }
}

.padding-left-8 {
  padding-left: 12.4rem;
}

@media screen and (min-width: 48em) {
  .padding-left-8 {
    padding-left: 13.05rem;
  }
}

.padding-left-8-5 {
  padding-left: 13.175rem;
}

@media screen and (min-width: 48em) {
  .padding-left-8-5 {
    padding-left: 13.86562rem;
  }
}

.padding-right-8 {
  padding-right: 12.4rem;
}

@media screen and (min-width: 48em) {
  .padding-right-8 {
    padding-right: 13.05rem;
  }
}

.padding-right-8-5 {
  padding-right: 13.175rem;
}

@media screen and (min-width: 48em) {
  .padding-right-8-5 {
    padding-right: 13.86562rem;
  }
}

.margin-top-8 {
  margin-top: 12.4rem;
}

@media screen and (min-width: 48em) {
  .margin-top-8 {
    margin-top: 13.05rem;
  }
}

.margin-top-8-5 {
  margin-top: 13.175rem;
}

@media screen and (min-width: 48em) {
  .margin-top-8-5 {
    margin-top: 13.86562rem;
  }
}

.margin-bottom-8 {
  margin-bottom: 12.4rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-8 {
    margin-bottom: 13.05rem;
  }
}

.margin-bottom-8-5 {
  margin-bottom: 13.175rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-8-5 {
    margin-bottom: 13.86562rem;
  }
}

.margin-left-8 {
  margin-left: 12.4rem;
}

@media screen and (min-width: 48em) {
  .margin-left-8 {
    margin-left: 13.05rem;
  }
}

.margin-left-8-5 {
  margin-left: 13.175rem;
}

@media screen and (min-width: 48em) {
  .margin-left-8-5 {
    margin-left: 13.86562rem;
  }
}

.margin-right-8 {
  margin-right: 12.4rem;
}

@media screen and (min-width: 48em) {
  .margin-right-8 {
    margin-right: 13.05rem;
  }
}

.margin-right-8-5 {
  margin-right: 13.175rem;
}

@media screen and (min-width: 48em) {
  .margin-right-8-5 {
    margin-right: 13.86562rem;
  }
}

.height-9 {
  height: 13.95rem;
}

@media screen and (min-width: 48em) {
  .height-9 {
    height: 14.68125rem;
  }
}

.width-9 {
  width: 13.95rem;
}

@media screen and (min-width: 48em) {
  .width-9 {
    width: 14.68125rem;
  }
}

.min-width-9 {
  min-width: 13.95rem;
}

@media screen and (min-width: 48em) {
  .min-width-9 {
    min-width: 14.68125rem;
  }
}

.padding-9 {
  padding-top: 13.95rem;
  padding-right: 13.95rem;
  padding-bottom: 13.95rem;
  padding-left: 13.95rem;
}

@media screen and (min-width: 48em) {
  .padding-9 {
    padding-top: 14.68125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-9 {
    padding-right: 14.68125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-9 {
    padding-bottom: 14.68125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-9 {
    padding-left: 14.68125rem;
  }
}

.padding-9-5 {
  padding-top: 14.725rem;
  padding-right: 14.725rem;
  padding-bottom: 14.725rem;
  padding-left: 14.725rem;
}

@media screen and (min-width: 48em) {
  .padding-9-5 {
    padding-top: 15.49687rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-9-5 {
    padding-right: 15.49687rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-9-5 {
    padding-bottom: 15.49687rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-9-5 {
    padding-left: 15.49687rem;
  }
}

.margin-9 {
  margin-top: 13.95rem;
  margin-right: 13.95rem;
  margin-bottom: 13.95rem;
  margin-left: 13.95rem;
}

@media screen and (min-width: 48em) {
  .margin-9 {
    margin-top: 14.68125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-9 {
    margin-right: 14.68125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-9 {
    margin-bottom: 14.68125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-9 {
    margin-left: 14.68125rem;
  }
}

.margin-9-5 {
  margin-top: 14.725rem;
  margin-right: 14.725rem;
  margin-bottom: 14.725rem;
  margin-left: 14.725rem;
}

@media screen and (min-width: 48em) {
  .margin-9-5 {
    margin-top: 15.49687rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-9-5 {
    margin-right: 15.49687rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-9-5 {
    margin-bottom: 15.49687rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-9-5 {
    margin-left: 15.49687rem;
  }
}

.margin-9-auto {
  margin-top: 13.95rem;
  margin-bottom: 13.95rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-9-auto {
    margin-top: 14.68125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-9-auto {
    margin-bottom: 14.68125rem;
  }
}

.top-9 {
  top: 13.95rem;
}

@media screen and (min-width: 48em) {
  .top-9 {
    top: 14.68125rem;
  }
}

.right-9 {
  right: 13.95rem;
}

@media screen and (min-width: 48em) {
  .right-9 {
    right: 14.68125rem;
  }
}

.left-9 {
  left: 13.95rem;
}

@media screen and (min-width: 48em) {
  .left-9 {
    left: 14.68125rem;
  }
}

.bottom-9 {
  bottom: 13.95rem;
}

@media screen and (min-width: 48em) {
  .bottom-9 {
    bottom: 14.68125rem;
  }
}

.padding-top-9 {
  padding-top: 13.95rem;
}

@media screen and (min-width: 48em) {
  .padding-top-9 {
    padding-top: 14.68125rem;
  }
}

.padding-top-9-5 {
  padding-top: 14.725rem;
}

@media screen and (min-width: 48em) {
  .padding-top-9-5 {
    padding-top: 15.49687rem;
  }
}

.padding-bottom-9 {
  padding-bottom: 13.95rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-9 {
    padding-bottom: 14.68125rem;
  }
}

.padding-bottom-9-5 {
  padding-bottom: 14.725rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-9-5 {
    padding-bottom: 15.49687rem;
  }
}

.padding-left-9 {
  padding-left: 13.95rem;
}

@media screen and (min-width: 48em) {
  .padding-left-9 {
    padding-left: 14.68125rem;
  }
}

.padding-left-9-5 {
  padding-left: 14.725rem;
}

@media screen and (min-width: 48em) {
  .padding-left-9-5 {
    padding-left: 15.49687rem;
  }
}

.padding-right-9 {
  padding-right: 13.95rem;
}

@media screen and (min-width: 48em) {
  .padding-right-9 {
    padding-right: 14.68125rem;
  }
}

.padding-right-9-5 {
  padding-right: 14.725rem;
}

@media screen and (min-width: 48em) {
  .padding-right-9-5 {
    padding-right: 15.49687rem;
  }
}

.margin-top-9 {
  margin-top: 13.95rem;
}

@media screen and (min-width: 48em) {
  .margin-top-9 {
    margin-top: 14.68125rem;
  }
}

.margin-top-9-5 {
  margin-top: 14.725rem;
}

@media screen and (min-width: 48em) {
  .margin-top-9-5 {
    margin-top: 15.49687rem;
  }
}

.margin-bottom-9 {
  margin-bottom: 13.95rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-9 {
    margin-bottom: 14.68125rem;
  }
}

.margin-bottom-9-5 {
  margin-bottom: 14.725rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-9-5 {
    margin-bottom: 15.49687rem;
  }
}

.margin-left-9 {
  margin-left: 13.95rem;
}

@media screen and (min-width: 48em) {
  .margin-left-9 {
    margin-left: 14.68125rem;
  }
}

.margin-left-9-5 {
  margin-left: 14.725rem;
}

@media screen and (min-width: 48em) {
  .margin-left-9-5 {
    margin-left: 15.49687rem;
  }
}

.margin-right-9 {
  margin-right: 13.95rem;
}

@media screen and (min-width: 48em) {
  .margin-right-9 {
    margin-right: 14.68125rem;
  }
}

.margin-right-9-5 {
  margin-right: 14.725rem;
}

@media screen and (min-width: 48em) {
  .margin-right-9-5 {
    margin-right: 15.49687rem;
  }
}

.height-10 {
  height: 15.5rem;
}

@media screen and (min-width: 48em) {
  .height-10 {
    height: 16.3125rem;
  }
}

.width-10 {
  width: 15.5rem;
}

@media screen and (min-width: 48em) {
  .width-10 {
    width: 16.3125rem;
  }
}

.min-width-10 {
  min-width: 15.5rem;
}

@media screen and (min-width: 48em) {
  .min-width-10 {
    min-width: 16.3125rem;
  }
}

.padding-10 {
  padding-top: 15.5rem;
  padding-right: 15.5rem;
  padding-bottom: 15.5rem;
  padding-left: 15.5rem;
}

@media screen and (min-width: 48em) {
  .padding-10 {
    padding-top: 16.3125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-10 {
    padding-right: 16.3125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-10 {
    padding-bottom: 16.3125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-10 {
    padding-left: 16.3125rem;
  }
}

.padding-10-5 {
  padding-top: 16.275rem;
  padding-right: 16.275rem;
  padding-bottom: 16.275rem;
  padding-left: 16.275rem;
}

@media screen and (min-width: 48em) {
  .padding-10-5 {
    padding-top: 17.12812rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-10-5 {
    padding-right: 17.12812rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-10-5 {
    padding-bottom: 17.12812rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-10-5 {
    padding-left: 17.12812rem;
  }
}

.margin-10 {
  margin-top: 15.5rem;
  margin-right: 15.5rem;
  margin-bottom: 15.5rem;
  margin-left: 15.5rem;
}

@media screen and (min-width: 48em) {
  .margin-10 {
    margin-top: 16.3125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-10 {
    margin-right: 16.3125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-10 {
    margin-bottom: 16.3125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-10 {
    margin-left: 16.3125rem;
  }
}

.margin-10-5 {
  margin-top: 16.275rem;
  margin-right: 16.275rem;
  margin-bottom: 16.275rem;
  margin-left: 16.275rem;
}

@media screen and (min-width: 48em) {
  .margin-10-5 {
    margin-top: 17.12812rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-10-5 {
    margin-right: 17.12812rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-10-5 {
    margin-bottom: 17.12812rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-10-5 {
    margin-left: 17.12812rem;
  }
}

.margin-10-auto {
  margin-top: 15.5rem;
  margin-bottom: 15.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-10-auto {
    margin-top: 16.3125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-10-auto {
    margin-bottom: 16.3125rem;
  }
}

.top-10 {
  top: 15.5rem;
}

@media screen and (min-width: 48em) {
  .top-10 {
    top: 16.3125rem;
  }
}

.right-10 {
  right: 15.5rem;
}

@media screen and (min-width: 48em) {
  .right-10 {
    right: 16.3125rem;
  }
}

.left-10 {
  left: 15.5rem;
}

@media screen and (min-width: 48em) {
  .left-10 {
    left: 16.3125rem;
  }
}

.bottom-10 {
  bottom: 15.5rem;
}

@media screen and (min-width: 48em) {
  .bottom-10 {
    bottom: 16.3125rem;
  }
}

.padding-top-10 {
  padding-top: 15.5rem;
}

@media screen and (min-width: 48em) {
  .padding-top-10 {
    padding-top: 16.3125rem;
  }
}

.padding-top-10-5 {
  padding-top: 16.275rem;
}

@media screen and (min-width: 48em) {
  .padding-top-10-5 {
    padding-top: 17.12812rem;
  }
}

.padding-bottom-10 {
  padding-bottom: 15.5rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-10 {
    padding-bottom: 16.3125rem;
  }
}

.padding-bottom-10-5 {
  padding-bottom: 16.275rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-10-5 {
    padding-bottom: 17.12812rem;
  }
}

.padding-left-10 {
  padding-left: 15.5rem;
}

@media screen and (min-width: 48em) {
  .padding-left-10 {
    padding-left: 16.3125rem;
  }
}

.padding-left-10-5 {
  padding-left: 16.275rem;
}

@media screen and (min-width: 48em) {
  .padding-left-10-5 {
    padding-left: 17.12812rem;
  }
}

.padding-right-10 {
  padding-right: 15.5rem;
}

@media screen and (min-width: 48em) {
  .padding-right-10 {
    padding-right: 16.3125rem;
  }
}

.padding-right-10-5 {
  padding-right: 16.275rem;
}

@media screen and (min-width: 48em) {
  .padding-right-10-5 {
    padding-right: 17.12812rem;
  }
}

.margin-top-10 {
  margin-top: 15.5rem;
}

@media screen and (min-width: 48em) {
  .margin-top-10 {
    margin-top: 16.3125rem;
  }
}

.margin-top-10-5 {
  margin-top: 16.275rem;
}

@media screen and (min-width: 48em) {
  .margin-top-10-5 {
    margin-top: 17.12812rem;
  }
}

.margin-bottom-10 {
  margin-bottom: 15.5rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-10 {
    margin-bottom: 16.3125rem;
  }
}

.margin-bottom-10-5 {
  margin-bottom: 16.275rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-10-5 {
    margin-bottom: 17.12812rem;
  }
}

.margin-left-10 {
  margin-left: 15.5rem;
}

@media screen and (min-width: 48em) {
  .margin-left-10 {
    margin-left: 16.3125rem;
  }
}

.margin-left-10-5 {
  margin-left: 16.275rem;
}

@media screen and (min-width: 48em) {
  .margin-left-10-5 {
    margin-left: 17.12812rem;
  }
}

.margin-right-10 {
  margin-right: 15.5rem;
}

@media screen and (min-width: 48em) {
  .margin-right-10 {
    margin-right: 16.3125rem;
  }
}

.margin-right-10-5 {
  margin-right: 16.275rem;
}

@media screen and (min-width: 48em) {
  .margin-right-10-5 {
    margin-right: 17.12812rem;
  }
}

.height-11 {
  height: 17.05rem;
}

@media screen and (min-width: 48em) {
  .height-11 {
    height: 17.94375rem;
  }
}

.width-11 {
  width: 17.05rem;
}

@media screen and (min-width: 48em) {
  .width-11 {
    width: 17.94375rem;
  }
}

.min-width-11 {
  min-width: 17.05rem;
}

@media screen and (min-width: 48em) {
  .min-width-11 {
    min-width: 17.94375rem;
  }
}

.padding-11 {
  padding-top: 17.05rem;
  padding-right: 17.05rem;
  padding-bottom: 17.05rem;
  padding-left: 17.05rem;
}

@media screen and (min-width: 48em) {
  .padding-11 {
    padding-top: 17.94375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-11 {
    padding-right: 17.94375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-11 {
    padding-bottom: 17.94375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-11 {
    padding-left: 17.94375rem;
  }
}

.padding-11-5 {
  padding-top: 17.825rem;
  padding-right: 17.825rem;
  padding-bottom: 17.825rem;
  padding-left: 17.825rem;
}

@media screen and (min-width: 48em) {
  .padding-11-5 {
    padding-top: 18.75937rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-11-5 {
    padding-right: 18.75937rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-11-5 {
    padding-bottom: 18.75937rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-11-5 {
    padding-left: 18.75937rem;
  }
}

.margin-11 {
  margin-top: 17.05rem;
  margin-right: 17.05rem;
  margin-bottom: 17.05rem;
  margin-left: 17.05rem;
}

@media screen and (min-width: 48em) {
  .margin-11 {
    margin-top: 17.94375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-11 {
    margin-right: 17.94375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-11 {
    margin-bottom: 17.94375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-11 {
    margin-left: 17.94375rem;
  }
}

.margin-11-5 {
  margin-top: 17.825rem;
  margin-right: 17.825rem;
  margin-bottom: 17.825rem;
  margin-left: 17.825rem;
}

@media screen and (min-width: 48em) {
  .margin-11-5 {
    margin-top: 18.75937rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-11-5 {
    margin-right: 18.75937rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-11-5 {
    margin-bottom: 18.75937rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-11-5 {
    margin-left: 18.75937rem;
  }
}

.margin-11-auto {
  margin-top: 17.05rem;
  margin-bottom: 17.05rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-11-auto {
    margin-top: 17.94375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-11-auto {
    margin-bottom: 17.94375rem;
  }
}

.top-11 {
  top: 17.05rem;
}

@media screen and (min-width: 48em) {
  .top-11 {
    top: 17.94375rem;
  }
}

.right-11 {
  right: 17.05rem;
}

@media screen and (min-width: 48em) {
  .right-11 {
    right: 17.94375rem;
  }
}

.left-11 {
  left: 17.05rem;
}

@media screen and (min-width: 48em) {
  .left-11 {
    left: 17.94375rem;
  }
}

.bottom-11 {
  bottom: 17.05rem;
}

@media screen and (min-width: 48em) {
  .bottom-11 {
    bottom: 17.94375rem;
  }
}

.padding-top-11 {
  padding-top: 17.05rem;
}

@media screen and (min-width: 48em) {
  .padding-top-11 {
    padding-top: 17.94375rem;
  }
}

.padding-top-11-5 {
  padding-top: 17.825rem;
}

@media screen and (min-width: 48em) {
  .padding-top-11-5 {
    padding-top: 18.75937rem;
  }
}

.padding-bottom-11 {
  padding-bottom: 17.05rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-11 {
    padding-bottom: 17.94375rem;
  }
}

.padding-bottom-11-5 {
  padding-bottom: 17.825rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-11-5 {
    padding-bottom: 18.75937rem;
  }
}

.padding-left-11 {
  padding-left: 17.05rem;
}

@media screen and (min-width: 48em) {
  .padding-left-11 {
    padding-left: 17.94375rem;
  }
}

.padding-left-11-5 {
  padding-left: 17.825rem;
}

@media screen and (min-width: 48em) {
  .padding-left-11-5 {
    padding-left: 18.75937rem;
  }
}

.padding-right-11 {
  padding-right: 17.05rem;
}

@media screen and (min-width: 48em) {
  .padding-right-11 {
    padding-right: 17.94375rem;
  }
}

.padding-right-11-5 {
  padding-right: 17.825rem;
}

@media screen and (min-width: 48em) {
  .padding-right-11-5 {
    padding-right: 18.75937rem;
  }
}

.margin-top-11 {
  margin-top: 17.05rem;
}

@media screen and (min-width: 48em) {
  .margin-top-11 {
    margin-top: 17.94375rem;
  }
}

.margin-top-11-5 {
  margin-top: 17.825rem;
}

@media screen and (min-width: 48em) {
  .margin-top-11-5 {
    margin-top: 18.75937rem;
  }
}

.margin-bottom-11 {
  margin-bottom: 17.05rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-11 {
    margin-bottom: 17.94375rem;
  }
}

.margin-bottom-11-5 {
  margin-bottom: 17.825rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-11-5 {
    margin-bottom: 18.75937rem;
  }
}

.margin-left-11 {
  margin-left: 17.05rem;
}

@media screen and (min-width: 48em) {
  .margin-left-11 {
    margin-left: 17.94375rem;
  }
}

.margin-left-11-5 {
  margin-left: 17.825rem;
}

@media screen and (min-width: 48em) {
  .margin-left-11-5 {
    margin-left: 18.75937rem;
  }
}

.margin-right-11 {
  margin-right: 17.05rem;
}

@media screen and (min-width: 48em) {
  .margin-right-11 {
    margin-right: 17.94375rem;
  }
}

.margin-right-11-5 {
  margin-right: 17.825rem;
}

@media screen and (min-width: 48em) {
  .margin-right-11-5 {
    margin-right: 18.75937rem;
  }
}

.height-12 {
  height: 18.6rem;
}

@media screen and (min-width: 48em) {
  .height-12 {
    height: 19.575rem;
  }
}

.width-12 {
  width: 18.6rem;
}

@media screen and (min-width: 48em) {
  .width-12 {
    width: 19.575rem;
  }
}

.min-width-12 {
  min-width: 18.6rem;
}

@media screen and (min-width: 48em) {
  .min-width-12 {
    min-width: 19.575rem;
  }
}

.padding-12 {
  padding-top: 18.6rem;
  padding-right: 18.6rem;
  padding-bottom: 18.6rem;
  padding-left: 18.6rem;
}

@media screen and (min-width: 48em) {
  .padding-12 {
    padding-top: 19.575rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-12 {
    padding-right: 19.575rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-12 {
    padding-bottom: 19.575rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-12 {
    padding-left: 19.575rem;
  }
}

.padding-12-5 {
  padding-top: 19.375rem;
  padding-right: 19.375rem;
  padding-bottom: 19.375rem;
  padding-left: 19.375rem;
}

@media screen and (min-width: 48em) {
  .padding-12-5 {
    padding-top: 20.39063rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-12-5 {
    padding-right: 20.39063rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-12-5 {
    padding-bottom: 20.39063rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-12-5 {
    padding-left: 20.39063rem;
  }
}

.margin-12 {
  margin-top: 18.6rem;
  margin-right: 18.6rem;
  margin-bottom: 18.6rem;
  margin-left: 18.6rem;
}

@media screen and (min-width: 48em) {
  .margin-12 {
    margin-top: 19.575rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-12 {
    margin-right: 19.575rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-12 {
    margin-bottom: 19.575rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-12 {
    margin-left: 19.575rem;
  }
}

.margin-12-5 {
  margin-top: 19.375rem;
  margin-right: 19.375rem;
  margin-bottom: 19.375rem;
  margin-left: 19.375rem;
}

@media screen and (min-width: 48em) {
  .margin-12-5 {
    margin-top: 20.39063rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-12-5 {
    margin-right: 20.39063rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-12-5 {
    margin-bottom: 20.39063rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-12-5 {
    margin-left: 20.39063rem;
  }
}

.margin-12-auto {
  margin-top: 18.6rem;
  margin-bottom: 18.6rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-12-auto {
    margin-top: 19.575rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-12-auto {
    margin-bottom: 19.575rem;
  }
}

.top-12 {
  top: 18.6rem;
}

@media screen and (min-width: 48em) {
  .top-12 {
    top: 19.575rem;
  }
}

.right-12 {
  right: 18.6rem;
}

@media screen and (min-width: 48em) {
  .right-12 {
    right: 19.575rem;
  }
}

.left-12 {
  left: 18.6rem;
}

@media screen and (min-width: 48em) {
  .left-12 {
    left: 19.575rem;
  }
}

.bottom-12 {
  bottom: 18.6rem;
}

@media screen and (min-width: 48em) {
  .bottom-12 {
    bottom: 19.575rem;
  }
}

.padding-top-12 {
  padding-top: 18.6rem;
}

@media screen and (min-width: 48em) {
  .padding-top-12 {
    padding-top: 19.575rem;
  }
}

.padding-top-12-5 {
  padding-top: 19.375rem;
}

@media screen and (min-width: 48em) {
  .padding-top-12-5 {
    padding-top: 20.39063rem;
  }
}

.padding-bottom-12 {
  padding-bottom: 18.6rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-12 {
    padding-bottom: 19.575rem;
  }
}

.padding-bottom-12-5 {
  padding-bottom: 19.375rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-12-5 {
    padding-bottom: 20.39063rem;
  }
}

.padding-left-12 {
  padding-left: 18.6rem;
}

@media screen and (min-width: 48em) {
  .padding-left-12 {
    padding-left: 19.575rem;
  }
}

.padding-left-12-5 {
  padding-left: 19.375rem;
}

@media screen and (min-width: 48em) {
  .padding-left-12-5 {
    padding-left: 20.39063rem;
  }
}

.padding-right-12 {
  padding-right: 18.6rem;
}

@media screen and (min-width: 48em) {
  .padding-right-12 {
    padding-right: 19.575rem;
  }
}

.padding-right-12-5 {
  padding-right: 19.375rem;
}

@media screen and (min-width: 48em) {
  .padding-right-12-5 {
    padding-right: 20.39063rem;
  }
}

.margin-top-12 {
  margin-top: 18.6rem;
}

@media screen and (min-width: 48em) {
  .margin-top-12 {
    margin-top: 19.575rem;
  }
}

.margin-top-12-5 {
  margin-top: 19.375rem;
}

@media screen and (min-width: 48em) {
  .margin-top-12-5 {
    margin-top: 20.39063rem;
  }
}

.margin-bottom-12 {
  margin-bottom: 18.6rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-12 {
    margin-bottom: 19.575rem;
  }
}

.margin-bottom-12-5 {
  margin-bottom: 19.375rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-12-5 {
    margin-bottom: 20.39063rem;
  }
}

.margin-left-12 {
  margin-left: 18.6rem;
}

@media screen and (min-width: 48em) {
  .margin-left-12 {
    margin-left: 19.575rem;
  }
}

.margin-left-12-5 {
  margin-left: 19.375rem;
}

@media screen and (min-width: 48em) {
  .margin-left-12-5 {
    margin-left: 20.39063rem;
  }
}

.margin-right-12 {
  margin-right: 18.6rem;
}

@media screen and (min-width: 48em) {
  .margin-right-12 {
    margin-right: 19.575rem;
  }
}

.margin-right-12-5 {
  margin-right: 19.375rem;
}

@media screen and (min-width: 48em) {
  .margin-right-12-5 {
    margin-right: 20.39063rem;
  }
}

.height-13 {
  height: 20.15rem;
}

@media screen and (min-width: 48em) {
  .height-13 {
    height: 21.20625rem;
  }
}

.width-13 {
  width: 20.15rem;
}

@media screen and (min-width: 48em) {
  .width-13 {
    width: 21.20625rem;
  }
}

.min-width-13 {
  min-width: 20.15rem;
}

@media screen and (min-width: 48em) {
  .min-width-13 {
    min-width: 21.20625rem;
  }
}

.padding-13 {
  padding-top: 20.15rem;
  padding-right: 20.15rem;
  padding-bottom: 20.15rem;
  padding-left: 20.15rem;
}

@media screen and (min-width: 48em) {
  .padding-13 {
    padding-top: 21.20625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-13 {
    padding-right: 21.20625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-13 {
    padding-bottom: 21.20625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-13 {
    padding-left: 21.20625rem;
  }
}

.padding-13-5 {
  padding-top: 20.925rem;
  padding-right: 20.925rem;
  padding-bottom: 20.925rem;
  padding-left: 20.925rem;
}

@media screen and (min-width: 48em) {
  .padding-13-5 {
    padding-top: 22.02187rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-13-5 {
    padding-right: 22.02187rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-13-5 {
    padding-bottom: 22.02187rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-13-5 {
    padding-left: 22.02187rem;
  }
}

.margin-13 {
  margin-top: 20.15rem;
  margin-right: 20.15rem;
  margin-bottom: 20.15rem;
  margin-left: 20.15rem;
}

@media screen and (min-width: 48em) {
  .margin-13 {
    margin-top: 21.20625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-13 {
    margin-right: 21.20625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-13 {
    margin-bottom: 21.20625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-13 {
    margin-left: 21.20625rem;
  }
}

.margin-13-5 {
  margin-top: 20.925rem;
  margin-right: 20.925rem;
  margin-bottom: 20.925rem;
  margin-left: 20.925rem;
}

@media screen and (min-width: 48em) {
  .margin-13-5 {
    margin-top: 22.02187rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-13-5 {
    margin-right: 22.02187rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-13-5 {
    margin-bottom: 22.02187rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-13-5 {
    margin-left: 22.02187rem;
  }
}

.margin-13-auto {
  margin-top: 20.15rem;
  margin-bottom: 20.15rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-13-auto {
    margin-top: 21.20625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-13-auto {
    margin-bottom: 21.20625rem;
  }
}

.top-13 {
  top: 20.15rem;
}

@media screen and (min-width: 48em) {
  .top-13 {
    top: 21.20625rem;
  }
}

.right-13 {
  right: 20.15rem;
}

@media screen and (min-width: 48em) {
  .right-13 {
    right: 21.20625rem;
  }
}

.left-13 {
  left: 20.15rem;
}

@media screen and (min-width: 48em) {
  .left-13 {
    left: 21.20625rem;
  }
}

.bottom-13 {
  bottom: 20.15rem;
}

@media screen and (min-width: 48em) {
  .bottom-13 {
    bottom: 21.20625rem;
  }
}

.padding-top-13 {
  padding-top: 20.15rem;
}

@media screen and (min-width: 48em) {
  .padding-top-13 {
    padding-top: 21.20625rem;
  }
}

.padding-top-13-5 {
  padding-top: 20.925rem;
}

@media screen and (min-width: 48em) {
  .padding-top-13-5 {
    padding-top: 22.02187rem;
  }
}

.padding-bottom-13 {
  padding-bottom: 20.15rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-13 {
    padding-bottom: 21.20625rem;
  }
}

.padding-bottom-13-5 {
  padding-bottom: 20.925rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-13-5 {
    padding-bottom: 22.02187rem;
  }
}

.padding-left-13 {
  padding-left: 20.15rem;
}

@media screen and (min-width: 48em) {
  .padding-left-13 {
    padding-left: 21.20625rem;
  }
}

.padding-left-13-5 {
  padding-left: 20.925rem;
}

@media screen and (min-width: 48em) {
  .padding-left-13-5 {
    padding-left: 22.02187rem;
  }
}

.padding-right-13 {
  padding-right: 20.15rem;
}

@media screen and (min-width: 48em) {
  .padding-right-13 {
    padding-right: 21.20625rem;
  }
}

.padding-right-13-5 {
  padding-right: 20.925rem;
}

@media screen and (min-width: 48em) {
  .padding-right-13-5 {
    padding-right: 22.02187rem;
  }
}

.margin-top-13 {
  margin-top: 20.15rem;
}

@media screen and (min-width: 48em) {
  .margin-top-13 {
    margin-top: 21.20625rem;
  }
}

.margin-top-13-5 {
  margin-top: 20.925rem;
}

@media screen and (min-width: 48em) {
  .margin-top-13-5 {
    margin-top: 22.02187rem;
  }
}

.margin-bottom-13 {
  margin-bottom: 20.15rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-13 {
    margin-bottom: 21.20625rem;
  }
}

.margin-bottom-13-5 {
  margin-bottom: 20.925rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-13-5 {
    margin-bottom: 22.02187rem;
  }
}

.margin-left-13 {
  margin-left: 20.15rem;
}

@media screen and (min-width: 48em) {
  .margin-left-13 {
    margin-left: 21.20625rem;
  }
}

.margin-left-13-5 {
  margin-left: 20.925rem;
}

@media screen and (min-width: 48em) {
  .margin-left-13-5 {
    margin-left: 22.02187rem;
  }
}

.margin-right-13 {
  margin-right: 20.15rem;
}

@media screen and (min-width: 48em) {
  .margin-right-13 {
    margin-right: 21.20625rem;
  }
}

.margin-right-13-5 {
  margin-right: 20.925rem;
}

@media screen and (min-width: 48em) {
  .margin-right-13-5 {
    margin-right: 22.02187rem;
  }
}

.height-14 {
  height: 21.7rem;
}

@media screen and (min-width: 48em) {
  .height-14 {
    height: 22.8375rem;
  }
}

.width-14 {
  width: 21.7rem;
}

@media screen and (min-width: 48em) {
  .width-14 {
    width: 22.8375rem;
  }
}

.min-width-14 {
  min-width: 21.7rem;
}

@media screen and (min-width: 48em) {
  .min-width-14 {
    min-width: 22.8375rem;
  }
}

.padding-14 {
  padding-top: 21.7rem;
  padding-right: 21.7rem;
  padding-bottom: 21.7rem;
  padding-left: 21.7rem;
}

@media screen and (min-width: 48em) {
  .padding-14 {
    padding-top: 22.8375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-14 {
    padding-right: 22.8375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-14 {
    padding-bottom: 22.8375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-14 {
    padding-left: 22.8375rem;
  }
}

.padding-14-5 {
  padding-top: 22.475rem;
  padding-right: 22.475rem;
  padding-bottom: 22.475rem;
  padding-left: 22.475rem;
}

@media screen and (min-width: 48em) {
  .padding-14-5 {
    padding-top: 23.65312rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-14-5 {
    padding-right: 23.65312rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-14-5 {
    padding-bottom: 23.65312rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-14-5 {
    padding-left: 23.65312rem;
  }
}

.margin-14 {
  margin-top: 21.7rem;
  margin-right: 21.7rem;
  margin-bottom: 21.7rem;
  margin-left: 21.7rem;
}

@media screen and (min-width: 48em) {
  .margin-14 {
    margin-top: 22.8375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-14 {
    margin-right: 22.8375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-14 {
    margin-bottom: 22.8375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-14 {
    margin-left: 22.8375rem;
  }
}

.margin-14-5 {
  margin-top: 22.475rem;
  margin-right: 22.475rem;
  margin-bottom: 22.475rem;
  margin-left: 22.475rem;
}

@media screen and (min-width: 48em) {
  .margin-14-5 {
    margin-top: 23.65312rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-14-5 {
    margin-right: 23.65312rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-14-5 {
    margin-bottom: 23.65312rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-14-5 {
    margin-left: 23.65312rem;
  }
}

.margin-14-auto {
  margin-top: 21.7rem;
  margin-bottom: 21.7rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-14-auto {
    margin-top: 22.8375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-14-auto {
    margin-bottom: 22.8375rem;
  }
}

.top-14 {
  top: 21.7rem;
}

@media screen and (min-width: 48em) {
  .top-14 {
    top: 22.8375rem;
  }
}

.right-14 {
  right: 21.7rem;
}

@media screen and (min-width: 48em) {
  .right-14 {
    right: 22.8375rem;
  }
}

.left-14 {
  left: 21.7rem;
}

@media screen and (min-width: 48em) {
  .left-14 {
    left: 22.8375rem;
  }
}

.bottom-14 {
  bottom: 21.7rem;
}

@media screen and (min-width: 48em) {
  .bottom-14 {
    bottom: 22.8375rem;
  }
}

.padding-top-14 {
  padding-top: 21.7rem;
}

@media screen and (min-width: 48em) {
  .padding-top-14 {
    padding-top: 22.8375rem;
  }
}

.padding-top-14-5 {
  padding-top: 22.475rem;
}

@media screen and (min-width: 48em) {
  .padding-top-14-5 {
    padding-top: 23.65312rem;
  }
}

.padding-bottom-14 {
  padding-bottom: 21.7rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-14 {
    padding-bottom: 22.8375rem;
  }
}

.padding-bottom-14-5 {
  padding-bottom: 22.475rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-14-5 {
    padding-bottom: 23.65312rem;
  }
}

.padding-left-14 {
  padding-left: 21.7rem;
}

@media screen and (min-width: 48em) {
  .padding-left-14 {
    padding-left: 22.8375rem;
  }
}

.padding-left-14-5 {
  padding-left: 22.475rem;
}

@media screen and (min-width: 48em) {
  .padding-left-14-5 {
    padding-left: 23.65312rem;
  }
}

.padding-right-14 {
  padding-right: 21.7rem;
}

@media screen and (min-width: 48em) {
  .padding-right-14 {
    padding-right: 22.8375rem;
  }
}

.padding-right-14-5 {
  padding-right: 22.475rem;
}

@media screen and (min-width: 48em) {
  .padding-right-14-5 {
    padding-right: 23.65312rem;
  }
}

.margin-top-14 {
  margin-top: 21.7rem;
}

@media screen and (min-width: 48em) {
  .margin-top-14 {
    margin-top: 22.8375rem;
  }
}

.margin-top-14-5 {
  margin-top: 22.475rem;
}

@media screen and (min-width: 48em) {
  .margin-top-14-5 {
    margin-top: 23.65312rem;
  }
}

.margin-bottom-14 {
  margin-bottom: 21.7rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-14 {
    margin-bottom: 22.8375rem;
  }
}

.margin-bottom-14-5 {
  margin-bottom: 22.475rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-14-5 {
    margin-bottom: 23.65312rem;
  }
}

.margin-left-14 {
  margin-left: 21.7rem;
}

@media screen and (min-width: 48em) {
  .margin-left-14 {
    margin-left: 22.8375rem;
  }
}

.margin-left-14-5 {
  margin-left: 22.475rem;
}

@media screen and (min-width: 48em) {
  .margin-left-14-5 {
    margin-left: 23.65312rem;
  }
}

.margin-right-14 {
  margin-right: 21.7rem;
}

@media screen and (min-width: 48em) {
  .margin-right-14 {
    margin-right: 22.8375rem;
  }
}

.margin-right-14-5 {
  margin-right: 22.475rem;
}

@media screen and (min-width: 48em) {
  .margin-right-14-5 {
    margin-right: 23.65312rem;
  }
}

.height-15 {
  height: 23.25rem;
}

@media screen and (min-width: 48em) {
  .height-15 {
    height: 24.46875rem;
  }
}

.width-15 {
  width: 23.25rem;
}

@media screen and (min-width: 48em) {
  .width-15 {
    width: 24.46875rem;
  }
}

.min-width-15 {
  min-width: 23.25rem;
}

@media screen and (min-width: 48em) {
  .min-width-15 {
    min-width: 24.46875rem;
  }
}

.padding-15 {
  padding-top: 23.25rem;
  padding-right: 23.25rem;
  padding-bottom: 23.25rem;
  padding-left: 23.25rem;
}

@media screen and (min-width: 48em) {
  .padding-15 {
    padding-top: 24.46875rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-15 {
    padding-right: 24.46875rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-15 {
    padding-bottom: 24.46875rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-15 {
    padding-left: 24.46875rem;
  }
}

.padding-15-5 {
  padding-top: 24.025rem;
  padding-right: 24.025rem;
  padding-bottom: 24.025rem;
  padding-left: 24.025rem;
}

@media screen and (min-width: 48em) {
  .padding-15-5 {
    padding-top: 25.28437rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-15-5 {
    padding-right: 25.28437rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-15-5 {
    padding-bottom: 25.28437rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-15-5 {
    padding-left: 25.28437rem;
  }
}

.margin-15 {
  margin-top: 23.25rem;
  margin-right: 23.25rem;
  margin-bottom: 23.25rem;
  margin-left: 23.25rem;
}

@media screen and (min-width: 48em) {
  .margin-15 {
    margin-top: 24.46875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-15 {
    margin-right: 24.46875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-15 {
    margin-bottom: 24.46875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-15 {
    margin-left: 24.46875rem;
  }
}

.margin-15-5 {
  margin-top: 24.025rem;
  margin-right: 24.025rem;
  margin-bottom: 24.025rem;
  margin-left: 24.025rem;
}

@media screen and (min-width: 48em) {
  .margin-15-5 {
    margin-top: 25.28437rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-15-5 {
    margin-right: 25.28437rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-15-5 {
    margin-bottom: 25.28437rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-15-5 {
    margin-left: 25.28437rem;
  }
}

.margin-15-auto {
  margin-top: 23.25rem;
  margin-bottom: 23.25rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-15-auto {
    margin-top: 24.46875rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-15-auto {
    margin-bottom: 24.46875rem;
  }
}

.top-15 {
  top: 23.25rem;
}

@media screen and (min-width: 48em) {
  .top-15 {
    top: 24.46875rem;
  }
}

.right-15 {
  right: 23.25rem;
}

@media screen and (min-width: 48em) {
  .right-15 {
    right: 24.46875rem;
  }
}

.left-15 {
  left: 23.25rem;
}

@media screen and (min-width: 48em) {
  .left-15 {
    left: 24.46875rem;
  }
}

.bottom-15 {
  bottom: 23.25rem;
}

@media screen and (min-width: 48em) {
  .bottom-15 {
    bottom: 24.46875rem;
  }
}

.padding-top-15 {
  padding-top: 23.25rem;
}

@media screen and (min-width: 48em) {
  .padding-top-15 {
    padding-top: 24.46875rem;
  }
}

.padding-top-15-5 {
  padding-top: 24.025rem;
}

@media screen and (min-width: 48em) {
  .padding-top-15-5 {
    padding-top: 25.28437rem;
  }
}

.padding-bottom-15 {
  padding-bottom: 23.25rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-15 {
    padding-bottom: 24.46875rem;
  }
}

.padding-bottom-15-5 {
  padding-bottom: 24.025rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-15-5 {
    padding-bottom: 25.28437rem;
  }
}

.padding-left-15 {
  padding-left: 23.25rem;
}

@media screen and (min-width: 48em) {
  .padding-left-15 {
    padding-left: 24.46875rem;
  }
}

.padding-left-15-5 {
  padding-left: 24.025rem;
}

@media screen and (min-width: 48em) {
  .padding-left-15-5 {
    padding-left: 25.28437rem;
  }
}

.padding-right-15 {
  padding-right: 23.25rem;
}

@media screen and (min-width: 48em) {
  .padding-right-15 {
    padding-right: 24.46875rem;
  }
}

.padding-right-15-5 {
  padding-right: 24.025rem;
}

@media screen and (min-width: 48em) {
  .padding-right-15-5 {
    padding-right: 25.28437rem;
  }
}

.margin-top-15 {
  margin-top: 23.25rem;
}

@media screen and (min-width: 48em) {
  .margin-top-15 {
    margin-top: 24.46875rem;
  }
}

.margin-top-15-5 {
  margin-top: 24.025rem;
}

@media screen and (min-width: 48em) {
  .margin-top-15-5 {
    margin-top: 25.28437rem;
  }
}

.margin-bottom-15 {
  margin-bottom: 23.25rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-15 {
    margin-bottom: 24.46875rem;
  }
}

.margin-bottom-15-5 {
  margin-bottom: 24.025rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-15-5 {
    margin-bottom: 25.28437rem;
  }
}

.margin-left-15 {
  margin-left: 23.25rem;
}

@media screen and (min-width: 48em) {
  .margin-left-15 {
    margin-left: 24.46875rem;
  }
}

.margin-left-15-5 {
  margin-left: 24.025rem;
}

@media screen and (min-width: 48em) {
  .margin-left-15-5 {
    margin-left: 25.28437rem;
  }
}

.margin-right-15 {
  margin-right: 23.25rem;
}

@media screen and (min-width: 48em) {
  .margin-right-15 {
    margin-right: 24.46875rem;
  }
}

.margin-right-15-5 {
  margin-right: 24.025rem;
}

@media screen and (min-width: 48em) {
  .margin-right-15-5 {
    margin-right: 25.28437rem;
  }
}

.height-16 {
  height: 24.8rem;
}

@media screen and (min-width: 48em) {
  .height-16 {
    height: 26.1rem;
  }
}

.width-16 {
  width: 24.8rem;
}

@media screen and (min-width: 48em) {
  .width-16 {
    width: 26.1rem;
  }
}

.min-width-16 {
  min-width: 24.8rem;
}

@media screen and (min-width: 48em) {
  .min-width-16 {
    min-width: 26.1rem;
  }
}

.padding-16 {
  padding-top: 24.8rem;
  padding-right: 24.8rem;
  padding-bottom: 24.8rem;
  padding-left: 24.8rem;
}

@media screen and (min-width: 48em) {
  .padding-16 {
    padding-top: 26.1rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-16 {
    padding-right: 26.1rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-16 {
    padding-bottom: 26.1rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-16 {
    padding-left: 26.1rem;
  }
}

.padding-16-5 {
  padding-top: 25.575rem;
  padding-right: 25.575rem;
  padding-bottom: 25.575rem;
  padding-left: 25.575rem;
}

@media screen and (min-width: 48em) {
  .padding-16-5 {
    padding-top: 26.91562rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-16-5 {
    padding-right: 26.91562rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-16-5 {
    padding-bottom: 26.91562rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-16-5 {
    padding-left: 26.91562rem;
  }
}

.margin-16 {
  margin-top: 24.8rem;
  margin-right: 24.8rem;
  margin-bottom: 24.8rem;
  margin-left: 24.8rem;
}

@media screen and (min-width: 48em) {
  .margin-16 {
    margin-top: 26.1rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-16 {
    margin-right: 26.1rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-16 {
    margin-bottom: 26.1rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-16 {
    margin-left: 26.1rem;
  }
}

.margin-16-5 {
  margin-top: 25.575rem;
  margin-right: 25.575rem;
  margin-bottom: 25.575rem;
  margin-left: 25.575rem;
}

@media screen and (min-width: 48em) {
  .margin-16-5 {
    margin-top: 26.91562rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-16-5 {
    margin-right: 26.91562rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-16-5 {
    margin-bottom: 26.91562rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-16-5 {
    margin-left: 26.91562rem;
  }
}

.margin-16-auto {
  margin-top: 24.8rem;
  margin-bottom: 24.8rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-16-auto {
    margin-top: 26.1rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-16-auto {
    margin-bottom: 26.1rem;
  }
}

.top-16 {
  top: 24.8rem;
}

@media screen and (min-width: 48em) {
  .top-16 {
    top: 26.1rem;
  }
}

.right-16 {
  right: 24.8rem;
}

@media screen and (min-width: 48em) {
  .right-16 {
    right: 26.1rem;
  }
}

.left-16 {
  left: 24.8rem;
}

@media screen and (min-width: 48em) {
  .left-16 {
    left: 26.1rem;
  }
}

.bottom-16 {
  bottom: 24.8rem;
}

@media screen and (min-width: 48em) {
  .bottom-16 {
    bottom: 26.1rem;
  }
}

.padding-top-16 {
  padding-top: 24.8rem;
}

@media screen and (min-width: 48em) {
  .padding-top-16 {
    padding-top: 26.1rem;
  }
}

.padding-top-16-5 {
  padding-top: 25.575rem;
}

@media screen and (min-width: 48em) {
  .padding-top-16-5 {
    padding-top: 26.91562rem;
  }
}

.padding-bottom-16 {
  padding-bottom: 24.8rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-16 {
    padding-bottom: 26.1rem;
  }
}

.padding-bottom-16-5 {
  padding-bottom: 25.575rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-16-5 {
    padding-bottom: 26.91562rem;
  }
}

.padding-left-16 {
  padding-left: 24.8rem;
}

@media screen and (min-width: 48em) {
  .padding-left-16 {
    padding-left: 26.1rem;
  }
}

.padding-left-16-5 {
  padding-left: 25.575rem;
}

@media screen and (min-width: 48em) {
  .padding-left-16-5 {
    padding-left: 26.91562rem;
  }
}

.padding-right-16 {
  padding-right: 24.8rem;
}

@media screen and (min-width: 48em) {
  .padding-right-16 {
    padding-right: 26.1rem;
  }
}

.padding-right-16-5 {
  padding-right: 25.575rem;
}

@media screen and (min-width: 48em) {
  .padding-right-16-5 {
    padding-right: 26.91562rem;
  }
}

.margin-top-16 {
  margin-top: 24.8rem;
}

@media screen and (min-width: 48em) {
  .margin-top-16 {
    margin-top: 26.1rem;
  }
}

.margin-top-16-5 {
  margin-top: 25.575rem;
}

@media screen and (min-width: 48em) {
  .margin-top-16-5 {
    margin-top: 26.91562rem;
  }
}

.margin-bottom-16 {
  margin-bottom: 24.8rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-16 {
    margin-bottom: 26.1rem;
  }
}

.margin-bottom-16-5 {
  margin-bottom: 25.575rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-16-5 {
    margin-bottom: 26.91562rem;
  }
}

.margin-left-16 {
  margin-left: 24.8rem;
}

@media screen and (min-width: 48em) {
  .margin-left-16 {
    margin-left: 26.1rem;
  }
}

.margin-left-16-5 {
  margin-left: 25.575rem;
}

@media screen and (min-width: 48em) {
  .margin-left-16-5 {
    margin-left: 26.91562rem;
  }
}

.margin-right-16 {
  margin-right: 24.8rem;
}

@media screen and (min-width: 48em) {
  .margin-right-16 {
    margin-right: 26.1rem;
  }
}

.margin-right-16-5 {
  margin-right: 25.575rem;
}

@media screen and (min-width: 48em) {
  .margin-right-16-5 {
    margin-right: 26.91562rem;
  }
}

.height-17 {
  height: 26.35rem;
}

@media screen and (min-width: 48em) {
  .height-17 {
    height: 27.73125rem;
  }
}

.width-17 {
  width: 26.35rem;
}

@media screen and (min-width: 48em) {
  .width-17 {
    width: 27.73125rem;
  }
}

.min-width-17 {
  min-width: 26.35rem;
}

@media screen and (min-width: 48em) {
  .min-width-17 {
    min-width: 27.73125rem;
  }
}

.padding-17 {
  padding-top: 26.35rem;
  padding-right: 26.35rem;
  padding-bottom: 26.35rem;
  padding-left: 26.35rem;
}

@media screen and (min-width: 48em) {
  .padding-17 {
    padding-top: 27.73125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-17 {
    padding-right: 27.73125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-17 {
    padding-bottom: 27.73125rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-17 {
    padding-left: 27.73125rem;
  }
}

.padding-17-5 {
  padding-top: 27.125rem;
  padding-right: 27.125rem;
  padding-bottom: 27.125rem;
  padding-left: 27.125rem;
}

@media screen and (min-width: 48em) {
  .padding-17-5 {
    padding-top: 28.54687rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-17-5 {
    padding-right: 28.54687rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-17-5 {
    padding-bottom: 28.54687rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-17-5 {
    padding-left: 28.54687rem;
  }
}

.margin-17 {
  margin-top: 26.35rem;
  margin-right: 26.35rem;
  margin-bottom: 26.35rem;
  margin-left: 26.35rem;
}

@media screen and (min-width: 48em) {
  .margin-17 {
    margin-top: 27.73125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-17 {
    margin-right: 27.73125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-17 {
    margin-bottom: 27.73125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-17 {
    margin-left: 27.73125rem;
  }
}

.margin-17-5 {
  margin-top: 27.125rem;
  margin-right: 27.125rem;
  margin-bottom: 27.125rem;
  margin-left: 27.125rem;
}

@media screen and (min-width: 48em) {
  .margin-17-5 {
    margin-top: 28.54687rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-17-5 {
    margin-right: 28.54687rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-17-5 {
    margin-bottom: 28.54687rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-17-5 {
    margin-left: 28.54687rem;
  }
}

.margin-17-auto {
  margin-top: 26.35rem;
  margin-bottom: 26.35rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-17-auto {
    margin-top: 27.73125rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-17-auto {
    margin-bottom: 27.73125rem;
  }
}

.top-17 {
  top: 26.35rem;
}

@media screen and (min-width: 48em) {
  .top-17 {
    top: 27.73125rem;
  }
}

.right-17 {
  right: 26.35rem;
}

@media screen and (min-width: 48em) {
  .right-17 {
    right: 27.73125rem;
  }
}

.left-17 {
  left: 26.35rem;
}

@media screen and (min-width: 48em) {
  .left-17 {
    left: 27.73125rem;
  }
}

.bottom-17 {
  bottom: 26.35rem;
}

@media screen and (min-width: 48em) {
  .bottom-17 {
    bottom: 27.73125rem;
  }
}

.padding-top-17 {
  padding-top: 26.35rem;
}

@media screen and (min-width: 48em) {
  .padding-top-17 {
    padding-top: 27.73125rem;
  }
}

.padding-top-17-5 {
  padding-top: 27.125rem;
}

@media screen and (min-width: 48em) {
  .padding-top-17-5 {
    padding-top: 28.54687rem;
  }
}

.padding-bottom-17 {
  padding-bottom: 26.35rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-17 {
    padding-bottom: 27.73125rem;
  }
}

.padding-bottom-17-5 {
  padding-bottom: 27.125rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-17-5 {
    padding-bottom: 28.54687rem;
  }
}

.padding-left-17 {
  padding-left: 26.35rem;
}

@media screen and (min-width: 48em) {
  .padding-left-17 {
    padding-left: 27.73125rem;
  }
}

.padding-left-17-5 {
  padding-left: 27.125rem;
}

@media screen and (min-width: 48em) {
  .padding-left-17-5 {
    padding-left: 28.54687rem;
  }
}

.padding-right-17 {
  padding-right: 26.35rem;
}

@media screen and (min-width: 48em) {
  .padding-right-17 {
    padding-right: 27.73125rem;
  }
}

.padding-right-17-5 {
  padding-right: 27.125rem;
}

@media screen and (min-width: 48em) {
  .padding-right-17-5 {
    padding-right: 28.54687rem;
  }
}

.margin-top-17 {
  margin-top: 26.35rem;
}

@media screen and (min-width: 48em) {
  .margin-top-17 {
    margin-top: 27.73125rem;
  }
}

.margin-top-17-5 {
  margin-top: 27.125rem;
}

@media screen and (min-width: 48em) {
  .margin-top-17-5 {
    margin-top: 28.54687rem;
  }
}

.margin-bottom-17 {
  margin-bottom: 26.35rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-17 {
    margin-bottom: 27.73125rem;
  }
}

.margin-bottom-17-5 {
  margin-bottom: 27.125rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-17-5 {
    margin-bottom: 28.54687rem;
  }
}

.margin-left-17 {
  margin-left: 26.35rem;
}

@media screen and (min-width: 48em) {
  .margin-left-17 {
    margin-left: 27.73125rem;
  }
}

.margin-left-17-5 {
  margin-left: 27.125rem;
}

@media screen and (min-width: 48em) {
  .margin-left-17-5 {
    margin-left: 28.54687rem;
  }
}

.margin-right-17 {
  margin-right: 26.35rem;
}

@media screen and (min-width: 48em) {
  .margin-right-17 {
    margin-right: 27.73125rem;
  }
}

.margin-right-17-5 {
  margin-right: 27.125rem;
}

@media screen and (min-width: 48em) {
  .margin-right-17-5 {
    margin-right: 28.54687rem;
  }
}

.height-18 {
  height: 27.9rem;
}

@media screen and (min-width: 48em) {
  .height-18 {
    height: 29.3625rem;
  }
}

.width-18 {
  width: 27.9rem;
}

@media screen and (min-width: 48em) {
  .width-18 {
    width: 29.3625rem;
  }
}

.min-width-18 {
  min-width: 27.9rem;
}

@media screen and (min-width: 48em) {
  .min-width-18 {
    min-width: 29.3625rem;
  }
}

.padding-18 {
  padding-top: 27.9rem;
  padding-right: 27.9rem;
  padding-bottom: 27.9rem;
  padding-left: 27.9rem;
}

@media screen and (min-width: 48em) {
  .padding-18 {
    padding-top: 29.3625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-18 {
    padding-right: 29.3625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-18 {
    padding-bottom: 29.3625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-18 {
    padding-left: 29.3625rem;
  }
}

.padding-18-5 {
  padding-top: 28.675rem;
  padding-right: 28.675rem;
  padding-bottom: 28.675rem;
  padding-left: 28.675rem;
}

@media screen and (min-width: 48em) {
  .padding-18-5 {
    padding-top: 30.17812rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-18-5 {
    padding-right: 30.17812rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-18-5 {
    padding-bottom: 30.17812rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-18-5 {
    padding-left: 30.17812rem;
  }
}

.margin-18 {
  margin-top: 27.9rem;
  margin-right: 27.9rem;
  margin-bottom: 27.9rem;
  margin-left: 27.9rem;
}

@media screen and (min-width: 48em) {
  .margin-18 {
    margin-top: 29.3625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-18 {
    margin-right: 29.3625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-18 {
    margin-bottom: 29.3625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-18 {
    margin-left: 29.3625rem;
  }
}

.margin-18-5 {
  margin-top: 28.675rem;
  margin-right: 28.675rem;
  margin-bottom: 28.675rem;
  margin-left: 28.675rem;
}

@media screen and (min-width: 48em) {
  .margin-18-5 {
    margin-top: 30.17812rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-18-5 {
    margin-right: 30.17812rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-18-5 {
    margin-bottom: 30.17812rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-18-5 {
    margin-left: 30.17812rem;
  }
}

.margin-18-auto {
  margin-top: 27.9rem;
  margin-bottom: 27.9rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-18-auto {
    margin-top: 29.3625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-18-auto {
    margin-bottom: 29.3625rem;
  }
}

.top-18 {
  top: 27.9rem;
}

@media screen and (min-width: 48em) {
  .top-18 {
    top: 29.3625rem;
  }
}

.right-18 {
  right: 27.9rem;
}

@media screen and (min-width: 48em) {
  .right-18 {
    right: 29.3625rem;
  }
}

.left-18 {
  left: 27.9rem;
}

@media screen and (min-width: 48em) {
  .left-18 {
    left: 29.3625rem;
  }
}

.bottom-18 {
  bottom: 27.9rem;
}

@media screen and (min-width: 48em) {
  .bottom-18 {
    bottom: 29.3625rem;
  }
}

.padding-top-18 {
  padding-top: 27.9rem;
}

@media screen and (min-width: 48em) {
  .padding-top-18 {
    padding-top: 29.3625rem;
  }
}

.padding-top-18-5 {
  padding-top: 28.675rem;
}

@media screen and (min-width: 48em) {
  .padding-top-18-5 {
    padding-top: 30.17812rem;
  }
}

.padding-bottom-18 {
  padding-bottom: 27.9rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-18 {
    padding-bottom: 29.3625rem;
  }
}

.padding-bottom-18-5 {
  padding-bottom: 28.675rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-18-5 {
    padding-bottom: 30.17812rem;
  }
}

.padding-left-18 {
  padding-left: 27.9rem;
}

@media screen and (min-width: 48em) {
  .padding-left-18 {
    padding-left: 29.3625rem;
  }
}

.padding-left-18-5 {
  padding-left: 28.675rem;
}

@media screen and (min-width: 48em) {
  .padding-left-18-5 {
    padding-left: 30.17812rem;
  }
}

.padding-right-18 {
  padding-right: 27.9rem;
}

@media screen and (min-width: 48em) {
  .padding-right-18 {
    padding-right: 29.3625rem;
  }
}

.padding-right-18-5 {
  padding-right: 28.675rem;
}

@media screen and (min-width: 48em) {
  .padding-right-18-5 {
    padding-right: 30.17812rem;
  }
}

.margin-top-18 {
  margin-top: 27.9rem;
}

@media screen and (min-width: 48em) {
  .margin-top-18 {
    margin-top: 29.3625rem;
  }
}

.margin-top-18-5 {
  margin-top: 28.675rem;
}

@media screen and (min-width: 48em) {
  .margin-top-18-5 {
    margin-top: 30.17812rem;
  }
}

.margin-bottom-18 {
  margin-bottom: 27.9rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-18 {
    margin-bottom: 29.3625rem;
  }
}

.margin-bottom-18-5 {
  margin-bottom: 28.675rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-18-5 {
    margin-bottom: 30.17812rem;
  }
}

.margin-left-18 {
  margin-left: 27.9rem;
}

@media screen and (min-width: 48em) {
  .margin-left-18 {
    margin-left: 29.3625rem;
  }
}

.margin-left-18-5 {
  margin-left: 28.675rem;
}

@media screen and (min-width: 48em) {
  .margin-left-18-5 {
    margin-left: 30.17812rem;
  }
}

.margin-right-18 {
  margin-right: 27.9rem;
}

@media screen and (min-width: 48em) {
  .margin-right-18 {
    margin-right: 29.3625rem;
  }
}

.margin-right-18-5 {
  margin-right: 28.675rem;
}

@media screen and (min-width: 48em) {
  .margin-right-18-5 {
    margin-right: 30.17812rem;
  }
}

.height-19 {
  height: 29.45rem;
}

@media screen and (min-width: 48em) {
  .height-19 {
    height: 30.99375rem;
  }
}

.width-19 {
  width: 29.45rem;
}

@media screen and (min-width: 48em) {
  .width-19 {
    width: 30.99375rem;
  }
}

.min-width-19 {
  min-width: 29.45rem;
}

@media screen and (min-width: 48em) {
  .min-width-19 {
    min-width: 30.99375rem;
  }
}

.padding-19 {
  padding-top: 29.45rem;
  padding-right: 29.45rem;
  padding-bottom: 29.45rem;
  padding-left: 29.45rem;
}

@media screen and (min-width: 48em) {
  .padding-19 {
    padding-top: 30.99375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-19 {
    padding-right: 30.99375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-19 {
    padding-bottom: 30.99375rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-19 {
    padding-left: 30.99375rem;
  }
}

.padding-19-5 {
  padding-top: 30.225rem;
  padding-right: 30.225rem;
  padding-bottom: 30.225rem;
  padding-left: 30.225rem;
}

@media screen and (min-width: 48em) {
  .padding-19-5 {
    padding-top: 31.80937rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-19-5 {
    padding-right: 31.80937rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-19-5 {
    padding-bottom: 31.80937rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-19-5 {
    padding-left: 31.80937rem;
  }
}

.margin-19 {
  margin-top: 29.45rem;
  margin-right: 29.45rem;
  margin-bottom: 29.45rem;
  margin-left: 29.45rem;
}

@media screen and (min-width: 48em) {
  .margin-19 {
    margin-top: 30.99375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-19 {
    margin-right: 30.99375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-19 {
    margin-bottom: 30.99375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-19 {
    margin-left: 30.99375rem;
  }
}

.margin-19-5 {
  margin-top: 30.225rem;
  margin-right: 30.225rem;
  margin-bottom: 30.225rem;
  margin-left: 30.225rem;
}

@media screen and (min-width: 48em) {
  .margin-19-5 {
    margin-top: 31.80937rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-19-5 {
    margin-right: 31.80937rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-19-5 {
    margin-bottom: 31.80937rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-19-5 {
    margin-left: 31.80937rem;
  }
}

.margin-19-auto {
  margin-top: 29.45rem;
  margin-bottom: 29.45rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-19-auto {
    margin-top: 30.99375rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-19-auto {
    margin-bottom: 30.99375rem;
  }
}

.top-19 {
  top: 29.45rem;
}

@media screen and (min-width: 48em) {
  .top-19 {
    top: 30.99375rem;
  }
}

.right-19 {
  right: 29.45rem;
}

@media screen and (min-width: 48em) {
  .right-19 {
    right: 30.99375rem;
  }
}

.left-19 {
  left: 29.45rem;
}

@media screen and (min-width: 48em) {
  .left-19 {
    left: 30.99375rem;
  }
}

.bottom-19 {
  bottom: 29.45rem;
}

@media screen and (min-width: 48em) {
  .bottom-19 {
    bottom: 30.99375rem;
  }
}

.padding-top-19 {
  padding-top: 29.45rem;
}

@media screen and (min-width: 48em) {
  .padding-top-19 {
    padding-top: 30.99375rem;
  }
}

.padding-top-19-5 {
  padding-top: 30.225rem;
}

@media screen and (min-width: 48em) {
  .padding-top-19-5 {
    padding-top: 31.80937rem;
  }
}

.padding-bottom-19 {
  padding-bottom: 29.45rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-19 {
    padding-bottom: 30.99375rem;
  }
}

.padding-bottom-19-5 {
  padding-bottom: 30.225rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-19-5 {
    padding-bottom: 31.80937rem;
  }
}

.padding-left-19 {
  padding-left: 29.45rem;
}

@media screen and (min-width: 48em) {
  .padding-left-19 {
    padding-left: 30.99375rem;
  }
}

.padding-left-19-5 {
  padding-left: 30.225rem;
}

@media screen and (min-width: 48em) {
  .padding-left-19-5 {
    padding-left: 31.80937rem;
  }
}

.padding-right-19 {
  padding-right: 29.45rem;
}

@media screen and (min-width: 48em) {
  .padding-right-19 {
    padding-right: 30.99375rem;
  }
}

.padding-right-19-5 {
  padding-right: 30.225rem;
}

@media screen and (min-width: 48em) {
  .padding-right-19-5 {
    padding-right: 31.80937rem;
  }
}

.margin-top-19 {
  margin-top: 29.45rem;
}

@media screen and (min-width: 48em) {
  .margin-top-19 {
    margin-top: 30.99375rem;
  }
}

.margin-top-19-5 {
  margin-top: 30.225rem;
}

@media screen and (min-width: 48em) {
  .margin-top-19-5 {
    margin-top: 31.80937rem;
  }
}

.margin-bottom-19 {
  margin-bottom: 29.45rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-19 {
    margin-bottom: 30.99375rem;
  }
}

.margin-bottom-19-5 {
  margin-bottom: 30.225rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-19-5 {
    margin-bottom: 31.80937rem;
  }
}

.margin-left-19 {
  margin-left: 29.45rem;
}

@media screen and (min-width: 48em) {
  .margin-left-19 {
    margin-left: 30.99375rem;
  }
}

.margin-left-19-5 {
  margin-left: 30.225rem;
}

@media screen and (min-width: 48em) {
  .margin-left-19-5 {
    margin-left: 31.80937rem;
  }
}

.margin-right-19 {
  margin-right: 29.45rem;
}

@media screen and (min-width: 48em) {
  .margin-right-19 {
    margin-right: 30.99375rem;
  }
}

.margin-right-19-5 {
  margin-right: 30.225rem;
}

@media screen and (min-width: 48em) {
  .margin-right-19-5 {
    margin-right: 31.80937rem;
  }
}

.height-20 {
  height: 31rem;
}

@media screen and (min-width: 48em) {
  .height-20 {
    height: 32.625rem;
  }
}

.width-20 {
  width: 31rem;
}

@media screen and (min-width: 48em) {
  .width-20 {
    width: 32.625rem;
  }
}

.min-width-20 {
  min-width: 31rem;
}

@media screen and (min-width: 48em) {
  .min-width-20 {
    min-width: 32.625rem;
  }
}

.padding-20 {
  padding-top: 31rem;
  padding-right: 31rem;
  padding-bottom: 31rem;
  padding-left: 31rem;
}

@media screen and (min-width: 48em) {
  .padding-20 {
    padding-top: 32.625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-20 {
    padding-right: 32.625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-20 {
    padding-bottom: 32.625rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-20 {
    padding-left: 32.625rem;
  }
}

.padding-20-5 {
  padding-top: 31.775rem;
  padding-right: 31.775rem;
  padding-bottom: 31.775rem;
  padding-left: 31.775rem;
}

@media screen and (min-width: 48em) {
  .padding-20-5 {
    padding-top: 33.44062rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-20-5 {
    padding-right: 33.44062rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-20-5 {
    padding-bottom: 33.44062rem;
  }
}

@media screen and (min-width: 48em) {
  .padding-20-5 {
    padding-left: 33.44062rem;
  }
}

.margin-20 {
  margin-top: 31rem;
  margin-right: 31rem;
  margin-bottom: 31rem;
  margin-left: 31rem;
}

@media screen and (min-width: 48em) {
  .margin-20 {
    margin-top: 32.625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-20 {
    margin-right: 32.625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-20 {
    margin-bottom: 32.625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-20 {
    margin-left: 32.625rem;
  }
}

.margin-20-5 {
  margin-top: 31.775rem;
  margin-right: 31.775rem;
  margin-bottom: 31.775rem;
  margin-left: 31.775rem;
}

@media screen and (min-width: 48em) {
  .margin-20-5 {
    margin-top: 33.44062rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-20-5 {
    margin-right: 33.44062rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-20-5 {
    margin-bottom: 33.44062rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-20-5 {
    margin-left: 33.44062rem;
  }
}

.margin-20-auto {
  margin-top: 31rem;
  margin-bottom: 31rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .margin-20-auto {
    margin-top: 32.625rem;
  }
}

@media screen and (min-width: 48em) {
  .margin-20-auto {
    margin-bottom: 32.625rem;
  }
}

.top-20 {
  top: 31rem;
}

@media screen and (min-width: 48em) {
  .top-20 {
    top: 32.625rem;
  }
}

.right-20 {
  right: 31rem;
}

@media screen and (min-width: 48em) {
  .right-20 {
    right: 32.625rem;
  }
}

.left-20 {
  left: 31rem;
}

@media screen and (min-width: 48em) {
  .left-20 {
    left: 32.625rem;
  }
}

.bottom-20 {
  bottom: 31rem;
}

@media screen and (min-width: 48em) {
  .bottom-20 {
    bottom: 32.625rem;
  }
}

.padding-top-20 {
  padding-top: 31rem;
}

@media screen and (min-width: 48em) {
  .padding-top-20 {
    padding-top: 32.625rem;
  }
}

.padding-top-20-5 {
  padding-top: 31.775rem;
}

@media screen and (min-width: 48em) {
  .padding-top-20-5 {
    padding-top: 33.44062rem;
  }
}

.padding-bottom-20 {
  padding-bottom: 31rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-20 {
    padding-bottom: 32.625rem;
  }
}

.padding-bottom-20-5 {
  padding-bottom: 31.775rem;
}

@media screen and (min-width: 48em) {
  .padding-bottom-20-5 {
    padding-bottom: 33.44062rem;
  }
}

.padding-left-20 {
  padding-left: 31rem;
}

@media screen and (min-width: 48em) {
  .padding-left-20 {
    padding-left: 32.625rem;
  }
}

.padding-left-20-5 {
  padding-left: 31.775rem;
}

@media screen and (min-width: 48em) {
  .padding-left-20-5 {
    padding-left: 33.44062rem;
  }
}

.padding-right-20 {
  padding-right: 31rem;
}

@media screen and (min-width: 48em) {
  .padding-right-20 {
    padding-right: 32.625rem;
  }
}

.padding-right-20-5 {
  padding-right: 31.775rem;
}

@media screen and (min-width: 48em) {
  .padding-right-20-5 {
    padding-right: 33.44062rem;
  }
}

.margin-top-20 {
  margin-top: 31rem;
}

@media screen and (min-width: 48em) {
  .margin-top-20 {
    margin-top: 32.625rem;
  }
}

.margin-top-20-5 {
  margin-top: 31.775rem;
}

@media screen and (min-width: 48em) {
  .margin-top-20-5 {
    margin-top: 33.44062rem;
  }
}

.margin-bottom-20 {
  margin-bottom: 31rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-20 {
    margin-bottom: 32.625rem;
  }
}

.margin-bottom-20-5 {
  margin-bottom: 31.775rem;
}

@media screen and (min-width: 48em) {
  .margin-bottom-20-5 {
    margin-bottom: 33.44062rem;
  }
}

.margin-left-20 {
  margin-left: 31rem;
}

@media screen and (min-width: 48em) {
  .margin-left-20 {
    margin-left: 32.625rem;
  }
}

.margin-left-20-5 {
  margin-left: 31.775rem;
}

@media screen and (min-width: 48em) {
  .margin-left-20-5 {
    margin-left: 33.44062rem;
  }
}

.margin-right-20 {
  margin-right: 31rem;
}

@media screen and (min-width: 48em) {
  .margin-right-20 {
    margin-right: 32.625rem;
  }
}

.margin-right-20-5 {
  margin-right: 31.775rem;
}

@media screen and (min-width: 48em) {
  .margin-right-20-5 {
    margin-right: 33.44062rem;
  }
}

.grid {
  background-image: linear-gradient(to bottom, #9b59b6FF 0px, transparent 1px);
  background-size: 100% 1.55rem;
}

@media screen and (min-width: 48em) {
  .grid {
    background-image: linear-gradient(to bottom, #9b59b6FF 0px, transparent 1px);
    background-size: 100% 1.63125rem;
  }
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.fullwidth {
  width: 100%;
  box-sizing: border-box;
}

.fullheight {
  min-height: 100vh;
}

@media not screen and (min-width: 48em) {
  .desktop-only {
    display: none;
  }
}

@media screen and (min-width: 48em) {
  .mobile-only {
    display: none;
  }
}

.cursor-pointer {
  cursor: pointer;
}

.close-icon::after {
  cursor: pointer;
  content: '\f057';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0.775rem;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: opacity 200ms;
}

@media screen and (min-width: 48em) {
  .close-icon::after {
    right: 0.81562rem;
  }
}

.close-icon:hover::after {
  opacity: 0.7;
}

.relative {
  position: relative;
}

.text-small {
  font-size: 0.84096rem;
}

@media screen and (min-width: 48em) {
  .text-small {
    font-size: 0.94608rem;
  }
}

.text-medium {
  font-size: 1.414rem;
  line-height: 1.9375rem;
}

@media screen and (min-width: 48em) {
  .text-medium {
    font-size: 1.59075rem;
  }
}

@media screen and (min-width: 48em) {
  .text-medium {
    line-height: 2.03906rem;
  }
}

.text-big {
  font-size: 1.9994rem;
  line-height: 2.325rem;
}

@media screen and (min-width: 48em) {
  .text-big {
    font-size: 2.24932rem;
  }
}

@media screen and (min-width: 48em) {
  .text-big {
    line-height: 2.44687rem;
  }
}

/* TODO what to do with this ? */
.background-primary {
  background-color: #9b59b6;
  color: #fff;
}

.background-primary a {
  color: #eeeeee;
}

.color-primary {
  color: #9b59b6;
}

.hover-primary {
  cursor: pointer;
  transition: 200ms color;
}

.hover-primary:hover {
  color: #9b59b6;
}

.background-info {
  background-color: #3498db;
  color: #fff;
}

.background-info a {
  color: #eeeeee;
}

.color-info {
  color: #3498db;
}

.hover-info {
  cursor: pointer;
  transition: 200ms color;
}

.hover-info:hover {
  color: #3498db;
}

.background-warning {
  background-color: #f1c40f;
  color: rgba(0, 0, 0, 0.7);
}

.background-warning a {
  color: #333333;
}

.color-warning {
  color: #f1c40f;
}

.hover-warning {
  cursor: pointer;
  transition: 200ms color;
}

.hover-warning:hover {
  color: #f1c40f;
}

.background-danger {
  background-color: #e74c3c;
  color: #fff;
}

.background-danger a {
  color: #eeeeee;
}

.color-danger {
  color: #e74c3c;
}

.hover-danger {
  cursor: pointer;
  transition: 200ms color;
}

.hover-danger:hover {
  color: #e74c3c;
}

.background-white {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.7);
}

.background-white a {
  color: #333333;
}

.color-white {
  color: #fff;
}

.hover-white {
  cursor: pointer;
  transition: 200ms color;
}

.hover-white:hover {
  color: #fff;
}

.background-dark {
  background-color: #333333;
  color: #fff;
}

.background-dark a {
  color: #eeeeee;
}

.color-dark {
  color: #333333;
}

.hover-dark {
  cursor: pointer;
  transition: 200ms color;
}

.hover-dark:hover {
  color: #333333;
}

.background-light {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.7);
}

.background-light a {
  color: #333333;
}

.color-light {
  color: #eeeeee;
}

.hover-light {
  cursor: pointer;
  transition: 200ms color;
}

.hover-light:hover {
  color: #eeeeee;
}

.background-success {
  background-color: #44d13f;
  color: #fff;
}

.background-success a {
  color: #eeeeee;
}

.color-success {
  color: #44d13f;
}

.hover-success {
  cursor: pointer;
  transition: 200ms color;
}

.hover-success:hover {
  color: #44d13f;
}

.background-grey {
  background-color: #666666;
  color: #fff;
}

.background-grey a {
  color: #eeeeee;
}

.color-grey {
  color: #666666;
}

.hover-grey {
  cursor: pointer;
  transition: 200ms color;
}

.hover-grey:hover {
  color: #666666;
}

.background-grey-1 {
  background-color: #333333;
  color: #fff;
}

.background-grey-1 a {
  color: #eeeeee;
}

.color-grey-1 {
  color: #333333;
}

.hover-grey-1 {
  cursor: pointer;
  transition: 200ms color;
}

.hover-grey-1:hover {
  color: #333333;
}

.background-grey-2 {
  background-color: #555555;
  color: #fff;
}

.background-grey-2 a {
  color: #eeeeee;
}

.color-grey-2 {
  color: #555555;
}

.hover-grey-2 {
  cursor: pointer;
  transition: 200ms color;
}

.hover-grey-2:hover {
  color: #555555;
}

.background-grey-3 {
  background-color: #888888;
  color: #fff;
}

.background-grey-3 a {
  color: #eeeeee;
}

.color-grey-3 {
  color: #888888;
}

.hover-grey-3 {
  cursor: pointer;
  transition: 200ms color;
}

.hover-grey-3:hover {
  color: #888888;
}

.background-grey-4 {
  background-color: #aaaaaa;
  color: #fff;
}

.background-grey-4 a {
  color: #eeeeee;
}

.color-grey-4 {
  color: #aaaaaa;
}

.hover-grey-4 {
  cursor: pointer;
  transition: 200ms color;
}

.hover-grey-4:hover {
  color: #aaaaaa;
}

.background-custom-color {
  background-color: #9b59b6;
  color: #fff;
}

.background-custom-color a {
  color: #eeeeee;
}

.color-custom-color {
  color: #9b59b6;
}

.hover-custom-color {
  cursor: pointer;
  transition: 200ms color;
}

.hover-custom-color:hover {
  color: #9b59b6;
}

body {
  background-color: #eeeeee;
  color: #333333;
  font-family: Arial;
  font-size: 1rem;
  line-height: 1.55rem;
}

@media screen and (min-width: 48em) {
  body {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 48em) {
  body {
    line-height: 1.63125rem;
  }
}

body, caption, th, td, input, button, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: none;
  margin: 0;
}

a {
  transition: opacity 200ms;
}

a:hover {
  opacity: 0.6;
}

p {
  margin-bottom: 1.55rem;
  margin-top: 0;
}

@media screen and (min-width: 48em) {
  p {
    margin-bottom: 1.63125rem;
  }
}

h1 {
  line-height: 3.1rem;
  margin-top: 4.65rem;
  margin-bottom: 1.55rem;
}

@media screen and (min-width: 48em) {
  h1 {
    line-height: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  h1 {
    margin-top: 4.89375rem;
  }
}

@media screen and (min-width: 48em) {
  h1 {
    margin-bottom: 1.63125rem;
  }
}

h2 {
  line-height: 3.1rem;
  margin-top: 3.1rem;
  margin-bottom: 1.55rem;
}

@media screen and (min-width: 48em) {
  h2 {
    line-height: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  h2 {
    margin-top: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  h2 {
    margin-bottom: 1.63125rem;
  }
}

h3 {
  line-height: 3.1rem;
  margin-top: 3.1rem;
  margin-bottom: 1.55rem;
}

@media screen and (min-width: 48em) {
  h3 {
    line-height: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  h3 {
    margin-top: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  h3 {
    margin-bottom: 1.63125rem;
  }
}

h4 {
  line-height: 1.55rem;
  margin-top: 1.55rem;
  margin-bottom: 0rem;
}

@media screen and (min-width: 48em) {
  h4 {
    line-height: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  h4 {
    margin-top: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  h4 {
    margin-bottom: 0rem;
  }
}

h5 {
  line-height: 1.55rem;
  margin-top: 1.55rem;
  margin-bottom: 0rem;
}

@media screen and (min-width: 48em) {
  h5 {
    line-height: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  h5 {
    margin-top: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  h5 {
    margin-bottom: 0rem;
  }
}

h6 {
  line-height: 1.55rem;
  margin-top: 1.55rem;
  margin-bottom: 0rem;
}

@media screen and (min-width: 48em) {
  h6 {
    line-height: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  h6 {
    margin-top: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  h6 {
    margin-bottom: 0rem;
  }
}

h1, h2, h3, h4, h5, h6 {
  hyphens: none !important;
}

h1 {
  font-weight: 900;
  font-size: 2.82715rem;
  letter-spacing: -1px;
  font-variant-caps: small-caps !important;
}

@media screen and (min-width: 48em) {
  h1 {
    font-size: 3.18054rem;
  }
}

h2 {
  font-weight: 700;
  font-size: 1.9994rem;
  letter-spacing: 0;
}

@media screen and (min-width: 48em) {
  h2 {
    font-size: 2.24932rem;
  }
}

h3 {
  font-weight: 700;
  font-size: 1.414rem;
  letter-spacing: 0;
}

@media screen and (min-width: 48em) {
  h3 {
    font-size: 1.59075rem;
  }
}

h4, h5, h6 {
  font-size: 1rem;
  font-weight: 700;
}

@media screen and (min-width: 48em) {
  h4, h5, h6 {
    font-size: 1.125rem;
  }
}

code {
  padding: 0.775rem;
  margin-top: 1.55rem;
  margin: 0;
  display: block;
  font-size: 0.70721em;
  font-family: inherit;
  border-radius: 3px;
  white-space: normal;
}

@media screen and (min-width: 48em) {
  code {
    padding: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  code {
    margin-top: 1.63125rem;
  }
}

pre {
  padding: 0;
  margin: 0;
  overflow: visible;
}

code {
  border-left: 4px solid #ddd;
  color: #666;
  background: transparent;
}

hr {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0rem;
  margin-bottom: 1.55rem;
  border: 0;
  height: 1.55rem;
  background-color: transparent;
  box-shadow: 0 1px 0 #aaa;
  max-width: 100%;
}

@media screen and (min-width: 48em) {
  hr {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  hr {
    margin-bottom: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  hr {
    height: 1.63125rem;
  }
}

hr.small {
  width: 100px;
}

hr.medium {
  width: 300px;
}

hr.large {
  width: 500px;
}

ul, ol, dl {
  margin: 0;
  padding: 0;
  margin-bottom: 1.55rem;
  margin-top: 1.55rem;
  list-style-position: outside;
}

@media screen and (min-width: 48em) {
  ul, ol, dl {
    margin-bottom: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  ul, ol, dl {
    margin-top: 1.63125rem;
  }
}

ul.no-style, ol.no-style, dl.no-style {
  list-style: none;
}

ul li, ol li, dl li {
  padding: 0;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
  margin-left: -0.775rem;
}

@media screen and (min-width: 48em) {
  ul li, ol li, dl li {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  ul li, ol li, dl li {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  ul li, ol li, dl li {
    margin-left: -0.81562rem;
  }
}

ul dt, ol dt, dl dt {
  font-weight: 700;
}

ul dd, ol dd, dl dd {
  margin-left: 1.55rem;
}

@media screen and (min-width: 48em) {
  ul dd, ol dd, dl dd {
    margin-left: 1.63125rem;
  }
}

table {
  width: 100%;
  text-align: center;
  border-spacing: 0;
  border-collapse: collapse;
}

table tr:nth-child(2n) {
  background-color: #ffffff;
}

table tr:nth-child(2n+1) {
  background-color: #eeeeee;
}

table tr {
  box-shadow: 0 -1px 0 #ddd inset;
}

table tr th, table tr td {
  padding-top: 0.775rem;
  padding-bottom: 0.775rem;
  line-height: 1.55rem;
}

@media screen and (min-width: 48em) {
  table tr th, table tr td {
    padding-top: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  table tr th, table tr td {
    padding-bottom: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  table tr th, table tr td {
    line-height: 1.63125rem;
  }
}

table.small th, table.small td {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

@media screen and (min-width: 48em) {
  table.small th, table.small td {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  table.small th, table.small td {
    padding-bottom: 0rem;
  }
}

table.large th, table.large td {
  padding-top: 1.55rem;
  padding-bottom: 1.55rem;
}

@media screen and (min-width: 48em) {
  table.large th, table.large td {
    padding-top: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  table.large th, table.large td {
    padding-bottom: 1.63125rem;
  }
}

table.hoverable tr:hover {
  background-color: #eee;
}

figure {
  margin: 0;
}

/* Text tags */
.hero {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  align-items: center;
  min-height: 15.5rem;
}

@media screen and (min-width: 48em) {
  .hero {
    min-height: 16.3125rem;
  }
}

.hero > div {
  padding-top: 1.55rem;
  padding-bottom: 1.55rem;
}

@media screen and (min-width: 48em) {
  .hero > div {
    padding-top: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .hero > div {
    padding-bottom: 1.63125rem;
  }
}

.hero > header, .hero > footer {
  padding-right: 0.775rem;
  padding-left: 0.775rem;
}

@media screen and (min-width: 48em) {
  .hero > header, .hero > footer {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .hero > header, .hero > footer {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 37em) {
  .hero > header, .hero > footer {
    padding-right: 1.55rem;
    padding-left: 1.55rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .hero > header, .hero > footer {
    padding-right: 1.63125rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .hero > header, .hero > footer {
    padding-left: 1.63125rem;
  }
}

.hero > header {
  order: 0;
}

.hero > footer {
  order: 2;
}

.hero > div {
  order: 1;
  width: 100%;
  box-sizing: border-box;
  padding-right: 0.775rem;
  padding-left: 0.775rem;
  margin-top: auto;
  margin-bottom: auto;
}

@media screen and (min-width: 48em) {
  .hero > div {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .hero > div {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 37em) {
  .hero > div {
    padding-right: 1.55rem;
    padding-left: 1.55rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .hero > div {
    padding-right: 1.63125rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .hero > div {
    padding-left: 1.63125rem;
  }
}

.hero > header.container, .hero > div.container, .hero > footer.container {
  max-width: 64em;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
}

@media screen and (min-width: 48em) {
  .hero > header.container, .hero > div.container, .hero > footer.container {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .hero > header.container, .hero > div.container, .hero > footer.container {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 37em) {
  .hero > header.container, .hero > div.container, .hero > footer.container {
    padding-left: 1.55rem;
    padding-right: 1.55rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .hero > header.container, .hero > div.container, .hero > footer.container {
    padding-left: 1.63125rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .hero > header.container, .hero > div.container, .hero > footer.container {
    padding-right: 1.63125rem;
  }
}

.hero > header.measure, .hero > div.measure, .hero > footer.measure {
  margin: 0;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
}

@media screen and (min-width: 48em) {
  .hero > header.measure, .hero > div.measure, .hero > footer.measure {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .hero > header.measure, .hero > div.measure, .hero > footer.measure {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 37em) {
  .hero > header.measure, .hero > div.measure, .hero > footer.measure {
    padding-left: 1.55rem;
    padding-right: 1.55rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .hero > header.measure, .hero > div.measure, .hero > footer.measure {
    padding-left: 1.63125rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .hero > header.measure, .hero > div.measure, .hero > footer.measure {
    padding-right: 1.63125rem;
  }
}

.hero.small {
  min-height: 7.75rem;
}

@media screen and (min-width: 48em) {
  .hero.small {
    min-height: 8.15625rem;
  }
}

.hero.small > div {
  padding-top: 0.775rem;
  padding-bottom: 0.775rem;
}

@media screen and (min-width: 48em) {
  .hero.small > div {
    padding-top: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .hero.small > div {
    padding-bottom: 0.81562rem;
  }
}

.hero.medium {
  min-height: 23.25rem;
}

@media screen and (min-width: 48em) {
  .hero.medium {
    min-height: 24.46875rem;
  }
}

.hero.medium > div {
  padding-top: 3.1rem;
  padding-bottom: 3.1rem;
}

@media screen and (min-width: 48em) {
  .hero.medium > div {
    padding-top: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .hero.medium > div {
    padding-bottom: 3.2625rem;
  }
}

.hero.large {
  min-height: 38.75rem;
}

@media screen and (min-width: 48em) {
  .hero.large {
    min-height: 40.78125rem;
  }
}

.hero.large > div {
  padding-top: 4.65rem;
  padding-bottom: 4.65rem;
}

@media screen and (min-width: 48em) {
  .hero.large > div {
    padding-top: 4.89375rem;
  }
}

@media screen and (min-width: 48em) {
  .hero.large > div {
    padding-bottom: 4.89375rem;
  }
}

.hero.fullheight {
  min-height: 100vh;
}

.hero.fullheight > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero > div {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.hero > div :nth-child(1) {
  margin-top: 0;
}

.hero > div :nth-last-child(1) {
  margin-bottom: 0;
}

.navbar {
  height: 3.1rem;
  display: flex;
  flex-direction: row;
}

@media screen and (min-width: 48em) {
  .navbar {
    height: 3.2625rem;
  }
}

.navbar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.navbar.absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.navbar .navbar-container {
  height: 100%;
  flex: 1;
  max-width: 64em;
  margin: auto;
  display: flex;
  flex-direction: row;
  padding-right: 1.55rem;
  padding-left: 1.55rem;
}

@media screen and (min-width: 48em) {
  .navbar .navbar-container {
    padding-right: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .navbar .navbar-container {
    padding-left: 1.63125rem;
  }
}

.navbar .navbar-brand {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.navbar .navbar-start, .navbar .navbar-end {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.navbar .navbar-end {
  justify-content: flex-end;
}

.navbar .item {
  margin: 0;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  cursor: pointer;
  padding-right: 0.775rem;
  padding-left: 0.775rem;
}

@media screen and (min-width: 48em) {
  .navbar .item {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .navbar .item {
    padding-left: 0.81562rem;
  }
}

.navbar .item:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.navbar .item.dropdown {
  padding-left: 0;
  padding-right: 0;
}

.navbar .item.dropdown > header {
  background: transparent;
}

.navbar .item.dropdown:hover > header {
  border-radius: 3px;
  box-shadow: none;
}

.navbar .burger {
  flex-direction: row;
  justify-content: center;
  display: none;
  flex-direction: column;
  padding-right: 0.775rem;
  padding-left: 0.775rem;
}

@media screen and (min-width: 48em) {
  .navbar .burger {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .navbar .burger {
    padding-left: 0.81562rem;
  }
}

.navbar .mobile-menu {
  position: fixed;
  top: 3.1em;
  background-color: #ffffff;
  color: #333333;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  overflow-y: auto;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.775rem;
  padding-right: 1.55rem;
  padding-bottom: 0.775rem;
  padding-left: 1.55rem;
}

@media screen and (min-width: 48em) {
  .navbar .mobile-menu {
    padding-top: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .navbar .mobile-menu {
    padding-right: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .navbar .mobile-menu {
    padding-bottom: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .navbar .mobile-menu {
    padding-left: 1.63125rem;
  }
}

.navbar .mobile-menu hr {
  width: 3.1rem;
  height: 0.775rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.775rem;
  margin-bottom: 0;
  border: 0;
  box-shadow: 0 -1px 0px #ddd;
}

@media screen and (min-width: 48em) {
  .navbar .mobile-menu hr {
    width: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  .navbar .mobile-menu hr {
    height: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .navbar .mobile-menu hr {
    margin-top: 0.81562rem;
  }
}

.navbar .mobile-menu .item {
  flex: unset;
  height: auto;
  margin: 0;
  padding-top: 0.3875rem;
  padding-bottom: 0.3875rem;
  transition: background-color 200ms;
}

@media screen and (min-width: 48em) {
  .navbar .mobile-menu .item {
    padding-top: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  .navbar .mobile-menu .item {
    padding-bottom: 0.40781rem;
  }
}

.navbar .mobile-menu .item.hoverable:hover {
  background-color: #eee;
}

@media (max-width: 48em) {
  .navbar .burger {
    display: flex;
  }
  .navbar.active .mobile-menu {
    display: flex;
  }
}

.progress {
  display: block;
  height: 0.775rem;
  height: 0.775em;
  margin: 0;
  margin-top: 0.3875rem;
  margin-bottom: 0.3875rem;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
}

@media screen and (min-width: 48em) {
  .progress {
    height: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .progress {
    margin-top: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  .progress {
    margin-bottom: 0.40781rem;
  }
}

.progress.small {
  height: 0.3875rem;
  margin: 0;
  margin-top: 0.58125rem;
  margin-bottom: 0.58125rem;
}

@media screen and (min-width: 48em) {
  .progress.small {
    height: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  .progress.small {
    margin-top: 0.61172rem;
  }
}

@media screen and (min-width: 48em) {
  .progress.small {
    margin-bottom: 0.61172rem;
  }
}

.progress.large {
  height: 1.55rem;
  margin: 0;
}

@media screen and (min-width: 48em) {
  .progress.large {
    height: 1.63125rem;
  }
}

.progress .progress-value {
  background-color: #aaa;
  height: 100%;
  transition: width 200ms;
}

.progress.primary .progress-value {
  background-color: #9b59b6;
}

.progress.primary.gradient .progress-value {
  background: linear-gradient(-90deg, #9b59b6, #c6a0d5);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.info .progress-value {
  background-color: #3498db;
}

.progress.info.gradient .progress-value {
  background: linear-gradient(-90deg, #3498db, #8bc4ea);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.warning .progress-value {
  background-color: #f1c40f;
}

.progress.warning.gradient .progress-value {
  background: linear-gradient(-90deg, #f1c40f, #f7dc6f);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.danger .progress-value {
  background-color: #e74c3c;
}

.progress.danger.gradient .progress-value {
  background: linear-gradient(-90deg, #e74c3c, #f29f97);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.white .progress-value {
  background-color: #fff;
}

.progress.white.gradient .progress-value {
  background: linear-gradient(-90deg, #fff, white);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.dark .progress-value {
  background-color: #333333;
}

.progress.dark.gradient .progress-value {
  background: linear-gradient(-90deg, #333333, #666666);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.light .progress-value {
  background-color: #eeeeee;
}

.progress.light.gradient .progress-value {
  background: linear-gradient(-90deg, #eeeeee, white);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.success .progress-value {
  background-color: #44d13f;
}

.progress.success.gradient .progress-value {
  background: linear-gradient(-90deg, #44d13f, #94e591);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.grey .progress-value {
  background-color: #666666;
}

.progress.grey.gradient .progress-value {
  background: linear-gradient(-90deg, #666666, #999999);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.grey-1 .progress-value {
  background-color: #333333;
}

.progress.grey-1.gradient .progress-value {
  background: linear-gradient(-90deg, #333333, #666666);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.grey-2 .progress-value {
  background-color: #555555;
}

.progress.grey-2.gradient .progress-value {
  background: linear-gradient(-90deg, #555555, #888888);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.grey-3 .progress-value {
  background-color: #888888;
}

.progress.grey-3.gradient .progress-value {
  background: linear-gradient(-90deg, #888888, #bbbbbb);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.grey-4 .progress-value {
  background-color: #aaaaaa;
}

.progress.grey-4.gradient .progress-value {
  background: linear-gradient(-90deg, #aaaaaa, #dddddd);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.progress.custom-color .progress-value {
  background-color: #9b59b6;
}

.progress.custom-color.gradient .progress-value {
  background: linear-gradient(-90deg, #9b59b6, #c6a0d5);
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.notification {
  padding: 1.55rem;
  background-color: #fff;
  border-radius: 6px;
}

@media screen and (min-width: 48em) {
  .notification {
    padding: 1.63125rem;
  }
}

.notification.primary {
  background-color: #9b59b6;
  color: #fff;
}

.notification.info {
  background-color: #3498db;
  color: #fff;
}

.notification.warning {
  background-color: #f1c40f;
  color: rgba(0, 0, 0, 0.7);
}

.notification.danger {
  background-color: #e74c3c;
  color: #fff;
}

.notification.white {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.7);
}

.notification.dark {
  background-color: #333333;
  color: #fff;
}

.notification.light {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.7);
}

.notification.success {
  background-color: #44d13f;
  color: #fff;
}

.notification.grey {
  background-color: #666666;
  color: #fff;
}

.notification.grey-1 {
  background-color: #333333;
  color: #fff;
}

.notification.grey-2 {
  background-color: #555555;
  color: #fff;
}

.notification.grey-3 {
  background-color: #888888;
  color: #fff;
}

.notification.grey-4 {
  background-color: #aaaaaa;
  color: #fff;
}

.notification.custom-color {
  background-color: #9b59b6;
  color: #fff;
}

.box {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.7);
  border-radius: 6px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding: 0.775rem;
}

@media screen and (min-width: 48em) {
  .box {
    padding: 0.81562rem;
  }
}

@media screen and (min-width: 37em) {
  .box {
    padding: 1.55rem;
  }
}

@media screen and (min-width: 37em) and (min-width: 48em) {
  .box {
    padding: 1.63125rem;
  }
}

.box > :nth-child(1) {
  margin-top: 0;
}

.box > :nth-last-child(1) {
  margin-bottom: 0;
}

.box.primary {
  background-color: #9b59b6;
  color: #fff;
}

.box.info {
  background-color: #3498db;
  color: #fff;
}

.box.warning {
  background-color: #f1c40f;
  color: rgba(0, 0, 0, 0.7);
}

.box.danger {
  background-color: #e74c3c;
  color: #fff;
}

.box.white {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.7);
}

.box.dark {
  background-color: #333333;
  color: #fff;
}

.box.light {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.7);
}

.box.success {
  background-color: #44d13f;
  color: #fff;
}

.box.grey {
  background-color: #666666;
  color: #fff;
}

.box.grey-1 {
  background-color: #333333;
  color: #fff;
}

.box.grey-2 {
  background-color: #555555;
  color: #fff;
}

.box.grey-3 {
  background-color: #888888;
  color: #fff;
}

.box.grey-4 {
  background-color: #aaaaaa;
  color: #fff;
}

.box.custom-color {
  background-color: #9b59b6;
  color: #fff;
}

.box a {
  color: rgba(0, 0, 0, 0.7);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown > header {
  border: 0;
  background-color: white;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  padding-top: 0.3875rem;
  padding-bottom: 0.3875rem;
  padding-left: 1.55rem;
  padding-right: 2.325rem;
}

.dropdown > header:after {
  content: "";
  font-weight: 200;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0;
  margin-right: 0.775rem;
  opacity: 0.5;
}

@media screen and (min-width: 48em) {
  .dropdown > header:after {
    margin-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .dropdown > header {
    padding-top: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  .dropdown > header {
    padding-bottom: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  .dropdown > header {
    padding-left: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  .dropdown > header {
    padding-right: 2.44687rem;
  }
}

.dropdown > div {
  top: 100%;
  z-index: 100;
  order: 1;
  position: absolute;
  display: none;
  min-width: 100%;
  background-color: #ffffff;
  border-radius: 0 3px 3px 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 1px 0 0 rgba(0, 0, 0, 0.025), -1px 0 0 rgba(0, 0, 0, 0.025), 0 1px 0 rgba(0, 0, 0, 0.025), 0 -1px 0 rgba(0, 0, 0, 0.025);
  color: #333333;
  padding-top: 0.3875rem;
  padding-bottom: 0.3875rem;
}

@media screen and (min-width: 48em) {
  .dropdown > div {
    padding-top: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  .dropdown > div {
    padding-bottom: 0.40781rem;
  }
}

.dropdown > div .item {
  cursor: pointer;
  margin: 0;
  position: relative;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
  transition: 200ms background-color;
}

@media screen and (min-width: 48em) {
  .dropdown > div .item {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .dropdown > div .item {
    padding-right: 0.81562rem;
  }
}

.dropdown > div .item:hover {
  background-color: #eee;
}

.dropdown > div .item.dropdown {
  display: block;
  padding: 0;
}

.dropdown > div .item.dropdown > header {
  background: transparent;
  padding: 0.775rem;
  padding-right: 2.325rem;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 3px;
}

@media screen and (min-width: 48em) {
  .dropdown > div .item.dropdown > header {
    padding: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .dropdown > div .item.dropdown > header {
    padding-right: 2.44687rem;
  }
}

.dropdown > div .item.dropdown > header:after {
  content: "";
  font-weight: 200;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0;
  margin-right: 0.775rem;
}

@media screen and (min-width: 48em) {
  .dropdown > div .item.dropdown > header:after {
    margin-right: 0.81562rem;
  }
}

.dropdown > div .item.dropdown > div {
  left: 100%;
  top: 0;
  min-width: 0;
}

.dropdown > div .item.dropdown:hover > header {
  border-radius: 3px;
  box-shadow: none;
}

.dropdown:hover > header {
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}

.dropdown:hover > div {
  display: block;
}

.dropdown.left > div {
  right: 0 !important;
  border-radius: 3px 0 3px 3px;
}

.modal {
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.modal.active {
  display: flex;
}

.modal > div {
  width: 500px;
  position: relative;
  padding: 0.775rem;
}

@media screen and (min-width: 48em) {
  .modal > div {
    padding: 0.81562rem;
  }
}

.modal > div > :nth-child(1) {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.modal > div > :nth-last-child(1) {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.modal > div > div {
  box-sizing: border-box;
  background-color: white;
  width: 100%;
  padding: 0.775rem;
}

@media screen and (min-width: 48em) {
  .modal > div > div {
    padding: 0.81562rem;
  }
}

.modal > div header {
  box-sizing: border-box;
  background-color: #eeeeee;
  width: 500px;
  padding: 0.775rem;
}

@media screen and (min-width: 48em) {
  .modal > div header {
    padding: 0.81562rem;
  }
}

.modal > div footer {
  box-sizing: border-box;
  background-color: #eeeeee;
  width: 500px;
  padding: 0.775rem;
}

@media screen and (min-width: 48em) {
  .modal > div footer {
    padding: 0.81562rem;
  }
}

.tabs {
  display: flex;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
}

.tabs.center {
  justify-content: center;
}

.tabs.left {
  justify-content: start;
}

.tabs.right {
  justify-content: flex-end;
}

.tabs.fullwidth > .item {
  flex: 1;
  text-align: center;
}

.tabs > .item {
  cursor: pointer;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-left: 0.3875rem;
  margin-right: 0.3875rem;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
  padding-top: 0.3875rem;
  padding-bottom: 0.3875rem;
  transition: box-shadow 200ms;
}

@media screen and (min-width: 48em) {
  .tabs > .item {
    margin-left: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  .tabs > .item {
    margin-right: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  .tabs > .item {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .tabs > .item {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .tabs > .item {
    padding-top: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  .tabs > .item {
    padding-bottom: 0.40781rem;
  }
}

.tabs > .item:nth-child(1) {
  margin-left: 0;
}

.tabs > .item:nth-last-child(1) {
  margin-right: 0;
}

.tabs > .item:hover {
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
}

.pagination {
  display: flex;
  position: relative;
}

.pagination > .item {
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 1px 0 0 rgba(0, 0, 0, 0.2) inset, -1px 0 0 rgba(0, 0, 0, 0.2) inset !important;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
  padding-top: 0.19375rem;
  padding-bottom: 0.19375rem;
  margin-left: 0.3875rem;
}

@media screen and (min-width: 48em) {
  .pagination > .item {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .pagination > .item {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .pagination > .item {
    padding-top: 0.20391rem;
  }
}

@media screen and (min-width: 48em) {
  .pagination > .item {
    padding-bottom: 0.20391rem;
  }
}

@media screen and (min-width: 48em) {
  .pagination > .item {
    margin-left: 0.40781rem;
  }
}

.pagination > .dots {
  margin-left: 0.775rem;
  margin-right: 0.3875rem;
}

@media screen and (min-width: 48em) {
  .pagination > .dots {
    margin-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  .pagination > .dots {
    margin-right: 0.40781rem;
  }
}

.pagination > .dots:after {
  content: "";
  font-weight: 200;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #999;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.pagination > .item:nth-child(1), .pagination > .dots:nth-child(1) {
  margin-left: 0;
}

.pagination.center {
  justify-content: center;
}

.pagination.left {
  justify-content: start;
}

.pagination.right {
  justify-content: flex-end;
}

.pagination.fullwidth > .item {
  flex: 1;
  text-align: center;
}

/*
 * This file describe form fields.
 * It includes input, textarea, select and buttons.
 *
 * File architecture:
 *
 * - EDITION FIELDS
 * - BUTTONS
 * - OTHERS FORM TAGS (label, fieldset)
 * - ADDITIONAL FORMATTING CLASSES
 *
 */
/*
 * This mixin give to a field general rules
 * (margin, padding, font-size, line-height and so on.)
 * depending to the size.
 */
/* EDITION FIELDS */
/*
 * Give border (through box-shadow) & sizing for each field
 * that looks like <input type='text'/>.
 * The list is exhaustive.
 */
input:not([type]),
input[type=text], input[type=date],
input[type=datetime-local], input[type=email],
input[type=month], input[type=number],
input[type=password], input[type=search],
input[type=tel], input[type=time],
input[type=url], input[type=week],
textarea, select {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  color: #777;
  border: 0;
  margin: 0;
  vertical-align: top;
  border-radius: 3px;
  font-family: "monospace";
  font-size: 0.84096rem;
  line-height: 1.55rem;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  transition: box-shadow 200ms;
}

@media screen and (min-width: 48em) {
  input:not([type]),
  input[type=text], input[type=date],
  input[type=datetime-local], input[type=email],
  input[type=month], input[type=number],
  input[type=password], input[type=search],
  input[type=tel], input[type=time],
  input[type=url], input[type=week],
  textarea, select {
    font-size: 0.94608rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]),
  input[type=text], input[type=date],
  input[type=datetime-local], input[type=email],
  input[type=month], input[type=number],
  input[type=password], input[type=search],
  input[type=tel], input[type=time],
  input[type=url], input[type=week],
  textarea, select {
    line-height: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]),
  input[type=text], input[type=date],
  input[type=datetime-local], input[type=email],
  input[type=month], input[type=number],
  input[type=password], input[type=search],
  input[type=tel], input[type=time],
  input[type=url], input[type=week],
  textarea, select {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]),
  input[type=text], input[type=date],
  input[type=datetime-local], input[type=email],
  input[type=month], input[type=number],
  input[type=password], input[type=search],
  input[type=tel], input[type=time],
  input[type=url], input[type=week],
  textarea, select {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]),
  input[type=text], input[type=date],
  input[type=datetime-local], input[type=email],
  input[type=month], input[type=number],
  input[type=password], input[type=search],
  input[type=tel], input[type=time],
  input[type=url], input[type=week],
  textarea, select {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]),
  input[type=text], input[type=date],
  input[type=datetime-local], input[type=email],
  input[type=month], input[type=number],
  input[type=password], input[type=search],
  input[type=tel], input[type=time],
  input[type=url], input[type=week],
  textarea, select {
    margin-bottom: 0rem;
  }
}

input:not([type]).primary,
input[type=text].primary, input[type=date].primary,
input[type=datetime-local].primary, input[type=email].primary,
input[type=month].primary, input[type=number].primary,
input[type=password].primary, input[type=search].primary,
input[type=tel].primary, input[type=time].primary,
input[type=url].primary, input[type=week].primary,
textarea.primary, select.primary {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

input:not([type]).info,
input[type=text].info, input[type=date].info,
input[type=datetime-local].info, input[type=email].info,
input[type=month].info, input[type=number].info,
input[type=password].info, input[type=search].info,
input[type=tel].info, input[type=time].info,
input[type=url].info, input[type=week].info,
textarea.info, select.info {
  box-shadow: 0 1px 0 #3498db inset, 0 -1px 0 #3498db inset, 1px 0 0 #3498db inset, -1px 0 0 #3498db inset !important;
}

input:not([type]).warning,
input[type=text].warning, input[type=date].warning,
input[type=datetime-local].warning, input[type=email].warning,
input[type=month].warning, input[type=number].warning,
input[type=password].warning, input[type=search].warning,
input[type=tel].warning, input[type=time].warning,
input[type=url].warning, input[type=week].warning,
textarea.warning, select.warning {
  box-shadow: 0 1px 0 #f1c40f inset, 0 -1px 0 #f1c40f inset, 1px 0 0 #f1c40f inset, -1px 0 0 #f1c40f inset !important;
}

input:not([type]).danger,
input[type=text].danger, input[type=date].danger,
input[type=datetime-local].danger, input[type=email].danger,
input[type=month].danger, input[type=number].danger,
input[type=password].danger, input[type=search].danger,
input[type=tel].danger, input[type=time].danger,
input[type=url].danger, input[type=week].danger,
textarea.danger, select.danger {
  box-shadow: 0 1px 0 #e74c3c inset, 0 -1px 0 #e74c3c inset, 1px 0 0 #e74c3c inset, -1px 0 0 #e74c3c inset !important;
}

input:not([type]).white,
input[type=text].white, input[type=date].white,
input[type=datetime-local].white, input[type=email].white,
input[type=month].white, input[type=number].white,
input[type=password].white, input[type=search].white,
input[type=tel].white, input[type=time].white,
input[type=url].white, input[type=week].white,
textarea.white, select.white {
  box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset !important;
}

input:not([type]).dark,
input[type=text].dark, input[type=date].dark,
input[type=datetime-local].dark, input[type=email].dark,
input[type=month].dark, input[type=number].dark,
input[type=password].dark, input[type=search].dark,
input[type=tel].dark, input[type=time].dark,
input[type=url].dark, input[type=week].dark,
textarea.dark, select.dark {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

input:not([type]).light,
input[type=text].light, input[type=date].light,
input[type=datetime-local].light, input[type=email].light,
input[type=month].light, input[type=number].light,
input[type=password].light, input[type=search].light,
input[type=tel].light, input[type=time].light,
input[type=url].light, input[type=week].light,
textarea.light, select.light {
  box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #eeeeee inset, 1px 0 0 #eeeeee inset, -1px 0 0 #eeeeee inset !important;
}

input:not([type]).success,
input[type=text].success, input[type=date].success,
input[type=datetime-local].success, input[type=email].success,
input[type=month].success, input[type=number].success,
input[type=password].success, input[type=search].success,
input[type=tel].success, input[type=time].success,
input[type=url].success, input[type=week].success,
textarea.success, select.success {
  box-shadow: 0 1px 0 #44d13f inset, 0 -1px 0 #44d13f inset, 1px 0 0 #44d13f inset, -1px 0 0 #44d13f inset !important;
}

input:not([type]).grey,
input[type=text].grey, input[type=date].grey,
input[type=datetime-local].grey, input[type=email].grey,
input[type=month].grey, input[type=number].grey,
input[type=password].grey, input[type=search].grey,
input[type=tel].grey, input[type=time].grey,
input[type=url].grey, input[type=week].grey,
textarea.grey, select.grey {
  box-shadow: 0 1px 0 #666666 inset, 0 -1px 0 #666666 inset, 1px 0 0 #666666 inset, -1px 0 0 #666666 inset !important;
}

input:not([type]).grey-1,
input[type=text].grey-1, input[type=date].grey-1,
input[type=datetime-local].grey-1, input[type=email].grey-1,
input[type=month].grey-1, input[type=number].grey-1,
input[type=password].grey-1, input[type=search].grey-1,
input[type=tel].grey-1, input[type=time].grey-1,
input[type=url].grey-1, input[type=week].grey-1,
textarea.grey-1, select.grey-1 {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

input:not([type]).grey-2,
input[type=text].grey-2, input[type=date].grey-2,
input[type=datetime-local].grey-2, input[type=email].grey-2,
input[type=month].grey-2, input[type=number].grey-2,
input[type=password].grey-2, input[type=search].grey-2,
input[type=tel].grey-2, input[type=time].grey-2,
input[type=url].grey-2, input[type=week].grey-2,
textarea.grey-2, select.grey-2 {
  box-shadow: 0 1px 0 #555555 inset, 0 -1px 0 #555555 inset, 1px 0 0 #555555 inset, -1px 0 0 #555555 inset !important;
}

input:not([type]).grey-3,
input[type=text].grey-3, input[type=date].grey-3,
input[type=datetime-local].grey-3, input[type=email].grey-3,
input[type=month].grey-3, input[type=number].grey-3,
input[type=password].grey-3, input[type=search].grey-3,
input[type=tel].grey-3, input[type=time].grey-3,
input[type=url].grey-3, input[type=week].grey-3,
textarea.grey-3, select.grey-3 {
  box-shadow: 0 1px 0 #888888 inset, 0 -1px 0 #888888 inset, 1px 0 0 #888888 inset, -1px 0 0 #888888 inset !important;
}

input:not([type]).grey-4,
input[type=text].grey-4, input[type=date].grey-4,
input[type=datetime-local].grey-4, input[type=email].grey-4,
input[type=month].grey-4, input[type=number].grey-4,
input[type=password].grey-4, input[type=search].grey-4,
input[type=tel].grey-4, input[type=time].grey-4,
input[type=url].grey-4, input[type=week].grey-4,
textarea.grey-4, select.grey-4 {
  box-shadow: 0 1px 0 #aaaaaa inset, 0 -1px 0 #aaaaaa inset, 1px 0 0 #aaaaaa inset, -1px 0 0 #aaaaaa inset !important;
}

input:not([type]).custom-color,
input[type=text].custom-color, input[type=date].custom-color,
input[type=datetime-local].custom-color, input[type=email].custom-color,
input[type=month].custom-color, input[type=number].custom-color,
input[type=password].custom-color, input[type=search].custom-color,
input[type=tel].custom-color, input[type=time].custom-color,
input[type=url].custom-color, input[type=week].custom-color,
textarea.custom-color, select.custom-color {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

input:not([type]).small,
input[type=text].small, input[type=date].small,
input[type=datetime-local].small, input[type=email].small,
input[type=month].small, input[type=number].small,
input[type=password].small, input[type=search].small,
input[type=tel].small, input[type=time].small,
input[type=url].small, input[type=week].small,
textarea.small, select.small {
  border: 0;
  margin: 0;
  vertical-align: top;
  border-radius: 3px;
  font-family: "monospace";
  font-size: 0.70721em;
  font-size: 0.84096rem;
  line-height: 1.1625rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
  margin-top: 0.19375rem;
  margin-bottom: 0.19375rem;
}

@media screen and (min-width: 48em) {
  input:not([type]).small,
  input[type=text].small, input[type=date].small,
  input[type=datetime-local].small, input[type=email].small,
  input[type=month].small, input[type=number].small,
  input[type=password].small, input[type=search].small,
  input[type=tel].small, input[type=time].small,
  input[type=url].small, input[type=week].small,
  textarea.small, select.small {
    font-size: 0.94608rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).small,
  input[type=text].small, input[type=date].small,
  input[type=datetime-local].small, input[type=email].small,
  input[type=month].small, input[type=number].small,
  input[type=password].small, input[type=search].small,
  input[type=tel].small, input[type=time].small,
  input[type=url].small, input[type=week].small,
  textarea.small, select.small {
    line-height: 1.22344rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).small,
  input[type=text].small, input[type=date].small,
  input[type=datetime-local].small, input[type=email].small,
  input[type=month].small, input[type=number].small,
  input[type=password].small, input[type=search].small,
  input[type=tel].small, input[type=time].small,
  input[type=url].small, input[type=week].small,
  textarea.small, select.small {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).small,
  input[type=text].small, input[type=date].small,
  input[type=datetime-local].small, input[type=email].small,
  input[type=month].small, input[type=number].small,
  input[type=password].small, input[type=search].small,
  input[type=tel].small, input[type=time].small,
  input[type=url].small, input[type=week].small,
  textarea.small, select.small {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).small,
  input[type=text].small, input[type=date].small,
  input[type=datetime-local].small, input[type=email].small,
  input[type=month].small, input[type=number].small,
  input[type=password].small, input[type=search].small,
  input[type=tel].small, input[type=time].small,
  input[type=url].small, input[type=week].small,
  textarea.small, select.small {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).small,
  input[type=text].small, input[type=date].small,
  input[type=datetime-local].small, input[type=email].small,
  input[type=month].small, input[type=number].small,
  input[type=password].small, input[type=search].small,
  input[type=tel].small, input[type=time].small,
  input[type=url].small, input[type=week].small,
  textarea.small, select.small {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).small,
  input[type=text].small, input[type=date].small,
  input[type=datetime-local].small, input[type=email].small,
  input[type=month].small, input[type=number].small,
  input[type=password].small, input[type=search].small,
  input[type=tel].small, input[type=time].small,
  input[type=url].small, input[type=week].small,
  textarea.small, select.small {
    margin-top: 0.20391rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).small,
  input[type=text].small, input[type=date].small,
  input[type=datetime-local].small, input[type=email].small,
  input[type=month].small, input[type=number].small,
  input[type=password].small, input[type=search].small,
  input[type=tel].small, input[type=time].small,
  input[type=url].small, input[type=week].small,
  textarea.small, select.small {
    margin-bottom: 0.20391rem;
  }
}

input:not([type]).small.primary,
input[type=text].small.primary, input[type=date].small.primary,
input[type=datetime-local].small.primary, input[type=email].small.primary,
input[type=month].small.primary, input[type=number].small.primary,
input[type=password].small.primary, input[type=search].small.primary,
input[type=tel].small.primary, input[type=time].small.primary,
input[type=url].small.primary, input[type=week].small.primary,
textarea.small.primary, select.small.primary {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

input:not([type]).small.info,
input[type=text].small.info, input[type=date].small.info,
input[type=datetime-local].small.info, input[type=email].small.info,
input[type=month].small.info, input[type=number].small.info,
input[type=password].small.info, input[type=search].small.info,
input[type=tel].small.info, input[type=time].small.info,
input[type=url].small.info, input[type=week].small.info,
textarea.small.info, select.small.info {
  box-shadow: 0 1px 0 #3498db inset, 0 -1px 0 #3498db inset, 1px 0 0 #3498db inset, -1px 0 0 #3498db inset !important;
}

input:not([type]).small.warning,
input[type=text].small.warning, input[type=date].small.warning,
input[type=datetime-local].small.warning, input[type=email].small.warning,
input[type=month].small.warning, input[type=number].small.warning,
input[type=password].small.warning, input[type=search].small.warning,
input[type=tel].small.warning, input[type=time].small.warning,
input[type=url].small.warning, input[type=week].small.warning,
textarea.small.warning, select.small.warning {
  box-shadow: 0 1px 0 #f1c40f inset, 0 -1px 0 #f1c40f inset, 1px 0 0 #f1c40f inset, -1px 0 0 #f1c40f inset !important;
}

input:not([type]).small.danger,
input[type=text].small.danger, input[type=date].small.danger,
input[type=datetime-local].small.danger, input[type=email].small.danger,
input[type=month].small.danger, input[type=number].small.danger,
input[type=password].small.danger, input[type=search].small.danger,
input[type=tel].small.danger, input[type=time].small.danger,
input[type=url].small.danger, input[type=week].small.danger,
textarea.small.danger, select.small.danger {
  box-shadow: 0 1px 0 #e74c3c inset, 0 -1px 0 #e74c3c inset, 1px 0 0 #e74c3c inset, -1px 0 0 #e74c3c inset !important;
}

input:not([type]).small.white,
input[type=text].small.white, input[type=date].small.white,
input[type=datetime-local].small.white, input[type=email].small.white,
input[type=month].small.white, input[type=number].small.white,
input[type=password].small.white, input[type=search].small.white,
input[type=tel].small.white, input[type=time].small.white,
input[type=url].small.white, input[type=week].small.white,
textarea.small.white, select.small.white {
  box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset !important;
}

input:not([type]).small.dark,
input[type=text].small.dark, input[type=date].small.dark,
input[type=datetime-local].small.dark, input[type=email].small.dark,
input[type=month].small.dark, input[type=number].small.dark,
input[type=password].small.dark, input[type=search].small.dark,
input[type=tel].small.dark, input[type=time].small.dark,
input[type=url].small.dark, input[type=week].small.dark,
textarea.small.dark, select.small.dark {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

input:not([type]).small.light,
input[type=text].small.light, input[type=date].small.light,
input[type=datetime-local].small.light, input[type=email].small.light,
input[type=month].small.light, input[type=number].small.light,
input[type=password].small.light, input[type=search].small.light,
input[type=tel].small.light, input[type=time].small.light,
input[type=url].small.light, input[type=week].small.light,
textarea.small.light, select.small.light {
  box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #eeeeee inset, 1px 0 0 #eeeeee inset, -1px 0 0 #eeeeee inset !important;
}

input:not([type]).small.success,
input[type=text].small.success, input[type=date].small.success,
input[type=datetime-local].small.success, input[type=email].small.success,
input[type=month].small.success, input[type=number].small.success,
input[type=password].small.success, input[type=search].small.success,
input[type=tel].small.success, input[type=time].small.success,
input[type=url].small.success, input[type=week].small.success,
textarea.small.success, select.small.success {
  box-shadow: 0 1px 0 #44d13f inset, 0 -1px 0 #44d13f inset, 1px 0 0 #44d13f inset, -1px 0 0 #44d13f inset !important;
}

input:not([type]).small.grey,
input[type=text].small.grey, input[type=date].small.grey,
input[type=datetime-local].small.grey, input[type=email].small.grey,
input[type=month].small.grey, input[type=number].small.grey,
input[type=password].small.grey, input[type=search].small.grey,
input[type=tel].small.grey, input[type=time].small.grey,
input[type=url].small.grey, input[type=week].small.grey,
textarea.small.grey, select.small.grey {
  box-shadow: 0 1px 0 #666666 inset, 0 -1px 0 #666666 inset, 1px 0 0 #666666 inset, -1px 0 0 #666666 inset !important;
}

input:not([type]).small.grey-1,
input[type=text].small.grey-1, input[type=date].small.grey-1,
input[type=datetime-local].small.grey-1, input[type=email].small.grey-1,
input[type=month].small.grey-1, input[type=number].small.grey-1,
input[type=password].small.grey-1, input[type=search].small.grey-1,
input[type=tel].small.grey-1, input[type=time].small.grey-1,
input[type=url].small.grey-1, input[type=week].small.grey-1,
textarea.small.grey-1, select.small.grey-1 {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

input:not([type]).small.grey-2,
input[type=text].small.grey-2, input[type=date].small.grey-2,
input[type=datetime-local].small.grey-2, input[type=email].small.grey-2,
input[type=month].small.grey-2, input[type=number].small.grey-2,
input[type=password].small.grey-2, input[type=search].small.grey-2,
input[type=tel].small.grey-2, input[type=time].small.grey-2,
input[type=url].small.grey-2, input[type=week].small.grey-2,
textarea.small.grey-2, select.small.grey-2 {
  box-shadow: 0 1px 0 #555555 inset, 0 -1px 0 #555555 inset, 1px 0 0 #555555 inset, -1px 0 0 #555555 inset !important;
}

input:not([type]).small.grey-3,
input[type=text].small.grey-3, input[type=date].small.grey-3,
input[type=datetime-local].small.grey-3, input[type=email].small.grey-3,
input[type=month].small.grey-3, input[type=number].small.grey-3,
input[type=password].small.grey-3, input[type=search].small.grey-3,
input[type=tel].small.grey-3, input[type=time].small.grey-3,
input[type=url].small.grey-3, input[type=week].small.grey-3,
textarea.small.grey-3, select.small.grey-3 {
  box-shadow: 0 1px 0 #888888 inset, 0 -1px 0 #888888 inset, 1px 0 0 #888888 inset, -1px 0 0 #888888 inset !important;
}

input:not([type]).small.grey-4,
input[type=text].small.grey-4, input[type=date].small.grey-4,
input[type=datetime-local].small.grey-4, input[type=email].small.grey-4,
input[type=month].small.grey-4, input[type=number].small.grey-4,
input[type=password].small.grey-4, input[type=search].small.grey-4,
input[type=tel].small.grey-4, input[type=time].small.grey-4,
input[type=url].small.grey-4, input[type=week].small.grey-4,
textarea.small.grey-4, select.small.grey-4 {
  box-shadow: 0 1px 0 #aaaaaa inset, 0 -1px 0 #aaaaaa inset, 1px 0 0 #aaaaaa inset, -1px 0 0 #aaaaaa inset !important;
}

input:not([type]).small.custom-color,
input[type=text].small.custom-color, input[type=date].small.custom-color,
input[type=datetime-local].small.custom-color, input[type=email].small.custom-color,
input[type=month].small.custom-color, input[type=number].small.custom-color,
input[type=password].small.custom-color, input[type=search].small.custom-color,
input[type=tel].small.custom-color, input[type=time].small.custom-color,
input[type=url].small.custom-color, input[type=week].small.custom-color,
textarea.small.custom-color, select.small.custom-color {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

input:not([type]).medium,
input[type=text].medium, input[type=date].medium,
input[type=datetime-local].medium, input[type=email].medium,
input[type=month].medium, input[type=number].medium,
input[type=password].medium, input[type=search].medium,
input[type=tel].medium, input[type=time].medium,
input[type=url].medium, input[type=week].medium,
textarea.medium, select.medium {
  border: 0;
  margin: 0;
  vertical-align: top;
  border-radius: 3px;
  font-family: "monospace";
  font-size: 1.18912rem;
  line-height: 2.325rem;
  padding-right: 1.1625rem;
  padding-left: 1.1625rem;
  margin-top: 0.3875rem;
  margin-bottom: 0.3875rem;
}

@media screen and (min-width: 48em) {
  input:not([type]).medium,
  input[type=text].medium, input[type=date].medium,
  input[type=datetime-local].medium, input[type=email].medium,
  input[type=month].medium, input[type=number].medium,
  input[type=password].medium, input[type=search].medium,
  input[type=tel].medium, input[type=time].medium,
  input[type=url].medium, input[type=week].medium,
  textarea.medium, select.medium {
    font-size: 1.33776rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).medium,
  input[type=text].medium, input[type=date].medium,
  input[type=datetime-local].medium, input[type=email].medium,
  input[type=month].medium, input[type=number].medium,
  input[type=password].medium, input[type=search].medium,
  input[type=tel].medium, input[type=time].medium,
  input[type=url].medium, input[type=week].medium,
  textarea.medium, select.medium {
    line-height: 2.44687rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).medium,
  input[type=text].medium, input[type=date].medium,
  input[type=datetime-local].medium, input[type=email].medium,
  input[type=month].medium, input[type=number].medium,
  input[type=password].medium, input[type=search].medium,
  input[type=tel].medium, input[type=time].medium,
  input[type=url].medium, input[type=week].medium,
  textarea.medium, select.medium {
    padding-right: 1.22344rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).medium,
  input[type=text].medium, input[type=date].medium,
  input[type=datetime-local].medium, input[type=email].medium,
  input[type=month].medium, input[type=number].medium,
  input[type=password].medium, input[type=search].medium,
  input[type=tel].medium, input[type=time].medium,
  input[type=url].medium, input[type=week].medium,
  textarea.medium, select.medium {
    padding-left: 1.22344rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).medium,
  input[type=text].medium, input[type=date].medium,
  input[type=datetime-local].medium, input[type=email].medium,
  input[type=month].medium, input[type=number].medium,
  input[type=password].medium, input[type=search].medium,
  input[type=tel].medium, input[type=time].medium,
  input[type=url].medium, input[type=week].medium,
  textarea.medium, select.medium {
    margin-top: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).medium,
  input[type=text].medium, input[type=date].medium,
  input[type=datetime-local].medium, input[type=email].medium,
  input[type=month].medium, input[type=number].medium,
  input[type=password].medium, input[type=search].medium,
  input[type=tel].medium, input[type=time].medium,
  input[type=url].medium, input[type=week].medium,
  textarea.medium, select.medium {
    margin-bottom: 0.40781rem;
  }
}

input:not([type]).medium.primary,
input[type=text].medium.primary, input[type=date].medium.primary,
input[type=datetime-local].medium.primary, input[type=email].medium.primary,
input[type=month].medium.primary, input[type=number].medium.primary,
input[type=password].medium.primary, input[type=search].medium.primary,
input[type=tel].medium.primary, input[type=time].medium.primary,
input[type=url].medium.primary, input[type=week].medium.primary,
textarea.medium.primary, select.medium.primary {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

input:not([type]).medium.info,
input[type=text].medium.info, input[type=date].medium.info,
input[type=datetime-local].medium.info, input[type=email].medium.info,
input[type=month].medium.info, input[type=number].medium.info,
input[type=password].medium.info, input[type=search].medium.info,
input[type=tel].medium.info, input[type=time].medium.info,
input[type=url].medium.info, input[type=week].medium.info,
textarea.medium.info, select.medium.info {
  box-shadow: 0 1px 0 #3498db inset, 0 -1px 0 #3498db inset, 1px 0 0 #3498db inset, -1px 0 0 #3498db inset !important;
}

input:not([type]).medium.warning,
input[type=text].medium.warning, input[type=date].medium.warning,
input[type=datetime-local].medium.warning, input[type=email].medium.warning,
input[type=month].medium.warning, input[type=number].medium.warning,
input[type=password].medium.warning, input[type=search].medium.warning,
input[type=tel].medium.warning, input[type=time].medium.warning,
input[type=url].medium.warning, input[type=week].medium.warning,
textarea.medium.warning, select.medium.warning {
  box-shadow: 0 1px 0 #f1c40f inset, 0 -1px 0 #f1c40f inset, 1px 0 0 #f1c40f inset, -1px 0 0 #f1c40f inset !important;
}

input:not([type]).medium.danger,
input[type=text].medium.danger, input[type=date].medium.danger,
input[type=datetime-local].medium.danger, input[type=email].medium.danger,
input[type=month].medium.danger, input[type=number].medium.danger,
input[type=password].medium.danger, input[type=search].medium.danger,
input[type=tel].medium.danger, input[type=time].medium.danger,
input[type=url].medium.danger, input[type=week].medium.danger,
textarea.medium.danger, select.medium.danger {
  box-shadow: 0 1px 0 #e74c3c inset, 0 -1px 0 #e74c3c inset, 1px 0 0 #e74c3c inset, -1px 0 0 #e74c3c inset !important;
}

input:not([type]).medium.white,
input[type=text].medium.white, input[type=date].medium.white,
input[type=datetime-local].medium.white, input[type=email].medium.white,
input[type=month].medium.white, input[type=number].medium.white,
input[type=password].medium.white, input[type=search].medium.white,
input[type=tel].medium.white, input[type=time].medium.white,
input[type=url].medium.white, input[type=week].medium.white,
textarea.medium.white, select.medium.white {
  box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset !important;
}

input:not([type]).medium.dark,
input[type=text].medium.dark, input[type=date].medium.dark,
input[type=datetime-local].medium.dark, input[type=email].medium.dark,
input[type=month].medium.dark, input[type=number].medium.dark,
input[type=password].medium.dark, input[type=search].medium.dark,
input[type=tel].medium.dark, input[type=time].medium.dark,
input[type=url].medium.dark, input[type=week].medium.dark,
textarea.medium.dark, select.medium.dark {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

input:not([type]).medium.light,
input[type=text].medium.light, input[type=date].medium.light,
input[type=datetime-local].medium.light, input[type=email].medium.light,
input[type=month].medium.light, input[type=number].medium.light,
input[type=password].medium.light, input[type=search].medium.light,
input[type=tel].medium.light, input[type=time].medium.light,
input[type=url].medium.light, input[type=week].medium.light,
textarea.medium.light, select.medium.light {
  box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #eeeeee inset, 1px 0 0 #eeeeee inset, -1px 0 0 #eeeeee inset !important;
}

input:not([type]).medium.success,
input[type=text].medium.success, input[type=date].medium.success,
input[type=datetime-local].medium.success, input[type=email].medium.success,
input[type=month].medium.success, input[type=number].medium.success,
input[type=password].medium.success, input[type=search].medium.success,
input[type=tel].medium.success, input[type=time].medium.success,
input[type=url].medium.success, input[type=week].medium.success,
textarea.medium.success, select.medium.success {
  box-shadow: 0 1px 0 #44d13f inset, 0 -1px 0 #44d13f inset, 1px 0 0 #44d13f inset, -1px 0 0 #44d13f inset !important;
}

input:not([type]).medium.grey,
input[type=text].medium.grey, input[type=date].medium.grey,
input[type=datetime-local].medium.grey, input[type=email].medium.grey,
input[type=month].medium.grey, input[type=number].medium.grey,
input[type=password].medium.grey, input[type=search].medium.grey,
input[type=tel].medium.grey, input[type=time].medium.grey,
input[type=url].medium.grey, input[type=week].medium.grey,
textarea.medium.grey, select.medium.grey {
  box-shadow: 0 1px 0 #666666 inset, 0 -1px 0 #666666 inset, 1px 0 0 #666666 inset, -1px 0 0 #666666 inset !important;
}

input:not([type]).medium.grey-1,
input[type=text].medium.grey-1, input[type=date].medium.grey-1,
input[type=datetime-local].medium.grey-1, input[type=email].medium.grey-1,
input[type=month].medium.grey-1, input[type=number].medium.grey-1,
input[type=password].medium.grey-1, input[type=search].medium.grey-1,
input[type=tel].medium.grey-1, input[type=time].medium.grey-1,
input[type=url].medium.grey-1, input[type=week].medium.grey-1,
textarea.medium.grey-1, select.medium.grey-1 {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

input:not([type]).medium.grey-2,
input[type=text].medium.grey-2, input[type=date].medium.grey-2,
input[type=datetime-local].medium.grey-2, input[type=email].medium.grey-2,
input[type=month].medium.grey-2, input[type=number].medium.grey-2,
input[type=password].medium.grey-2, input[type=search].medium.grey-2,
input[type=tel].medium.grey-2, input[type=time].medium.grey-2,
input[type=url].medium.grey-2, input[type=week].medium.grey-2,
textarea.medium.grey-2, select.medium.grey-2 {
  box-shadow: 0 1px 0 #555555 inset, 0 -1px 0 #555555 inset, 1px 0 0 #555555 inset, -1px 0 0 #555555 inset !important;
}

input:not([type]).medium.grey-3,
input[type=text].medium.grey-3, input[type=date].medium.grey-3,
input[type=datetime-local].medium.grey-3, input[type=email].medium.grey-3,
input[type=month].medium.grey-3, input[type=number].medium.grey-3,
input[type=password].medium.grey-3, input[type=search].medium.grey-3,
input[type=tel].medium.grey-3, input[type=time].medium.grey-3,
input[type=url].medium.grey-3, input[type=week].medium.grey-3,
textarea.medium.grey-3, select.medium.grey-3 {
  box-shadow: 0 1px 0 #888888 inset, 0 -1px 0 #888888 inset, 1px 0 0 #888888 inset, -1px 0 0 #888888 inset !important;
}

input:not([type]).medium.grey-4,
input[type=text].medium.grey-4, input[type=date].medium.grey-4,
input[type=datetime-local].medium.grey-4, input[type=email].medium.grey-4,
input[type=month].medium.grey-4, input[type=number].medium.grey-4,
input[type=password].medium.grey-4, input[type=search].medium.grey-4,
input[type=tel].medium.grey-4, input[type=time].medium.grey-4,
input[type=url].medium.grey-4, input[type=week].medium.grey-4,
textarea.medium.grey-4, select.medium.grey-4 {
  box-shadow: 0 1px 0 #aaaaaa inset, 0 -1px 0 #aaaaaa inset, 1px 0 0 #aaaaaa inset, -1px 0 0 #aaaaaa inset !important;
}

input:not([type]).medium.custom-color,
input[type=text].medium.custom-color, input[type=date].medium.custom-color,
input[type=datetime-local].medium.custom-color, input[type=email].medium.custom-color,
input[type=month].medium.custom-color, input[type=number].medium.custom-color,
input[type=password].medium.custom-color, input[type=search].medium.custom-color,
input[type=tel].medium.custom-color, input[type=time].medium.custom-color,
input[type=url].medium.custom-color, input[type=week].medium.custom-color,
textarea.medium.custom-color, select.medium.custom-color {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

input:not([type]).big,
input[type=text].big, input[type=date].big,
input[type=datetime-local].big, input[type=email].big,
input[type=month].big, input[type=number].big,
input[type=password].big, input[type=search].big,
input[type=tel].big, input[type=time].big,
input[type=url].big, input[type=week].big,
textarea.big, select.big {
  border: 0;
  margin: 0;
  vertical-align: top;
  border-radius: 3px;
  font-family: "monospace";
  font-size: 1.414rem;
  line-height: 3.1rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 1.55rem;
  padding-right: 1.55rem;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 48em) {
  input:not([type]).big,
  input[type=text].big, input[type=date].big,
  input[type=datetime-local].big, input[type=email].big,
  input[type=month].big, input[type=number].big,
  input[type=password].big, input[type=search].big,
  input[type=tel].big, input[type=time].big,
  input[type=url].big, input[type=week].big,
  textarea.big, select.big {
    font-size: 1.59075rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).big,
  input[type=text].big, input[type=date].big,
  input[type=datetime-local].big, input[type=email].big,
  input[type=month].big, input[type=number].big,
  input[type=password].big, input[type=search].big,
  input[type=tel].big, input[type=time].big,
  input[type=url].big, input[type=week].big,
  textarea.big, select.big {
    line-height: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).big,
  input[type=text].big, input[type=date].big,
  input[type=datetime-local].big, input[type=email].big,
  input[type=month].big, input[type=number].big,
  input[type=password].big, input[type=search].big,
  input[type=tel].big, input[type=time].big,
  input[type=url].big, input[type=week].big,
  textarea.big, select.big {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).big,
  input[type=text].big, input[type=date].big,
  input[type=datetime-local].big, input[type=email].big,
  input[type=month].big, input[type=number].big,
  input[type=password].big, input[type=search].big,
  input[type=tel].big, input[type=time].big,
  input[type=url].big, input[type=week].big,
  textarea.big, select.big {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).big,
  input[type=text].big, input[type=date].big,
  input[type=datetime-local].big, input[type=email].big,
  input[type=month].big, input[type=number].big,
  input[type=password].big, input[type=search].big,
  input[type=tel].big, input[type=time].big,
  input[type=url].big, input[type=week].big,
  textarea.big, select.big {
    padding-left: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  input:not([type]).big,
  input[type=text].big, input[type=date].big,
  input[type=datetime-local].big, input[type=email].big,
  input[type=month].big, input[type=number].big,
  input[type=password].big, input[type=search].big,
  input[type=tel].big, input[type=time].big,
  input[type=url].big, input[type=week].big,
  textarea.big, select.big {
    padding-right: 1.63125rem;
  }
}

input:not([type]).big.primary,
input[type=text].big.primary, input[type=date].big.primary,
input[type=datetime-local].big.primary, input[type=email].big.primary,
input[type=month].big.primary, input[type=number].big.primary,
input[type=password].big.primary, input[type=search].big.primary,
input[type=tel].big.primary, input[type=time].big.primary,
input[type=url].big.primary, input[type=week].big.primary,
textarea.big.primary, select.big.primary {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

input:not([type]).big.info,
input[type=text].big.info, input[type=date].big.info,
input[type=datetime-local].big.info, input[type=email].big.info,
input[type=month].big.info, input[type=number].big.info,
input[type=password].big.info, input[type=search].big.info,
input[type=tel].big.info, input[type=time].big.info,
input[type=url].big.info, input[type=week].big.info,
textarea.big.info, select.big.info {
  box-shadow: 0 1px 0 #3498db inset, 0 -1px 0 #3498db inset, 1px 0 0 #3498db inset, -1px 0 0 #3498db inset !important;
}

input:not([type]).big.warning,
input[type=text].big.warning, input[type=date].big.warning,
input[type=datetime-local].big.warning, input[type=email].big.warning,
input[type=month].big.warning, input[type=number].big.warning,
input[type=password].big.warning, input[type=search].big.warning,
input[type=tel].big.warning, input[type=time].big.warning,
input[type=url].big.warning, input[type=week].big.warning,
textarea.big.warning, select.big.warning {
  box-shadow: 0 1px 0 #f1c40f inset, 0 -1px 0 #f1c40f inset, 1px 0 0 #f1c40f inset, -1px 0 0 #f1c40f inset !important;
}

input:not([type]).big.danger,
input[type=text].big.danger, input[type=date].big.danger,
input[type=datetime-local].big.danger, input[type=email].big.danger,
input[type=month].big.danger, input[type=number].big.danger,
input[type=password].big.danger, input[type=search].big.danger,
input[type=tel].big.danger, input[type=time].big.danger,
input[type=url].big.danger, input[type=week].big.danger,
textarea.big.danger, select.big.danger {
  box-shadow: 0 1px 0 #e74c3c inset, 0 -1px 0 #e74c3c inset, 1px 0 0 #e74c3c inset, -1px 0 0 #e74c3c inset !important;
}

input:not([type]).big.white,
input[type=text].big.white, input[type=date].big.white,
input[type=datetime-local].big.white, input[type=email].big.white,
input[type=month].big.white, input[type=number].big.white,
input[type=password].big.white, input[type=search].big.white,
input[type=tel].big.white, input[type=time].big.white,
input[type=url].big.white, input[type=week].big.white,
textarea.big.white, select.big.white {
  box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset !important;
}

input:not([type]).big.dark,
input[type=text].big.dark, input[type=date].big.dark,
input[type=datetime-local].big.dark, input[type=email].big.dark,
input[type=month].big.dark, input[type=number].big.dark,
input[type=password].big.dark, input[type=search].big.dark,
input[type=tel].big.dark, input[type=time].big.dark,
input[type=url].big.dark, input[type=week].big.dark,
textarea.big.dark, select.big.dark {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

input:not([type]).big.light,
input[type=text].big.light, input[type=date].big.light,
input[type=datetime-local].big.light, input[type=email].big.light,
input[type=month].big.light, input[type=number].big.light,
input[type=password].big.light, input[type=search].big.light,
input[type=tel].big.light, input[type=time].big.light,
input[type=url].big.light, input[type=week].big.light,
textarea.big.light, select.big.light {
  box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #eeeeee inset, 1px 0 0 #eeeeee inset, -1px 0 0 #eeeeee inset !important;
}

input:not([type]).big.success,
input[type=text].big.success, input[type=date].big.success,
input[type=datetime-local].big.success, input[type=email].big.success,
input[type=month].big.success, input[type=number].big.success,
input[type=password].big.success, input[type=search].big.success,
input[type=tel].big.success, input[type=time].big.success,
input[type=url].big.success, input[type=week].big.success,
textarea.big.success, select.big.success {
  box-shadow: 0 1px 0 #44d13f inset, 0 -1px 0 #44d13f inset, 1px 0 0 #44d13f inset, -1px 0 0 #44d13f inset !important;
}

input:not([type]).big.grey,
input[type=text].big.grey, input[type=date].big.grey,
input[type=datetime-local].big.grey, input[type=email].big.grey,
input[type=month].big.grey, input[type=number].big.grey,
input[type=password].big.grey, input[type=search].big.grey,
input[type=tel].big.grey, input[type=time].big.grey,
input[type=url].big.grey, input[type=week].big.grey,
textarea.big.grey, select.big.grey {
  box-shadow: 0 1px 0 #666666 inset, 0 -1px 0 #666666 inset, 1px 0 0 #666666 inset, -1px 0 0 #666666 inset !important;
}

input:not([type]).big.grey-1,
input[type=text].big.grey-1, input[type=date].big.grey-1,
input[type=datetime-local].big.grey-1, input[type=email].big.grey-1,
input[type=month].big.grey-1, input[type=number].big.grey-1,
input[type=password].big.grey-1, input[type=search].big.grey-1,
input[type=tel].big.grey-1, input[type=time].big.grey-1,
input[type=url].big.grey-1, input[type=week].big.grey-1,
textarea.big.grey-1, select.big.grey-1 {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

input:not([type]).big.grey-2,
input[type=text].big.grey-2, input[type=date].big.grey-2,
input[type=datetime-local].big.grey-2, input[type=email].big.grey-2,
input[type=month].big.grey-2, input[type=number].big.grey-2,
input[type=password].big.grey-2, input[type=search].big.grey-2,
input[type=tel].big.grey-2, input[type=time].big.grey-2,
input[type=url].big.grey-2, input[type=week].big.grey-2,
textarea.big.grey-2, select.big.grey-2 {
  box-shadow: 0 1px 0 #555555 inset, 0 -1px 0 #555555 inset, 1px 0 0 #555555 inset, -1px 0 0 #555555 inset !important;
}

input:not([type]).big.grey-3,
input[type=text].big.grey-3, input[type=date].big.grey-3,
input[type=datetime-local].big.grey-3, input[type=email].big.grey-3,
input[type=month].big.grey-3, input[type=number].big.grey-3,
input[type=password].big.grey-3, input[type=search].big.grey-3,
input[type=tel].big.grey-3, input[type=time].big.grey-3,
input[type=url].big.grey-3, input[type=week].big.grey-3,
textarea.big.grey-3, select.big.grey-3 {
  box-shadow: 0 1px 0 #888888 inset, 0 -1px 0 #888888 inset, 1px 0 0 #888888 inset, -1px 0 0 #888888 inset !important;
}

input:not([type]).big.grey-4,
input[type=text].big.grey-4, input[type=date].big.grey-4,
input[type=datetime-local].big.grey-4, input[type=email].big.grey-4,
input[type=month].big.grey-4, input[type=number].big.grey-4,
input[type=password].big.grey-4, input[type=search].big.grey-4,
input[type=tel].big.grey-4, input[type=time].big.grey-4,
input[type=url].big.grey-4, input[type=week].big.grey-4,
textarea.big.grey-4, select.big.grey-4 {
  box-shadow: 0 1px 0 #aaaaaa inset, 0 -1px 0 #aaaaaa inset, 1px 0 0 #aaaaaa inset, -1px 0 0 #aaaaaa inset !important;
}

input:not([type]).big.custom-color,
input[type=text].big.custom-color, input[type=date].big.custom-color,
input[type=datetime-local].big.custom-color, input[type=email].big.custom-color,
input[type=month].big.custom-color, input[type=number].big.custom-color,
input[type=password].big.custom-color, input[type=search].big.custom-color,
input[type=tel].big.custom-color, input[type=time].big.custom-color,
input[type=url].big.custom-color, input[type=week].big.custom-color,
textarea.big.custom-color, select.big.custom-color {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

input:not([type]):hover,
input[type=text]:hover, input[type=date]:hover,
input[type=datetime-local]:hover, input[type=email]:hover,
input[type=month]:hover, input[type=number]:hover,
input[type=password]:hover, input[type=search]:hover,
input[type=tel]:hover, input[type=time]:hover,
input[type=url]:hover, input[type=week]:hover,
textarea:hover, select:hover {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

input:not([type]):focus,
input[type=text]:focus, input[type=date]:focus,
input[type=datetime-local]:focus, input[type=email]:focus,
input[type=month]:focus, input[type=number]:focus,
input[type=password]:focus, input[type=search]:focus,
input[type=tel]:focus, input[type=time]:focus,
input[type=url]:focus, input[type=week]:focus,
textarea:focus, select:focus {
  box-shadow: 0 0 2px #9b59b6;
}

/*
 * Special classes for <input type='text'/> like inputs.
 */
input:not([type]).in-text,
input[type=text].in-text, input[type=date].in-text,
input[type=datetime-local].in-text, input[type=email].in-text,
input[type=month].in-text, input[type=number].in-text,
input[type=password].in-text, input[type=search].in-text,
input[type=tel].in-text, input[type=time].in-text,
input[type=url].in-text, input[type=week].in-text {
  box-shadow: 0 1px 0 #ccc;
  color: #666666;
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  line-height: inherit;
}

input:not([type]).rounded,
input[type=text].rounded, input[type=date].rounded,
input[type=datetime-local].rounded, input[type=email].rounded,
input[type=month].rounded, input[type=number].rounded,
input[type=password].rounded, input[type=search].rounded,
input[type=tel].rounded, input[type=time].rounded,
input[type=url].rounded, input[type=week].rounded {
  border-radius: 100px;
}

textarea {
  width: 100%;
  max-width: 100%;
  min-height: 1.55rem;
  box-sizing: border-box;
}

select {
  height: 1.55rem;
}

@media screen and (min-width: 48em) {
  select {
    height: 1.63125rem;
  }
}

select option {
  font-size: 1rem;
}

@media screen and (min-width: 48em) {
  select option {
    font-size: 1.125rem;
  }
}

select.small {
  height: 1.1625rem;
}

@media screen and (min-width: 48em) {
  select.small {
    height: 1.22344rem;
  }
}

select.small option {
  font-size: 0.91704rem;
}

@media screen and (min-width: 48em) {
  select.small option {
    font-size: 1.03167rem;
  }
}

select.medium {
  height: 2.325rem;
}

@media screen and (min-width: 48em) {
  select.medium {
    height: 2.44687rem;
  }
}

select.medium option {
  font-size: 1.18912rem;
}

@media screen and (min-width: 48em) {
  select.medium option {
    font-size: 1.33776rem;
  }
}

select.big {
  height: 3.1rem;
}

@media screen and (min-width: 48em) {
  select.big {
    height: 3.2625rem;
  }
}

select.big option {
  font-size: 1.414rem;
}

@media screen and (min-width: 48em) {
  select.big option {
    font-size: 1.59075rem;
  }
}

/* BUTTONS */
button, input[type=button] {
  border: 0;
  margin: 0;
  vertical-align: top;
  border-radius: 3px;
  font-family: "monospace";
  font-size: 0.84096rem;
  line-height: 1.55rem;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  white-space: nowrap;
  background: #eee;
  border: 0;
  vertical-align: top;
  /* For small button, a 2px margin-top appear without any reason. */
  cursor: pointer;
  transition: background-color 200ms;
}

@media screen and (min-width: 48em) {
  button, input[type=button] {
    font-size: 0.94608rem;
  }
}

@media screen and (min-width: 48em) {
  button, input[type=button] {
    line-height: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  button, input[type=button] {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  button, input[type=button] {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  button, input[type=button] {
    margin-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  button, input[type=button] {
    margin-bottom: 0rem;
  }
}

button.primary, input[type=button].primary {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

button.info, input[type=button].info {
  box-shadow: 0 1px 0 #3498db inset, 0 -1px 0 #3498db inset, 1px 0 0 #3498db inset, -1px 0 0 #3498db inset !important;
}

button.warning, input[type=button].warning {
  box-shadow: 0 1px 0 #f1c40f inset, 0 -1px 0 #f1c40f inset, 1px 0 0 #f1c40f inset, -1px 0 0 #f1c40f inset !important;
}

button.danger, input[type=button].danger {
  box-shadow: 0 1px 0 #e74c3c inset, 0 -1px 0 #e74c3c inset, 1px 0 0 #e74c3c inset, -1px 0 0 #e74c3c inset !important;
}

button.white, input[type=button].white {
  box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset !important;
}

button.dark, input[type=button].dark {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

button.light, input[type=button].light {
  box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #eeeeee inset, 1px 0 0 #eeeeee inset, -1px 0 0 #eeeeee inset !important;
}

button.success, input[type=button].success {
  box-shadow: 0 1px 0 #44d13f inset, 0 -1px 0 #44d13f inset, 1px 0 0 #44d13f inset, -1px 0 0 #44d13f inset !important;
}

button.grey, input[type=button].grey {
  box-shadow: 0 1px 0 #666666 inset, 0 -1px 0 #666666 inset, 1px 0 0 #666666 inset, -1px 0 0 #666666 inset !important;
}

button.grey-1, input[type=button].grey-1 {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

button.grey-2, input[type=button].grey-2 {
  box-shadow: 0 1px 0 #555555 inset, 0 -1px 0 #555555 inset, 1px 0 0 #555555 inset, -1px 0 0 #555555 inset !important;
}

button.grey-3, input[type=button].grey-3 {
  box-shadow: 0 1px 0 #888888 inset, 0 -1px 0 #888888 inset, 1px 0 0 #888888 inset, -1px 0 0 #888888 inset !important;
}

button.grey-4, input[type=button].grey-4 {
  box-shadow: 0 1px 0 #aaaaaa inset, 0 -1px 0 #aaaaaa inset, 1px 0 0 #aaaaaa inset, -1px 0 0 #aaaaaa inset !important;
}

button.custom-color, input[type=button].custom-color {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

button.small, input[type=button].small {
  border: 0;
  margin: 0;
  vertical-align: top;
  border-radius: 3px;
  font-family: "monospace";
  font-size: 0.70721em;
  font-size: 0.84096rem;
  line-height: 1.1625rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 0.775rem;
  padding-right: 0.775rem;
  margin-top: 0.19375rem;
  margin-bottom: 0.19375rem;
}

@media screen and (min-width: 48em) {
  button.small, input[type=button].small {
    font-size: 0.94608rem;
  }
}

@media screen and (min-width: 48em) {
  button.small, input[type=button].small {
    line-height: 1.22344rem;
  }
}

@media screen and (min-width: 48em) {
  button.small, input[type=button].small {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  button.small, input[type=button].small {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 48em) {
  button.small, input[type=button].small {
    padding-left: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  button.small, input[type=button].small {
    padding-right: 0.81562rem;
  }
}

@media screen and (min-width: 48em) {
  button.small, input[type=button].small {
    margin-top: 0.20391rem;
  }
}

@media screen and (min-width: 48em) {
  button.small, input[type=button].small {
    margin-bottom: 0.20391rem;
  }
}

button.small.primary, input[type=button].small.primary {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

button.small.info, input[type=button].small.info {
  box-shadow: 0 1px 0 #3498db inset, 0 -1px 0 #3498db inset, 1px 0 0 #3498db inset, -1px 0 0 #3498db inset !important;
}

button.small.warning, input[type=button].small.warning {
  box-shadow: 0 1px 0 #f1c40f inset, 0 -1px 0 #f1c40f inset, 1px 0 0 #f1c40f inset, -1px 0 0 #f1c40f inset !important;
}

button.small.danger, input[type=button].small.danger {
  box-shadow: 0 1px 0 #e74c3c inset, 0 -1px 0 #e74c3c inset, 1px 0 0 #e74c3c inset, -1px 0 0 #e74c3c inset !important;
}

button.small.white, input[type=button].small.white {
  box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset !important;
}

button.small.dark, input[type=button].small.dark {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

button.small.light, input[type=button].small.light {
  box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #eeeeee inset, 1px 0 0 #eeeeee inset, -1px 0 0 #eeeeee inset !important;
}

button.small.success, input[type=button].small.success {
  box-shadow: 0 1px 0 #44d13f inset, 0 -1px 0 #44d13f inset, 1px 0 0 #44d13f inset, -1px 0 0 #44d13f inset !important;
}

button.small.grey, input[type=button].small.grey {
  box-shadow: 0 1px 0 #666666 inset, 0 -1px 0 #666666 inset, 1px 0 0 #666666 inset, -1px 0 0 #666666 inset !important;
}

button.small.grey-1, input[type=button].small.grey-1 {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

button.small.grey-2, input[type=button].small.grey-2 {
  box-shadow: 0 1px 0 #555555 inset, 0 -1px 0 #555555 inset, 1px 0 0 #555555 inset, -1px 0 0 #555555 inset !important;
}

button.small.grey-3, input[type=button].small.grey-3 {
  box-shadow: 0 1px 0 #888888 inset, 0 -1px 0 #888888 inset, 1px 0 0 #888888 inset, -1px 0 0 #888888 inset !important;
}

button.small.grey-4, input[type=button].small.grey-4 {
  box-shadow: 0 1px 0 #aaaaaa inset, 0 -1px 0 #aaaaaa inset, 1px 0 0 #aaaaaa inset, -1px 0 0 #aaaaaa inset !important;
}

button.small.custom-color, input[type=button].small.custom-color {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

button.medium, input[type=button].medium {
  border: 0;
  margin: 0;
  vertical-align: top;
  border-radius: 3px;
  font-family: "monospace";
  font-size: 1.18912rem;
  line-height: 2.325rem;
  padding-right: 1.1625rem;
  padding-left: 1.1625rem;
  margin-top: 0.3875rem;
  margin-bottom: 0.3875rem;
}

@media screen and (min-width: 48em) {
  button.medium, input[type=button].medium {
    font-size: 1.33776rem;
  }
}

@media screen and (min-width: 48em) {
  button.medium, input[type=button].medium {
    line-height: 2.44687rem;
  }
}

@media screen and (min-width: 48em) {
  button.medium, input[type=button].medium {
    padding-right: 1.22344rem;
  }
}

@media screen and (min-width: 48em) {
  button.medium, input[type=button].medium {
    padding-left: 1.22344rem;
  }
}

@media screen and (min-width: 48em) {
  button.medium, input[type=button].medium {
    margin-top: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  button.medium, input[type=button].medium {
    margin-bottom: 0.40781rem;
  }
}

button.medium.primary, input[type=button].medium.primary {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

button.medium.info, input[type=button].medium.info {
  box-shadow: 0 1px 0 #3498db inset, 0 -1px 0 #3498db inset, 1px 0 0 #3498db inset, -1px 0 0 #3498db inset !important;
}

button.medium.warning, input[type=button].medium.warning {
  box-shadow: 0 1px 0 #f1c40f inset, 0 -1px 0 #f1c40f inset, 1px 0 0 #f1c40f inset, -1px 0 0 #f1c40f inset !important;
}

button.medium.danger, input[type=button].medium.danger {
  box-shadow: 0 1px 0 #e74c3c inset, 0 -1px 0 #e74c3c inset, 1px 0 0 #e74c3c inset, -1px 0 0 #e74c3c inset !important;
}

button.medium.white, input[type=button].medium.white {
  box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset !important;
}

button.medium.dark, input[type=button].medium.dark {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

button.medium.light, input[type=button].medium.light {
  box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #eeeeee inset, 1px 0 0 #eeeeee inset, -1px 0 0 #eeeeee inset !important;
}

button.medium.success, input[type=button].medium.success {
  box-shadow: 0 1px 0 #44d13f inset, 0 -1px 0 #44d13f inset, 1px 0 0 #44d13f inset, -1px 0 0 #44d13f inset !important;
}

button.medium.grey, input[type=button].medium.grey {
  box-shadow: 0 1px 0 #666666 inset, 0 -1px 0 #666666 inset, 1px 0 0 #666666 inset, -1px 0 0 #666666 inset !important;
}

button.medium.grey-1, input[type=button].medium.grey-1 {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

button.medium.grey-2, input[type=button].medium.grey-2 {
  box-shadow: 0 1px 0 #555555 inset, 0 -1px 0 #555555 inset, 1px 0 0 #555555 inset, -1px 0 0 #555555 inset !important;
}

button.medium.grey-3, input[type=button].medium.grey-3 {
  box-shadow: 0 1px 0 #888888 inset, 0 -1px 0 #888888 inset, 1px 0 0 #888888 inset, -1px 0 0 #888888 inset !important;
}

button.medium.grey-4, input[type=button].medium.grey-4 {
  box-shadow: 0 1px 0 #aaaaaa inset, 0 -1px 0 #aaaaaa inset, 1px 0 0 #aaaaaa inset, -1px 0 0 #aaaaaa inset !important;
}

button.medium.custom-color, input[type=button].medium.custom-color {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

button.big, input[type=button].big {
  border: 0;
  margin: 0;
  vertical-align: top;
  border-radius: 3px;
  font-family: "monospace";
  font-size: 1.414rem;
  line-height: 3.1rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 1.55rem;
  padding-right: 1.55rem;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 48em) {
  button.big, input[type=button].big {
    font-size: 1.59075rem;
  }
}

@media screen and (min-width: 48em) {
  button.big, input[type=button].big {
    line-height: 3.2625rem;
  }
}

@media screen and (min-width: 48em) {
  button.big, input[type=button].big {
    padding-top: 0rem;
  }
}

@media screen and (min-width: 48em) {
  button.big, input[type=button].big {
    padding-bottom: 0rem;
  }
}

@media screen and (min-width: 48em) {
  button.big, input[type=button].big {
    padding-left: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  button.big, input[type=button].big {
    padding-right: 1.63125rem;
  }
}

button.big.primary, input[type=button].big.primary {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

button.big.info, input[type=button].big.info {
  box-shadow: 0 1px 0 #3498db inset, 0 -1px 0 #3498db inset, 1px 0 0 #3498db inset, -1px 0 0 #3498db inset !important;
}

button.big.warning, input[type=button].big.warning {
  box-shadow: 0 1px 0 #f1c40f inset, 0 -1px 0 #f1c40f inset, 1px 0 0 #f1c40f inset, -1px 0 0 #f1c40f inset !important;
}

button.big.danger, input[type=button].big.danger {
  box-shadow: 0 1px 0 #e74c3c inset, 0 -1px 0 #e74c3c inset, 1px 0 0 #e74c3c inset, -1px 0 0 #e74c3c inset !important;
}

button.big.white, input[type=button].big.white {
  box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset !important;
}

button.big.dark, input[type=button].big.dark {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

button.big.light, input[type=button].big.light {
  box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #eeeeee inset, 1px 0 0 #eeeeee inset, -1px 0 0 #eeeeee inset !important;
}

button.big.success, input[type=button].big.success {
  box-shadow: 0 1px 0 #44d13f inset, 0 -1px 0 #44d13f inset, 1px 0 0 #44d13f inset, -1px 0 0 #44d13f inset !important;
}

button.big.grey, input[type=button].big.grey {
  box-shadow: 0 1px 0 #666666 inset, 0 -1px 0 #666666 inset, 1px 0 0 #666666 inset, -1px 0 0 #666666 inset !important;
}

button.big.grey-1, input[type=button].big.grey-1 {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

button.big.grey-2, input[type=button].big.grey-2 {
  box-shadow: 0 1px 0 #555555 inset, 0 -1px 0 #555555 inset, 1px 0 0 #555555 inset, -1px 0 0 #555555 inset !important;
}

button.big.grey-3, input[type=button].big.grey-3 {
  box-shadow: 0 1px 0 #888888 inset, 0 -1px 0 #888888 inset, 1px 0 0 #888888 inset, -1px 0 0 #888888 inset !important;
}

button.big.grey-4, input[type=button].big.grey-4 {
  box-shadow: 0 1px 0 #aaaaaa inset, 0 -1px 0 #aaaaaa inset, 1px 0 0 #aaaaaa inset, -1px 0 0 #aaaaaa inset !important;
}

button.big.custom-color, input[type=button].big.custom-color {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

button.invisible, input[type=button].invisible {
  background-color: transparent;
  box-shadow: none;
  color: inherit;
  padding-left: 0.3875rem;
  padding-right: 0.3875rem;
}

@media screen and (min-width: 48em) {
  button.invisible, input[type=button].invisible {
    padding-left: 0.40781rem;
  }
}

@media screen and (min-width: 48em) {
  button.invisible, input[type=button].invisible {
    padding-right: 0.40781rem;
  }
}

button.invisible:hover, input[type=button].invisible:hover {
  background-color: transparent;
  box-shadow: none;
}

button:hover, input[type=button]:hover {
  background: white;
}

button.primary, input[type=button].primary {
  color: #fff;
  background-color: #9b59b6;
}

button.primary:hover, input[type=button].primary:hover {
  background-color: #b07cc6;
}

button.primary:disabled, input[type=button].primary:disabled {
  background-color: #c6a0d5;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-primary, input[type=button].border-primary {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

button.info, input[type=button].info {
  color: #fff;
  background-color: #3498db;
}

button.info:hover, input[type=button].info:hover {
  background-color: #5faee3;
}

button.info:disabled, input[type=button].info:disabled {
  background-color: #8bc4ea;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-info, input[type=button].border-info {
  box-shadow: 0 1px 0 #3498db inset, 0 -1px 0 #3498db inset, 1px 0 0 #3498db inset, -1px 0 0 #3498db inset !important;
}

button.warning, input[type=button].warning {
  color: rgba(0, 0, 0, 0.7);
  background-color: #f1c40f;
}

button.warning:hover, input[type=button].warning:hover {
  background-color: #f4d03f;
}

button.warning:disabled, input[type=button].warning:disabled {
  background-color: #f7dc6f;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-warning, input[type=button].border-warning {
  box-shadow: 0 1px 0 #f1c40f inset, 0 -1px 0 #f1c40f inset, 1px 0 0 #f1c40f inset, -1px 0 0 #f1c40f inset !important;
}

button.danger, input[type=button].danger {
  color: #fff;
  background-color: #e74c3c;
}

button.danger:hover, input[type=button].danger:hover {
  background-color: #ed7669;
}

button.danger:disabled, input[type=button].danger:disabled {
  background-color: #f29f97;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-danger, input[type=button].border-danger {
  box-shadow: 0 1px 0 #e74c3c inset, 0 -1px 0 #e74c3c inset, 1px 0 0 #e74c3c inset, -1px 0 0 #e74c3c inset !important;
}

button.white, input[type=button].white {
  color: rgba(0, 0, 0, 0.7);
  background-color: #fff;
}

button.white:hover, input[type=button].white:hover {
  background-color: white;
}

button.white:disabled, input[type=button].white:disabled {
  background-color: white;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-white, input[type=button].border-white {
  box-shadow: 0 1px 0 #fff inset, 0 -1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset !important;
}

button.dark, input[type=button].dark {
  color: #fff;
  background-color: #333333;
}

button.dark:hover, input[type=button].dark:hover {
  background-color: #4d4d4d;
}

button.dark:disabled, input[type=button].dark:disabled {
  background-color: #666666;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-dark, input[type=button].border-dark {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

button.light, input[type=button].light {
  color: rgba(0, 0, 0, 0.7);
  background-color: #eeeeee;
}

button.light:hover, input[type=button].light:hover {
  background-color: white;
}

button.light:disabled, input[type=button].light:disabled {
  background-color: white;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-light, input[type=button].border-light {
  box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #eeeeee inset, 1px 0 0 #eeeeee inset, -1px 0 0 #eeeeee inset !important;
}

button.success, input[type=button].success {
  color: #fff;
  background-color: #44d13f;
}

button.success:hover, input[type=button].success:hover {
  background-color: #6cdb68;
}

button.success:disabled, input[type=button].success:disabled {
  background-color: #94e591;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-success, input[type=button].border-success {
  box-shadow: 0 1px 0 #44d13f inset, 0 -1px 0 #44d13f inset, 1px 0 0 #44d13f inset, -1px 0 0 #44d13f inset !important;
}

button.grey, input[type=button].grey {
  color: #fff;
  background-color: #666666;
}

button.grey:hover, input[type=button].grey:hover {
  background-color: gray;
}

button.grey:disabled, input[type=button].grey:disabled {
  background-color: #999999;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-grey, input[type=button].border-grey {
  box-shadow: 0 1px 0 #666666 inset, 0 -1px 0 #666666 inset, 1px 0 0 #666666 inset, -1px 0 0 #666666 inset !important;
}

button.grey-1, input[type=button].grey-1 {
  color: #fff;
  background-color: #333333;
}

button.grey-1:hover, input[type=button].grey-1:hover {
  background-color: #4d4d4d;
}

button.grey-1:disabled, input[type=button].grey-1:disabled {
  background-color: #666666;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-grey-1, input[type=button].border-grey-1 {
  box-shadow: 0 1px 0 #333333 inset, 0 -1px 0 #333333 inset, 1px 0 0 #333333 inset, -1px 0 0 #333333 inset !important;
}

button.grey-2, input[type=button].grey-2 {
  color: #fff;
  background-color: #555555;
}

button.grey-2:hover, input[type=button].grey-2:hover {
  background-color: #6f6f6f;
}

button.grey-2:disabled, input[type=button].grey-2:disabled {
  background-color: #888888;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-grey-2, input[type=button].border-grey-2 {
  box-shadow: 0 1px 0 #555555 inset, 0 -1px 0 #555555 inset, 1px 0 0 #555555 inset, -1px 0 0 #555555 inset !important;
}

button.grey-3, input[type=button].grey-3 {
  color: #fff;
  background-color: #888888;
}

button.grey-3:hover, input[type=button].grey-3:hover {
  background-color: #a2a2a2;
}

button.grey-3:disabled, input[type=button].grey-3:disabled {
  background-color: #bbbbbb;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-grey-3, input[type=button].border-grey-3 {
  box-shadow: 0 1px 0 #888888 inset, 0 -1px 0 #888888 inset, 1px 0 0 #888888 inset, -1px 0 0 #888888 inset !important;
}

button.grey-4, input[type=button].grey-4 {
  color: #fff;
  background-color: #aaaaaa;
}

button.grey-4:hover, input[type=button].grey-4:hover {
  background-color: #c4c4c4;
}

button.grey-4:disabled, input[type=button].grey-4:disabled {
  background-color: #dddddd;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-grey-4, input[type=button].border-grey-4 {
  box-shadow: 0 1px 0 #aaaaaa inset, 0 -1px 0 #aaaaaa inset, 1px 0 0 #aaaaaa inset, -1px 0 0 #aaaaaa inset !important;
}

button.custom-color, input[type=button].custom-color {
  color: #fff;
  background-color: #9b59b6;
}

button.custom-color:hover, input[type=button].custom-color:hover {
  background-color: #b07cc6;
}

button.custom-color:disabled, input[type=button].custom-color:disabled {
  background-color: #c6a0d5;
  opacity: 0.5;
  cursor: not-allowed;
}

button.border-custom-color, input[type=button].border-custom-color {
  box-shadow: 0 1px 0 #9b59b6 inset, 0 -1px 0 #9b59b6 inset, 1px 0 0 #9b59b6 inset, -1px 0 0 #9b59b6 inset !important;
}

/* OTHERS FORM TAGS */
label > span {
  padding-right: 1.55rem;
  min-width: 4.65rem;
  display: inline-block;
}

@media screen and (min-width: 48em) {
  label > span {
    padding-right: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  label > span {
    min-width: 4.89375rem;
  }
}

label.line {
  display: flex;
  margin-top: 1.55rem;
  margin-bottom: 1.55rem;
}

@media screen and (min-width: 48em) {
  label.line {
    margin-top: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  label.line {
    margin-bottom: 1.63125rem;
  }
}

label.line > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

label.line input, label.line button, label.line input[type=button] {
  flex: 1;
}

fieldset {
  border: 0;
  background: #ffffff;
  border-radius: 6px;
  padding: 1.55rem;
  margin-bottom: 0.775rem;
}

@media screen and (min-width: 48em) {
  fieldset {
    padding: 1.63125rem;
  }
}

@media screen and (min-width: 48em) {
  fieldset {
    margin-bottom: 0.81562rem;
  }
}

fieldset > legend {
  font-size: 0.84096rem;
}

@media screen and (min-width: 48em) {
  fieldset > legend {
    font-size: 0.94608rem;
  }
}

/*
 * ADDITIONAL FORMATTING CLASSES
 */
.with-icon {
  position: relative;
  display: inline-block;
}

.with-icon > input, .with-icon > button, .with-icon > select {
  vertical-align: middle;
}

.with-icon.with-icon-left > input, .with-icon.with-icon-left > button, .with-icon.with-icon-left > select {
  padding-left: 1.55rem;
}

@media screen and (min-width: 48em) {
  .with-icon.with-icon-left > input, .with-icon.with-icon-left > button, .with-icon.with-icon-left > select {
    padding-left: 1.63125rem;
  }
}

.with-icon.with-icon-right > input, .with-icon.with-icon-right > button, .with-icon.with-icon-right > select {
  padding-right: 1.55rem;
}

@media screen and (min-width: 48em) {
  .with-icon.with-icon-right > input, .with-icon.with-icon-right > button, .with-icon.with-icon-right > select {
    padding-right: 1.63125rem;
  }
}

.with-icon > .icon {
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.84096rem;
  color: #aaa;
  top: 0;
}

@media screen and (min-width: 48em) {
  .with-icon > .icon {
    font-size: 0.94608rem;
  }
}

.with-icon > .icon.left {
  left: 0.3875rem;
}

@media screen and (min-width: 48em) {
  .with-icon > .icon.left {
    left: 0.40781rem;
  }
}

.with-icon > .icon.right {
  right: 0.3875rem;
}

@media screen and (min-width: 48em) {
  .with-icon > .icon.right {
    right: 0.40781rem;
  }
}

/* TODO change name */
.stick {
  display: flex;
}

.stick button, .stick input, .stick select {
  border-radius: 0;
}

.stick button:nth-child, .stick input:nth-child, .stick select:nth-child {
  border-radius: 3px 0 0 3px;
}

.stick button:nth-last-child, .stick input:nth-last-child, .stick select:nth-last-child {
  border-radius: 0 3px 3px 0;
}

.stick-center {
  display: flex;
  justify-content: center;
}

.stick-center button, .stick-center input, .stick-center select {
  border-radius: 0;
}

.stick-center button:nth-child, .stick-center input:nth-child, .stick-center select:nth-child {
  border-radius: 3px 0 0 3px;
}

.stick-center button:nth-last-child, .stick-center input:nth-last-child, .stick-center select:nth-last-child {
  border-radius: 0 3px 3px 0;
}

.stick-right {
  display: flex;
  justify-content: flex-end;
}

.stick-right button, .stick-right input, .stick-right select {
  border-radius: 0;
}

.stick-right button:nth-child, .stick-right input:nth-child, .stick-right select:nth-child {
  border-radius: 3px 0 0 3px;
}

.stick-right button:nth-last-child, .stick-right input:nth-last-child, .stick-right select:nth-last-child {
  border-radius: 0 3px 3px 0;
}

.stick-left {
  display: flex;
  justify-content: flex-start;
}

.stick-left button, .stick-left input, .stick-left select {
  border-radius: 0;
}

.stick-left button:nth-child, .stick-left input:nth-child, .stick-left select:nth-child {
  border-radius: 3px 0 0 3px;
}

.stick-left button:nth-last-child, .stick-left input:nth-last-child, .stick-left select:nth-last-child {
  border-radius: 0 3px 3px 0;
}

.loading {
  position: relative;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.loading:before {
  content: "";
  animation: spin .5s infinite linear;
  position: absolute;
  border: 0.1rem solid #dbdbdb;
  border-radius: 100px;
  border-right-color: transparent;
  border-top-color: transparent;
  height: 1rem;
  width: 1rem;
  right: 10px;
  top: 50%;
  margin-top: -0.6rem;
}

.loading.small:before {
  height: 0.5rem;
  width: 0.5rem;
  margin-top: -0.35rem;
}

.loading.medium:before {
  height: 1.5rem;
  width: 1.5rem;
  margin-top: -0.85rem;
}

.loading.big:before {
  height: 2rem;
  width: 2rem;
  margin-top: -1.1rem;
}

@media screen and (min-width: 48em) {
  .columns {
    display: flex;
  }
  .columns .column {
    flex: 1;
  }
  .columns .column:last-child {
    margin-bottom: 0;
  }
  .columns .column:first-child {
    margin-top: 0;
  }
}

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