/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./velotooler-ui/app/sass/app.scss ***!
  \************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/** =================== MONTSERRAT =================== **/

/** Montserrat Thin **/

@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  font-style: normal;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-Thin.ttf) format("truetype");
}

/** Montserrat Thin-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  font-style: italic;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-ThinItalic.ttf) format("truetype");
}

/** Montserrat ExtraLight **/

@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  font-style: normal;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-ExtraLight.ttf) format("truetype");
}

/** Montserrat ExtraLight-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  font-style: italic;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-ExtraLightItalic.ttf) format("truetype");
}

/** Montserrat Light **/

@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: normal;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-Light.ttf) format("truetype");
}

/** Montserrat Light-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: italic;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-LightItalic.ttf) format("truetype");
}

/** Montserrat Regular **/

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-Regular.ttf) format("truetype");
}

/** Montserrat Regular-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: italic;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-Italic.ttf) format("truetype");
}

/** Montserrat Medium **/

@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-Medium.ttf) format("truetype");
}

/** Montserrat Medium-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: italic;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-MediumItalic.ttf) format("truetype");
}

/** Montserrat SemiBold **/

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-SemiBold.ttf) format("truetype");
}

/** Montserrat SemiBold-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: italic;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-SemiBoldItalic.ttf) format("truetype");
}

/** Montserrat Bold **/

@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-Bold.ttf) format("truetype");
}

/** Montserrat Bold-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: italic;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-BoldItalic.ttf) format("truetype");
}

/** Montserrat ExtraBold **/

@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: normal;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-ExtraBold.ttf) format("truetype");
}

/** Montserrat ExtraBold-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: italic;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-ExtraBoldItalic.ttf) format("truetype");
}

/** Montserrat Black **/

@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: normal;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-Black.ttf) format("truetype");
}

/** Montserrat Black-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: italic;
  src: url(https://assets.velotooler.com/dist/fonts/Montserrat-BlackItalic.ttf) format("truetype");
}

/** Bebas Neue **/

@font-face {
  font-family: "Bebas Neue";
  font-weight: 400;
  font-style: normal;
  src: url(https://assets.velotooler.com/dist/fonts/BebasNeue-Regular.ttf) format("truetype");
}

/*$input-default-color: #FFEB3B;*/

/*$input-default-color: #FFEB3B;*/

* {
  outline: none;
}

img {
  border: 0;
}

.link {
  color: #ffec92;
  text-decoration: none;
}

.link:hover,
.link:active {
  color: #ffffcb;
}

.base-template {
  font-family: Montserrat, serif;
  color: white;
}

.base-template .bt-lighter-background {
  background-color: rgb(40, 40, 40);
}

.base-template h1 {
  text-align: center;
  font-size: 40px;
}

.base-template h1,
.base-template h2 {
  color: white;
}

.base-template p {
  color: white;
  text-align: justify;
  font-size: 17px;
  line-height: 26px;
}

.base-template .bt-section-title {
  margin-bottom: 50px;
}

.base-template .bt-section-title h1 {
  font-size: 2em;
  color: white;
  margin: 0 10px;
  text-align: center;
}

.base-template .bt-section-title h2 {
  font-size: 2em;
  color: white;
  margin: 0 10px;
  text-align: center;
  font-weight: normal;
}

.base-template .bt-section-title h3 {
  font-size: 20px;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  color: #ccc;
  font-weight: normal;
}

.base-template .bt-section-title .align-left {
  text-align: left;
}

.base-template .bt-section-title span {
  color: white;
  font-size: 1.1em;
}

.base-template .bt-content-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 15px;
  overflow: hidden;
}

.base-template .bt-content-background {
  overflow: hidden;
}

/*$input-default-color: #FFEB3B;*/

a.md-button,
button.md-button,
a.md-button.md-default-theme,
button.md-button.md-default-theme,
md-dialog .md-button {
  min-width: 88px;
  border-radius: .125rem;
  font-size: 13px;
  text-decoration: none;
  border: none;
  outline: none;
  line-height: 25px;
  min-height: 25px;
  text-transform: uppercase;
  color: white;
  vertical-align: middle;
}

a.md-button.md-button_no-transform,
button.md-button.md-button_no-transform,
a.md-button.md-default-theme.md-button_no-transform,
button.md-button.md-default-theme.md-button_no-transform,
md-dialog .md-button.md-button_no-transform {
  text-transform: none;
}

a.md-button.md-border-radius_none,
button.md-button.md-border-radius_none,
a.md-button.md-default-theme.md-border-radius_none,
button.md-button.md-default-theme.md-border-radius_none,
md-dialog .md-button.md-border-radius_none {
  border-radius: 0;
}

a.md-button.md-border_top,
button.md-button.md-border_top,
a.md-button.md-default-theme.md-border_top,
button.md-button.md-default-theme.md-border_top,
md-dialog .md-button.md-border_top {
  border-top: 1px solid #555;
}

a.md-button.right,
button.md-button.right,
a.md-button.md-default-theme.right,
button.md-button.md-default-theme.right,
md-dialog .md-button.right {
  text-align: center;
}

a.md-button.md-inline,
button.md-button.md-inline,
a.md-button.md-default-theme.md-inline,
button.md-button.md-default-theme.md-inline,
md-dialog .md-button.md-inline {
  margin: 0;
  min-height: inherit;
}

a.md-button.md-big,
button.md-button.md-big,
a.md-button.md-default-theme.md-big,
button.md-button.md-default-theme.md-big,
md-dialog .md-button.md-big {
  line-height: 35px;
  min-height: 35px;
}

a.md-button.md-margin-0,
button.md-button.md-margin-0,
a.md-button.md-default-theme.md-margin-0,
button.md-button.md-default-theme.md-margin-0,
md-dialog .md-button.md-margin-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

a.md-button.md-static-height,
button.md-button.md-static-height,
a.md-button.md-default-theme.md-static-height,
button.md-button.md-default-theme.md-static-height,
md-dialog .md-button.md-static-height {
  max-height: 27px;
}

a.md-button.md-primary,
button.md-button.md-primary,
a.md-button.md-default-theme.md-primary,
button.md-button.md-default-theme.md-primary,
md-dialog .md-button.md-primary {
  color: #ffec92;
}

a.md-button.md-remove,
button.md-button.md-remove,
a.md-button.md-default-theme.md-remove,
button.md-button.md-default-theme.md-remove,
md-dialog .md-button.md-remove {
  background-color: #d53e4a;
}

a.md-button.md-neutral,
button.md-button.md-neutral,
a.md-button.md-default-theme.md-neutral,
button.md-button.md-default-theme.md-neutral,
md-dialog .md-button.md-neutral {
  color: white;
}

a.md-button.md-fixed-position,
button.md-button.md-fixed-position,
a.md-button.md-default-theme.md-fixed-position,
button.md-button.md-default-theme.md-fixed-position,
md-dialog .md-button.md-fixed-position {
  position: fixed !important;
}

a.md-button.md-raised,
button.md-button.md-raised,
a.md-button.md-default-theme.md-raised,
button.md-button.md-default-theme.md-raised,
md-dialog .md-button.md-raised {
  text-transform: none;
  padding: 0 15px 0 15px;
  margin: 6px 8px 6px 8px;
  border: 1px solid #555;
  color: #ffec92;
  background-color: transparent;
}

a.md-button.md-raised span,
button.md-button.md-raised span,
a.md-button.md-default-theme.md-raised span,
button.md-button.md-default-theme.md-raised span,
md-dialog .md-button.md-raised span {
  padding: 0 7px;
}

a.md-button.md-raised.md-button-uppercase,
button.md-button.md-raised.md-button-uppercase,
a.md-button.md-default-theme.md-raised.md-button-uppercase,
button.md-button.md-default-theme.md-raised.md-button-uppercase,
md-dialog .md-button.md-raised.md-button-uppercase {
  text-transform: uppercase;
}

a.md-button.md-raised.md-primary,
button.md-button.md-raised.md-primary,
a.md-button.md-default-theme.md-raised.md-primary,
button.md-button.md-default-theme.md-raised.md-primary,
md-dialog .md-button.md-raised.md-primary {
  color: #333;
  border: none;
  background-color: #ffec92;
}

a.md-button.md-raised.md-primary:not([disabled]):hover,
a.md-button.md-raised.md-primary:not([disabled]):focus,
a.md-button.md-raised.md-primary:not([disabled]).md-focused,
button.md-button.md-raised.md-primary:not([disabled]):hover,
button.md-button.md-raised.md-primary:not([disabled]):focus,
button.md-button.md-raised.md-primary:not([disabled]).md-focused,
a.md-button.md-default-theme.md-raised.md-primary:not([disabled]):hover,
a.md-button.md-default-theme.md-raised.md-primary:not([disabled]):focus,
a.md-button.md-default-theme.md-raised.md-primary:not([disabled]).md-focused,
button.md-button.md-default-theme.md-raised.md-primary:not([disabled]):hover,
button.md-button.md-default-theme.md-raised.md-primary:not([disabled]):focus,
button.md-button.md-default-theme.md-raised.md-primary:not([disabled]).md-focused,
md-dialog .md-button.md-raised.md-primary:not([disabled]):hover,
md-dialog .md-button.md-raised.md-primary:not([disabled]):focus,
md-dialog .md-button.md-raised.md-primary:not([disabled]).md-focused {
  background-color: #ffffcb;
  color: #333 !important;
}

a.md-button.md-raised.md-remove,
button.md-button.md-raised.md-remove,
a.md-button.md-default-theme.md-raised.md-remove,
button.md-button.md-default-theme.md-raised.md-remove,
md-dialog .md-button.md-raised.md-remove {
  color: white;
  background-color: #d53e4a;
  border: none;
}

a.md-button.md-raised.md-remove:not([disabled]):hover,
a.md-button.md-raised.md-remove:not([disabled]):focus,
a.md-button.md-raised.md-remove:not([disabled]).md-focused,
button.md-button.md-raised.md-remove:not([disabled]):hover,
button.md-button.md-raised.md-remove:not([disabled]):focus,
button.md-button.md-raised.md-remove:not([disabled]).md-focused,
a.md-button.md-default-theme.md-raised.md-remove:not([disabled]):hover,
a.md-button.md-default-theme.md-raised.md-remove:not([disabled]):focus,
a.md-button.md-default-theme.md-raised.md-remove:not([disabled]).md-focused,
button.md-button.md-default-theme.md-raised.md-remove:not([disabled]):hover,
button.md-button.md-default-theme.md-raised.md-remove:not([disabled]):focus,
button.md-button.md-default-theme.md-raised.md-remove:not([disabled]).md-focused,
md-dialog .md-button.md-raised.md-remove:not([disabled]):hover,
md-dialog .md-button.md-raised.md-remove:not([disabled]):focus,
md-dialog .md-button.md-raised.md-remove:not([disabled]).md-focused {
  background-color: #f55e6a;
}

a.md-button.md-raised.md-success,
button.md-button.md-raised.md-success,
a.md-button.md-default-theme.md-raised.md-success,
button.md-button.md-default-theme.md-raised.md-success,
md-dialog .md-button.md-raised.md-success {
  color: white;
  background-color: rgba(81, 197, 126, .5);
  border: none;
}

a.md-button.md-raised.md-success:not([disabled]):hover,
a.md-button.md-raised.md-success:not([disabled]):focus,
a.md-button.md-raised.md-success:not([disabled]).md-focused,
button.md-button.md-raised.md-success:not([disabled]):hover,
button.md-button.md-raised.md-success:not([disabled]):focus,
button.md-button.md-raised.md-success:not([disabled]).md-focused,
a.md-button.md-default-theme.md-raised.md-success:not([disabled]):hover,
a.md-button.md-default-theme.md-raised.md-success:not([disabled]):focus,
a.md-button.md-default-theme.md-raised.md-success:not([disabled]).md-focused,
button.md-button.md-default-theme.md-raised.md-success:not([disabled]):hover,
button.md-button.md-default-theme.md-raised.md-success:not([disabled]):focus,
button.md-button.md-default-theme.md-raised.md-success:not([disabled]).md-focused,
md-dialog .md-button.md-raised.md-success:not([disabled]):hover,
md-dialog .md-button.md-raised.md-success:not([disabled]):focus,
md-dialog .md-button.md-raised.md-success:not([disabled]).md-focused {
  background-color: rgba(81, 197, 126, .8);
}

a.md-button.md-raised.md-create,
button.md-button.md-raised.md-create,
a.md-button.md-default-theme.md-raised.md-create,
button.md-button.md-default-theme.md-raised.md-create,
md-dialog .md-button.md-raised.md-create {
  color: white;
  background-color: rgba(88, 88, 88, .5);
  border: none;
}

a.md-button.md-raised.md-create:not([disabled]):hover,
a.md-button.md-raised.md-create:not([disabled]):focus,
a.md-button.md-raised.md-create:not([disabled]).md-focused,
button.md-button.md-raised.md-create:not([disabled]):hover,
button.md-button.md-raised.md-create:not([disabled]):focus,
button.md-button.md-raised.md-create:not([disabled]).md-focused,
a.md-button.md-default-theme.md-raised.md-create:not([disabled]):hover,
a.md-button.md-default-theme.md-raised.md-create:not([disabled]):focus,
a.md-button.md-default-theme.md-raised.md-create:not([disabled]).md-focused,
button.md-button.md-default-theme.md-raised.md-create:not([disabled]):hover,
button.md-button.md-default-theme.md-raised.md-create:not([disabled]):focus,
button.md-button.md-default-theme.md-raised.md-create:not([disabled]).md-focused,
md-dialog .md-button.md-raised.md-create:not([disabled]):hover,
md-dialog .md-button.md-raised.md-create:not([disabled]):focus,
md-dialog .md-button.md-raised.md-create:not([disabled]).md-focused {
  background-color: rgba(78, 78, 78, .8);
}

a.md-button.md-raised.md-neutral,
button.md-button.md-raised.md-neutral,
a.md-button.md-default-theme.md-raised.md-neutral,
button.md-button.md-default-theme.md-raised.md-neutral,
md-dialog .md-button.md-raised.md-neutral {
  color: white;
  background-color: rgba(158, 158, 158, .2);
  border: none;
  box-shadow: none;
}

a.md-button.md-raised.md-neutral:not([disabled]):hover,
a.md-button.md-raised.md-neutral:not([disabled]):focus,
a.md-button.md-raised.md-neutral:not([disabled]).md-focused,
button.md-button.md-raised.md-neutral:not([disabled]):hover,
button.md-button.md-raised.md-neutral:not([disabled]):focus,
button.md-button.md-raised.md-neutral:not([disabled]).md-focused,
a.md-button.md-default-theme.md-raised.md-neutral:not([disabled]):hover,
a.md-button.md-default-theme.md-raised.md-neutral:not([disabled]):focus,
a.md-button.md-default-theme.md-raised.md-neutral:not([disabled]).md-focused,
button.md-button.md-default-theme.md-raised.md-neutral:not([disabled]):hover,
button.md-button.md-default-theme.md-raised.md-neutral:not([disabled]):focus,
button.md-button.md-default-theme.md-raised.md-neutral:not([disabled]).md-focused,
md-dialog .md-button.md-raised.md-neutral:not([disabled]):hover,
md-dialog .md-button.md-raised.md-neutral:not([disabled]):focus,
md-dialog .md-button.md-raised.md-neutral:not([disabled]).md-focused {
  background-color: rgba(158, 158, 158, .4);
}

a.md-button.md-raised:not([disabled]):hover,
a.md-button.md-raised:not([disabled]):focus,
a.md-button.md-raised:not([disabled]).md-focused,
button.md-button.md-raised:not([disabled]):hover,
button.md-button.md-raised:not([disabled]):focus,
button.md-button.md-raised:not([disabled]).md-focused,
a.md-button.md-default-theme.md-raised:not([disabled]):hover,
a.md-button.md-default-theme.md-raised:not([disabled]):focus,
a.md-button.md-default-theme.md-raised:not([disabled]).md-focused,
button.md-button.md-default-theme.md-raised:not([disabled]):hover,
button.md-button.md-default-theme.md-raised:not([disabled]):focus,
button.md-button.md-default-theme.md-raised:not([disabled]).md-focused,
md-dialog .md-button.md-raised:not([disabled]):hover,
md-dialog .md-button.md-raised:not([disabled]):focus,
md-dialog .md-button.md-raised:not([disabled]).md-focused {
  background-color: #333;
}

a.md-button.md-raised[disabled],
button.md-button.md-raised[disabled],
a.md-button.md-default-theme.md-raised[disabled],
button.md-button.md-default-theme.md-raised[disabled],
md-dialog .md-button.md-raised[disabled] {
  color: rgba(150, 150, 150, .36) !important;
  background-color: rgba(20, 20, 20, .36) !important;
  border: none;
}

a.md-button[disabled],
button.md-button[disabled],
a.md-button.md-default-theme[disabled],
button.md-button.md-default-theme[disabled],
md-dialog .md-button[disabled] {
  color: rgba(150, 150, 150, .36) !important;
  border: none;
}

.vt-link {
  color: #4988ad;
  cursor: pointer;
  background: none !important;
  text-decoration: none;
}

.vt-link:disabled {
  color: #333;
}

.vt-link_theme-yellow {
  color: #ffec92;
}

.vt-link_theme-wheat {
  color: wheat;
}

.vt-link_theme-white {
  color: white;
}

.vt-link_bold {
  font-weight: 500;
}

.vt-link_block {
  display: block;
}

/*$input-default-color: #FFEB3B;*/

.vt-section {
  border-bottom: 1px solid rgb(55, 55, 55);
  padding-bottom: 20px;
}

.vt-section h2 {
  font-size: .9em;
  text-transform: uppercase;
  font-weight: normal;
}

.vt-section .vt-section__header {
  font-size: 14px;
  text-transform: uppercase;
}

.vt-section.vt-section_last {
  border-bottom: none;
}

.vt-section.vt-section_first {
  border-top: 1px solid rgb(55, 55, 55);
}

/*$input-default-color: #FFEB3B;*/

.feedback .feedback__button {
  position: relative;
  display: inline-block;
  color: #aaa;
  padding-left: 44px;
  line-height: 1.3em;
}

.feedback .feedback__rate {
  position: absolute;
  left: 0;
  width: 44px;
  overflow: hidden;
}

.feedback .feedback__stars {
  width: 140px;
}

.feedback .feedback__stars li .active {
  color: #ffec92;
}

.feedback .feedback__button:hover .feedback__rate {
  width: auto;
}

.feedback .feedback__button:hover .feedback__stars {
  margin-left: 0;
  background-color: rgb(35, 35, 35);
}

@media (min-width: 1100px) {
  .feedback .feedback__button {
    padding-left: 0;
  }

  .feedback .feedback__rate {
    position: relative;
    top: 5px;
    display: inline-block;
    width: auto;
  }

  .feedback .feedback__stars {
    margin-left: 0;
  }

  .feedback .stars__number {
    display: none;
  }
}

.feedback-stars_small {
  font-size: 3px;
  min-width: 60px;
}

.feedback-stars_small > li {
  font-size: 13px;
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
}

.feedback-stars_small > li > i {
  font-size: 12px;
}

.feedback-stars_default-cursor > li {
  cursor: default;
}

.feedback-stars_theme-light-yellow > li i {
  color: #ffec92 !important;
}

/*$input-default-color: #FFEB3B;*/

.gallery {
  overflow-y: hidden;
  overflow-x: auto;
  text-align: center;
}

.gallery .img-container {
  position: relative;
  overflow-y: hidden;
  text-align: center;
  line-height: normal;
  margin: 3px;
  display: inline-block;
}

.gallery .img-container .img-tmb {
  width: 140px;
  height: 140px;
}

@media (max-width: 470px) {
  .gallery .img-container .img-tmb {
    width: 100px;
    height: 100px;
  }
}

.gallery .img-container .remove {
  position: absolute;
  border-radius: 0;
  right: 0;
  top: 0;
  min-width: 36px;
  box-shadow: none !important;
}

.gallery .img-container .remove.md-button {
  background-color: rgba(0, 0, 0, .6);
}

.gallery .img-container .remove md-icon {
  text-align: center;
  color: #ccc;
  width: auto;
  height: auto;
}

.gallery .img-container .remove:active md-icon,
.gallery .img-container .remove:hover md-icon,
.gallery .img-container .remove:focus md-icon {
  color: white;
}

.gallery .img-container .preview-button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .5;
}

.gallery .img-container .preview-button md-icon.fa {
  font-size: xx-large;
  color: rgba(200, 200, 200, .12);
  width: auto;
  height: auto;
}

.gallery .img-container .preview-button md-icon.fa md-ripple-container {
  border-radius: 0;
}

.gallery .img-container .preview-button:active md-icon.fa,
.gallery .img-container .preview-button:hover md-icon.fa {
  color: #ffffcb;
}

.gallery .img-container .preview-button:active:after,
.gallery .img-container .preview-button:hover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(200, 200, 200, .12);
}

@media (min-width: 400px) {
  .gallery .img-container {
    float: left;
  }
}

.upload-images .img-container .retry {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.upload-images .img-container .img-container__remove {
  padding: 3px 4px 3px 4px;
}

.upload-images .img-container .img-container__remove md-icon {
  line-height: 21px;
}

.upload-images .img-container .preview-mask {
  display: none;
  border: 1px dashed #555;
}

.upload-images .img-container .preview-mask__text {
  color: #999;
  height: 140px;
  width: 140px;
  display: table-cell;
  vertical-align: middle;
}

.upload-images .img-container .remove {
  display: inline-block;
  margin: 0 !important;
  z-index: 100;
}

.upload-images .img-container.failed .retry {
  display: block;
}

.upload-images .img-container.failed:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  z-index: 10;
}

.upload-images .img-container.progress .retry {
  display: none;
}

.upload-images .img-container.progress .remove {
  display: none;
}

.upload-images .img-container.progress .preview {
  display: none;
}

.upload-images .img-container.progress .preview-mask {
  display: block;
}

.upload-images .img-container.progress:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  z-index: 10;
}

/*$input-default-color: #FFEB3B;*/

.bikes-grid {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
}

.bikes-grid .bike {
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  min-width: 190px;
  width: 100%;
  flex: 1 1 100%;
}

.bikes-grid .bike .bike__header {
  background-color: rgb(35, 35, 35);
  position: relative;
  padding: 10px;
  margin: 0;
}

.bikes-grid .bike .bike_text {
  color: #555;
  font-size: .875em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.4em;
}

.bikes-grid .bike .bike__button {
  position: relative;
}

.bikes-grid .bike .bike_title {
  color: #fff;
}

.bikes-grid .bike .bike_avatar {
  position: relative;
  background-color: #10100f;
}

.bikes-grid .bike .bike_avatar img {
  display: block;
  width: 100%;
}

.bikes-grid .bike .bike_header {
  font-size: 1.7em;
  text-align: center;
}

.bikes-grid .bike .bike__button_cover-block {
  border-radius: 0px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
  margin: 0;
  padding: 0;
  min-width: 0;
  min-height: 0;
}

.bikes-grid .bike .bike__button_cover-block:active,
.bikes-grid .bike .bike__button_cover-block:focus {
  background-color: rgba(50, 50, 50, .4);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
}

.bikes-grid .bike .bike__button_cover-block.bike__button {
  width: calc(100% - 10px);
  margin-left: 5px;
  border: thin dashed #444;
}

.bikes-grid .bike .bike_bright-background {
  background-color: rgba(20, 20, 20, .7);
}

.bikes-grid .bike .add_bike_icon {
  padding: 34px 0;
}

.bikes-grid .bike .bike__actions-tab {
  position: relative;
  background-color: rgb(35, 35, 35);
  height: 50px;
}

.bikes-grid .bike .bike__actions-tab .md-menu {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
}

.bikes-grid .bike .bike__actions-tab .md-menu .md-button {
  min-width: 5px;
  color: white;
  margin: 5px 1px;
}

.bikes-grid .bike .bike__actions-tab .md-menu .md-button md-icon {
  color: #aaa;
  width: 20px;
  height: 20px;
}

.bikes-grid .bike .bike__actions-tab .bike__action_button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.bikes-grid .bike .bike__actions-tab .bike__action_left_button {
  margin-left: 8px;
  float: left;
}

.bikes-grid .bike .bike__actions-tab .bike__action_right_button {
  margin-right: 8px;
  float: right;
}

.bikes-grid .bike .bike__location {
  background-color: rgb(35, 35, 35);
  padding: 0 15px;
}

.bikes-grid .bike .bike__location .bike__location-address {
  color: #fff;
  font-size: .8em;
  padding-top: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bikes-grid .bike .bike__location i {
  color: #6f6f6f;
  font-size: 1.5em;
}

.bikes-grid .bike .bike_serial {
  color: #6f6f6f;
  font-size: .8em;
}

.bikes-grid .bike .bike_status {
  width: 100%;
}

.bikes-grid .bike .bike_status .transfer-to-email {
  font-size: .8em;
  padding-left: 5px;
  white-space: nowrap;
}

.bikes-grid .bike .bike_status .color_white {
  color: white;
}

.bikes-grid .bike .bike_status .broken {
  background-color: #ffd351;
  color: #594300;
  font-weight: bold;
  padding: 2px 4px;
  font-size: .7em;
  border-radius: 3px;
  vertical-align: middle;
}

.bikes-grid .bike .bike_status .used {
  background-color: #4caa77;
  color: black;
  font-weight: bold;
  padding: 2px 4px;
  font-size: .7em;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
}

.bikes-grid .bike .bike_status .in_transfer {
  background-color: #5e412f;
  color: #fcebb6;
  font-weight: bold;
  padding: 2px 4px;
  font-size: .7em;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
}

.bikes-grid .fa-background {
  color: #ffec92;
}

@media (min-width: 460px) {
  .bikes-grid {
    margin: 0 -5px;
  }

  .bikes-grid .bike {
    float: left;
    max-width: 50%;
    flex-basis: 50%;
    padding: 0 5px;
  }
}

@media (min-width: 900px) {
  .bikes-grid .bike {
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
}

@media (min-width: 1200px) {
  .bikes-grid .bike {
    max-width: 20%;
    flex-basis: 20%;
  }
}

/*$input-default-color: #FFEB3B;*/

.organisations-grid .organisation__details .organisation_type {
  color: #6f6f6f;
  font-size: .8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.organisations-grid .organisation__details .organisation_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*$input-default-color: #FFEB3B;*/

.stations-grid {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
}

.stations-grid .station {
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  min-width: 190px;
  width: 100%;
  flex: 1 1 100%;
}

.stations-grid .station .station__header {
  background-color: rgb(35, 35, 35);
  position: relative;
  padding: 10px;
  margin: 0;
}

.stations-grid .station .station_text {
  color: #555;
  font-size: .875em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.4em;
}

.stations-grid .station .station__button {
  position: relative;
}

.stations-grid .station .station_title {
  color: #fff;
}

.stations-grid .station .station_avatar {
  position: relative;
  background-color: #10100f;
}

.stations-grid .station .station_avatar img {
  display: block;
  width: 100%;
}

.stations-grid .station .station_header {
  font-size: 1.7em;
  text-align: center;
}

.stations-grid .station .station__button_cover-block {
  border-radius: 0px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
  margin: 0;
  padding: 0;
  min-width: 0;
  min-height: 0;
}

.stations-grid .station .station__button_cover-block:active,
.stations-grid .station .station__button_cover-block:focus {
  background-color: rgba(50, 50, 50, .4);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
}

.stations-grid .station .station__button_cover-block.station__button {
  width: calc(100% - 10px);
  margin-left: 5px;
  border: thin dashed #444;
}

.stations-grid .station .station_bright-background {
  background-color: rgba(20, 20, 20, .7);
}

.stations-grid .station .station__actions-tab {
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgb(35, 35, 35);
  height: 50px;
}

.stations-grid .station .station__actions-tab .md-menu {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
}

.stations-grid .station .station__actions-tab .md-menu .md-button {
  min-width: 5px;
  color: white;
  margin: 5px 1px;
}

.stations-grid .station .station__actions-tab .md-menu .md-button md-icon {
  color: #aaa;
  width: 20px;
  height: 20px;
}

.stations-grid .station .station__actions-tab-icon {
  font-size: 17px;
}

.stations-grid .station .station_serial {
  color: #6f6f6f;
  font-size: .8em;
}

.stations-grid .fa-background {
  color: #ffec92;
}

@media (min-width: 460px) {
  .stations-grid {
    margin: 0 -5px;
  }

  .stations-grid .station {
    float: left;
    max-width: 50%;
    flex-basis: 50%;
    padding: 0 5px;
  }
}

@media (min-width: 900px) {
  .stations-grid .station {
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
}

@media (min-width: 1200px) {
  .stations-grid .station {
    max-width: 20%;
    flex-basis: 20%;
  }
}

/*$input-default-color: #FFEB3B;*/

/*cookie bar styles*/

.cc_banner-wrapper {
  z-index: 100;
  position: relative;
}

.cc_container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding: 10px;
  background: #222;
  color: #fff;
  font-size: 17px;
  font-family: Montserrat, serif;
  box-sizing: border-box;
          animation-duration: .8s;
  -webkit-animation-duration: .8s;
     -moz-animation-duration: .8s;
       -o-animation-duration: .8s;
  -webkit-animation-name: slideUp;
          animation-name: slideUp;
  z-index: 101;
}

.cc_container a {
  text-decoration: none;
  color: #ffec92;
  transition: 200ms color;
}

.cc_container a:hover,
.cc_container a:active {
  color: #ffffcb;
}

.cc_container .cc_btn {
  padding: 8px 10px;
  background-color: #ffec92;
  cursor: pointer;
  text-align: center;
  font-size: .6em;
  display: block;
  width: 33%;
  margin-left: 10px;
  margin-right: 64px;
  float: right;
  max-width: 120px;
  line-height: 1em;
  color: #000;
          transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out, font-size 200ms;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
          border-radius: 5px;
  -webkit-border-radius: 5px;
          animation-duration: .8s;
  -webkit-animation-duration: .8s;
     -moz-animation-duration: .8s;
       -o-animation-duration: .8s;
  -webkit-animation-name: slideUp;
          animation-name: slideUp;
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
  background-color: #ffffcb;
  color: #000;
}

.cc_container .cc_btn {
  color: #000;
  background-color: #ffec92;
          transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
          border-radius: 5px;
  -webkit-border-radius: 5px;
}

.cc_container .cc_message {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  transition: font-size 200ms;
  font-size: .6em;
  display: block;
          animation-duration: .8s;
  -webkit-animation-duration: .8s;
     -moz-animation-duration: .8s;
       -o-animation-duration: .8s;
  -webkit-animation-name: slideUp;
          animation-name: slideUp;
}

.cc_container ::-moz-selection {
  background: #ff5e99;
  color: #fff;
  text-shadow: none;
}

@media screen and (min-width: 500px) {
  .cc_container .cc_btn {
    font-size: .8em;
  }

  .cc_container .cc_message {
    font-size: .8em;
  }
}

@media screen and (min-width: 768px) {
  .cc_container .cc_btn {
    font-size: 1em;
  }

  .cc_container .cc_message {
    font-size: 1em;
    line-height: 1em;
  }
}

@media screen and (min-width: 992px) {
  .cc_container .cc_message {
    font-size: 1em;
  }
}

@media print {
  .cc_banner-wrapper,
  .cc_container {
    display: none;
  }
}

@media screen and (min-width: 500px) {
  .cc_container .cc_btn {
    font-size: .8em;
  }

  .cc_container .cc_message {
    margin-top: .5em;
    font-size: .8em;
  }
}

@media screen and (min-width: 768px) {
  .cc_container {
    padding: 15px 30px 15px;
  }

  .cc_container .cc_btn {
    font-size: 1em;
    padding: 8px 15px;
  }

  .cc_container .cc_message {
    font-size: 1em;
  }
}

@media screen and (min-width: 992px) {
  .cc_container .cc_message {
    font-size: 1em;
  }
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(66px);
            transform: translateY(66px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideUp {
  0% {
    -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
            transform: translateY(66px);
  }

  100% {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}

/*$input-default-color: #FFEB3B;*/

.mobile-menu-icon {
  text-align: center;
  display: inline-block;
}

.menu-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  padding: 16px;
}

@media (max-width: 343px) {
  .menu-avatar {
    width: 59px;
    height: 59px;
    padding: 13px;
  }
}

img.menu-avatar {
  display: block;
}

vt-main-menu .vt-main-menu__menu-element_highlighted {
  background-color: #423c37;
}

vt-main-menu .vt-main-menu__menu-element_highlighted:hover {
  background-color: #625c57;
}

vt-main-menu img.logo {
  width: inherit;
  float: left;
}

vt-main-menu .dimmed {
  background-color: rgba(0, 0, 0, .8) !important;
}

vt-main-menu .home-page-menu {
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0;
  left: 0;
}

vt-main-menu .ui-header {
  z-index: 76;
  background-color: rgb(40, 40, 40);
}

vt-main-menu .ui-sidebar {
  background-color: rgb(40, 40, 40);
}

@media (max-width: 470px) {
  vt-main-menu .ui-sidebar {
    background-color: rgb(55, 55, 55);
  }
}

vt-main-menu .ui-panel {
  background-color: rgb(40, 40, 40);
}

vt-main-menu .ui-scroll::-webkit-scrollbar-track {
  background-color: rgb(65, 65, 65);
  -webkit-box-shadow: none;
  border-radius: 0;
}

vt-main-menu .ui-scroll::-webkit-scrollbar-thumb {
  background-color: rgb(25, 25, 25);
  -webkit-box-shadow: none;
  border-radius: 0;
}

vt-main-menu .float-left {
  float: left !important;
}

vt-main-menu .active {
  border-bottom: 2px solid #fff2b7 !important;
}

vt-main-menu a:hover .ui-sidebar-element-label,
vt-main-menu .ui-panel-element-container:hover,
vt-main-menu .ui-submenu-element-container:hover,
vt-main-menu .ui-header-element-container:hover {
  background-color: rgb(55, 55, 55);
}

.ui-header .ui-logo {
  width: 110px;
  height: 100%;
}

.ui-header-btn.ui-header-logo {
  height: 64px;
}

.ui-header-btn {
  color: #ffec92;
}

.ui-panel .ui-panel-element-container.ui-panel-btn-active:after {
  visibility: hidden;
}

.ui-panel-element-container.bicycle-service-btn {
  background-color: transparent;
}

@media (min-width: 881px) {
  .ui-header-btn.ui-header-logo {
    padding: 0 20px !important;
  }

  .ui-header .ui-logo {
    background: url(https://assets.velotooler.com/dist/img/logo-ca06197.png) center center no-repeat;
    background-size: contain;
  }
}

@media (max-width: 880px) {
  .ui-header .ui-logo {
    background: url(https://assets.velotooler.com/dist/img/velotooler-logo-38e6d5f.png) center center no-repeat;
    background-size: contain;
    width: 40px;
    height: 64px;
    margin-left: 12px;
  }
}

@media (max-width: 343px) {
  .ui-header .ui-logo {
    width: 37px;
    height: 58px;
    margin-left: 11px;
  }
}

@media (max-width: 880px) {
  .ui-panel {
    position: fixed;
    width: 230px;
  }
}

@media (max-width: 1350px) and (min-width: 881px) {
  .ui-panel {
    display: block;
    width: 695px;
    right: 0;
  }
}

@media (min-width: 471px) {
  .ui-header-logo-conteiner {
    width: auto;
  }
}

@media (min-width: 881px) {
  .ui-panel .ui-panel-fieldset.ui-panel-active-scale {
            transform: scaleX(1);
    -webkit-transform: scaleX(1);
  }
}

.ui-panel .ui-panel-element-container a span,
.ui-panel .ui-panel-element-container a:hover span {
  color: #fff;
}

.ui-panel .ui-panel-element-container .help {
  padding: 0 20px;
}

.ui-panel .ui-panel-element-container .inline-block .request-button-container {
  padding-right: 45px;
  margin-right: 20px;
}

@media (min-width: 881px) {
  .ui-panel .ui-panel-element-container.request-element-container {
    display: block;
    padding-top: 12px !important;
  }

  .ui-panel .ui-panel-element-container.request-element-container:hover {
    background: transparent;
  }

  .ui-panel .ui-panel-element-container.request-element-container:hover span,
  .ui-panel .ui-panel-element-container.request-element-container span {
    color: #333;
    font-size: 13px;
  }
}

@media (max-width: 880px) {
  .ui-panel .ui-panel-element-container.request-element-container {
    display: none;
  }
}

@media (max-width: 470px) {
  .ui-header .ui-settings-mobile {
    right: 64px;
  }

  .ui-avatar {
    font-size: 0 !important;
  }

  .ui-header .ui-avatar-mobile {
    vertical-align: middle;
    margin-top: 0;
  }
}

/*$input-default-color: #FFEB3B;*/

.vt-ui-icon-bikes {
  background-image: url(https://assets.velotooler.com/dist/img/bike-9f030aa.png);
}

.vt-ui-icon-stations {
  background-image: url(https://assets.velotooler.com/dist/img/no-organization-avatar-2548a72.png);
}

.vt-ui-icon-home {
  background-image: url(https://assets.velotooler.com/dist/img/home-27927d0.png);
}

.vt-ui-icon-mechanic-map {
  background-image: url(https://assets.velotooler.com/dist/img/mechanic-location-a56caad.png);
}

.vt-ui-icon-dealer {
  background-image: url(https://assets.velotooler.com/dist/img/dealers-df34e6a.png);
}

.vt-ui-icon-setting {
  background-image: url(https://assets.velotooler.com/dist/img/settings-a6873bd.png);
}

.ui-avatar {
  font-size: 36px;
  text-align: center;
}

.vt-ui-icon-notification {
  background-image: url(https://assets.velotooler.com/dist/img/notification-4acc319.png);
}

.vt-ui-icon-history {
  background-image: url(https://assets.velotooler.com/dist/img/history-9edee3b.png);
}

.vt-ui-icon-list {
  background-image: url(https://assets.velotooler.com/dist/img/list-71ad3ca.png);
}

.vt-ui-icon-request-search {
  background-image: url(https://assets.velotooler.com/dist/img/search-793a5bd.png);
}

.vt-ui-icon-down-arrow {
  background-image: url(https://assets.velotooler.com/dist/img/down-arrow-260987f.png);
}

.ui-sidebar-element-container {
  overflow: hidden;
}

.ui-sidebar-element-container .notification-budget.total-notifications {
  font-size: 10px;
  position: absolute;
  background: #ef5350;
  visibility: visible;
  display: block;
  margin-top: 34px;
  margin-left: 36px;
}

@media (min-width: 671px) {
  i.ui-logo {
    background-image: url(https://assets.velotooler.com/dist/img/logo-a4e1999.png);
  }
}

@media (max-width: 880px) {
  i.ui-logo {
    background-image: url(https://assets.velotooler.com/dist/img/velotooler-logo-0a985c6.png) !important;
  }
}

a:hover .ui-sidebar-element-label,
.ui-sidebar-element-container .ui-sidebar-element-label {
  color: #fff;
}

.ui-submenu .ui-submenu-element-label,
.ui-submenu .ui-submenu-element-label:hover {
  color: #fff;
}

.avatar-menu {
  margin: 0;
  padding: 0;
  border: 0 transparent;
  background-color: transparent;
}

.avatar-menu .ui-sidebar-element-label {
  text-align: left;
}

.avatar-label:hover {
  background-color: #303030;
}

.avatar-label:active {
  background-color: transparent;
}

@media (min-width: 471px) {
  .ui-sidebar .ui-sidebar-element-container:nth-last-child(3) {
    flex: 1 0 auto;
  }

  .ui-sidebar .ui-sidebar-element-container:nth-last-child(2) {
    flex: 0 0 auto;
  }

  .ui-sidebar .ui-sidebar-element-container:last-child {
    padding-bottom: 5px;
  }

  .ui-sidebar.ui-sidebar-active {
    z-index: 75;
  }
}

.ui-sidebar-element-container .ui-sidebar-element-label {
  text-align: left;
}

.ui-sidebar {
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 470px) {
  .ui-sidebar.vt-sidebar_hidden {
    transform: translateY(200px);
    transition: all .7s ease-in-out;
  }
}

@media (max-width: 470px) {
  .ui-sidebar.vt-sidebar_opened {
    transform: translateY(0);
    transition: all .7s ease-in-out;
  }
}

/*$input-default-color: #FFEB3B;*/

.ui-open-submenu {
          transform: scaleX(1);
  -webkit-transform: scaleX(1);
          transition: transform 150ms linear 150ms;
  -webkit-transition: transform 150ms linear 150ms;
}

.ui-submenu.ui-submenu-active {
  z-index: 75;
}

.ui-submenu {
  background-color: rgb(45, 45, 45);
}

.ui-submenu .ui-submenu-element-container.active-element {
  background-color: rgb(55, 55, 55);
}

.ui-submenu .ui-submenu-element-container:not(:last-child) {
  border-bottom: solid 1px rgb(55, 55, 55);
}

@media (min-width: 471px) {
  .ui-submenu {
    width: 380px;
  }
}

@media (max-width: 470px) {
  .ui-submenu.ui-submenu-active {
    z-index: 80;
  }
}

.vt-submenu__header {
  display: flex;
  justify-content: space-between;
  background-color: rgb(45, 45, 45);
  color: white;
  padding: 25px;
  font-weight: bold;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.vt-submenu {
  background-color: #303030;
}

.vt-ui-icon-close {
  background-image: url(https://assets.velotooler.com/dist/img/close-icon-3d6acb9.png);
}

.share-buttons .share-buttons__icon {
  font-size: 30px;
}

.share-buttons .share-buttons__button {
  color: white;
}

.share-buttons .share-buttons__button_twitter {
  color: #0095dc;
}

.share-buttons .share-buttons__button_facebook {
  color: #3b5998;
}

.share-buttons .share-buttons__button_google {
  color: #dc4a38;
}

.share-buttons .share-buttons__button_linkedin {
  color: #0077b5;
}

.share-buttons.share-buttons_vertical .share-buttons__button {
  display: block;
}

@media (max-width: 360px) {
  .share-buttons.share-buttons_small-resolution .share-buttons__icon {
    font-size: 22px;
  }
}

.price-view {
  display: flex;
  justify-content: center;
}

.price-view .price-view__parts {
  padding-left: 40px;
}

.price-view .price-view__label {
  color: #999;
  font-size: 15px;
  line-height: 25px;
}

.price-view .price-view__value {
  color: white;
  font-size: 15px;
  line-height: 25px;
}

.price-view .price-view__label_total {
  font-size: 16px;
  line-height: normal;
}

.price-view .price-view__value_total {
  font-size: 45px;
  line-height: normal;
}

/*$input-default-color: #FFEB3B;*/

.vt-page {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 2em;
  padding-bottom: 2em;
}

.vt-page .vt-page__no-items {
  padding: 30px 20px;
  text-align: center;
  color: #999;
}

.vt-page .vt-page__header {
  margin-left: 15px;
  margin-right: 15px;
  min-height: 70px;
  margin-bottom: 1em;
  background-color: rgb(35, 35, 35);
  padding: 5px 20px;
  display: flex;
  align-items: center;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.vt-page .vt-page__header.vt-page__header_transparent {
  background-color: transparent;
  box-shadow: none;
  min-height: 0;
  margin-bottom: 0;
  padding: 0 0 5px 10px;
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid #333;
}

.vt-page .vt-page__body {
  margin-left: 15px;
  margin-right: 15px;
}

.vt-page .vt-page_r-margin {
  margin-right: 15px;
}

.vt-page .vt-page_l-margin {
  margin-left: 15px;
}

.vt-page .vt-page_t-margin {
  margin-top: 15px;
}

.vt-page .vt-page_b-margin {
  margin-bottom: 15px;
}

.vt-page .vt-page__section_padding {
  padding: 15px;
}

.vt-page .vt-page__section {
  background-color: rgb(35, 35, 35);
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.vt-page .vt-page__body_padding {
  padding: 15px 0;
}

.vt-page .vt-page__body_v-padding {
  padding: 15px 0;
}

.vt-page .vt-page__body_vb-padding {
  padding-bottom: 15px;
}

.vt-page .vt-page__body_background {
  background-color: rgb(35, 35, 35);
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.vt-page .vt-page__title {
  flex: 1 0 0;
  min-width: 0;
}

.vt-page .vt-page__title h1 {
  font-size: 1.5em;
  margin: 0;
}

.vt-fab {
  border: none !important;
  max-width: 56px;
  max-height: 56px;
  line-height: 56px !important;
  position: fixed;
  right: 5px;
  bottom: 5px;
  z-index: 10;
  border-radius: 50px !important;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 24px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  transform: translateY(0);
  transition: all .7s ease-in-out;
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);
}

@media (max-width: 470px) {
  .vt-fab {
    bottom: 69px;
  }
}

.vt-fab_hidden {
  transform: translateY(200px);
  transition: all .7s ease-in-out;
}

/*$input-default-color: #FFEB3B;*/

.vt-modal {
  background-color: rgb(40, 40, 40);
  color: white;
}

.vt-modal form {
  overflow: initial;
}

.vt-modal .vt-modal__header {
  background-color: rgb(55, 55, 55);
  color: #aaa;
  padding: 17px 25px;
  font-size: 18px;
}

.vt-modal .vt-modal__header-close-btn {
  position: fixed;
  -webkit-overflow-scrolling: touch;
  right: 16px;
  top: 16px;
}

.vt-modal .vt-modal__body {
  min-height: 120px;
  padding: 30px;
}

@media (max-width: 470px) {
  .vt-modal .vt-modal__body {
    padding: 30px 22px;
  }
}

.vt-modal .vt-modal__body_no-padding {
  padding: 0;
}

.vt-modal .vt-modal__footer {
  padding: 10px 30px;
  border-top: 1px solid #333;
}

@media (max-width: 470px) {
  .vt-modal .vt-modal__footer.vt-modal__footer-mobile {
    display: none;
  }
}

@media (min-width: 471px) {
  .vt-modal .vt-modal__footer.vt-modal__footer-mobile {
    display: block;
  }
}

@media (max-width: 599px) {
  .vt-modal {
    min-width: 300px;
  }
}

@media (min-width: 600px) {
  .vt-modal {
    min-width: 580px;
    max-width: 754px;
  }
}

@media (max-width: 470px) {
  .vt-modal-mobile {
    margin: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
  }
}

@media (max-width: 470px) {
  .vt-modal-mobile .vt-modal-mobile__header-close-btn {
    position: fixed;
    -webkit-overflow-scrolling: touch;
    right: 16px;
    top: 16px;
  }
}

@media (min-width: 471px) {
  .vt-modal-mobile .vt-modal-mobile__header-close-btn {
    display: none;
  }
}

@media (max-width: 470px) {
  .vt-modal-mobile .vt-modal-mobile__header {
    height: 50px;
    line-height: 30px;
    padding: 10px 13px;
  }
}

@media (min-width: 471px) {
  .vt-modal-mobile .vt-modal-mobile__footer {
    display: none;
  }
}

@media (max-width: 470px) {
  .vt-modal-mobile .vt-modal-mobile__footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    background: #ffec92;
    display: block;
    height: 50px;
    -webkit-overflow-scrolling: touch;
  }

  .vt-modal-mobile .vt-modal-mobile__footer .md-button {
    color: #222;
    width: 100%;
    margin: 0;
    height: 100%;
  }
}

@media (max-width: 347px) {
  .vt-modal-mobile .vt-modal-mobile__body {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 470px) {
  .vt-modal-mobile .vt-modal-mobile__body {
    position: fixed;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
  }

  .vt-modal-mobile .vt-modal-mobile__body::-webkit-scrollbar {
    width: 4px;
  }
}

/*$input-default-color: #FFEB3B;*/

.short-address-view {
  color: #aaa;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.short-address-view__location-marker {
  color: #ffec92;
  vertical-align: baseline;
}

.short-address-view__location-text {
  vertical-align: middle;
  font-size: 14px;
}

/*$input-default-color: #FFEB3B;*/

.vt-widget {
  background-color: rgb(35, 35, 35);
}

.vt-widget .vt-widget__pl-loading-indicator {
  background-color: rgba(35, 35, 35, .9) !important;
}

.vt-widget .vt-widget__header {
  color: white;
  text-align: left;
  font-weight: 500;
  padding: 10px;
  background-color: rgb(45, 45, 45);
}

.vt-widget .vt-widget__body {
  color: white;
  font-size: 15px;
  padding: 15px;
  min-height: 50px;
}

.vt-widget .vt-widget__footer {
  margin-top: 20px;
  border-top: 1px solid rgb(55, 55, 55);
  text-align: center;
  padding: 10px;
}

.vt-widget .vt-widget__footer_without-border {
  border-top: none;
}

.vt-widget .vt-widget__header_without-border {
  border-bottom: none;
}

.vt-widget .vt-widget__empty-data-label {
  color: #555;
  text-align: center;
}

.collapsible-list .collapsible-list__show-more {
  max-height: 0;
  transition: max-height .5s;
  overflow: hidden;
}

.collapsible-list .collapsible-list__show-more.collapsible-list__show-more_visible {
  max-height: 4em;
}

/*$input-default-color: #FFEB3B;*/

.pageable-list {
  position: relative;
  color: white;
}

.pageable-list .pageable-list_color-dark-gray {
  color: #555;
}

.pageable-list .pageable-list__button-container {
  clear: both;
  display: flex;
  justify-content: center;
  opacity: 1;
  margin-top: 15px;
}

.pageable-list .pageable-list__button-container.pageable-list__button-container_rendering {
  opacity: 0;
}

.pageable-list .pageable-list__paging-button:disabled {
  color: #333 !important;
}

.pageable-list .pageable-list__page-prev {
  margin-right: 1px !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.pageable-list .pageable-list__page-next {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.pageable-list .pageable-list__paging-button {
  padding: 10px;
  color: white !important;
  background-color: rgba(50, 50, 50, .3) !important;
  margin: 0;
  border-radius: 0;
  line-height: 15px;
  height: 34px;
}

.pageable-list .pageable-list__paging-button:hover:enabled {
  background-color: rgba(70, 70, 70, .3) !important;
  border-bottom: 1px solid #ffec92;
}

.pageable-list .pageable-list__page-index {
  color: white;
  cursor: pointer;
  font-weight: bold;
  padding: 10px 15px;
  height: 34px;
  max-width: 55px;
  background-color: rgba(50, 50, 50, .3);
  margin-right: 1px;
}

.pageable-list .pageable-list__page-index:hover:enabled {
  background-color: rgba(70, 70, 70, .3);
  border-bottom: 1px solid #ffec92;
}

.pageable-list .pageable-list__page-index_selected {
  color: #ffec92;
  border-bottom: 1px solid #ffec92;
  cursor: default;
  pointer-events: none;
}

.pageable-list .pageable-list__page-index-container {
  font-size: 14px;
  line-height: 14px;
}

.pageable-list .pageable-list__items-not-found-icon {
  width: 160px;
}

.pageable-list .pageable-list__items-not-found-title {
  padding-top: 30px;
  font-size: 24px;
  color: #999;
}

.pageable-list .pageable-list__items-not-found-text {
  font-size: 16px;
  color: #777;
  padding-top: 20px;
}

.pageable-list .pageable-list__paging-info {
  color: #777;
  font-size: 14px;
  margin: auto 0 auto auto;
}

.pageable-list md-progress-linear .md-container {
  height: 2px;
}

.pageable-list .pageable-list__loading-indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(25, 25, 25, .9);
  transition: opacity .3s ease-in;
}

.pageable-list .pageable-list__loading-active {
  opacity: 1;
  pointer-events: auto;
}

.pageable-list .pageable-list__loading-text {
  position: absolute;
  left: 50%;
  padding-top: 20px;
  transform: translateX(-50%);
  color: #999;
  text-align: center;
}

.pageable-list .pageable-list__empty-data {
  text-align: center;
  width: 100%;
  margin: 30px 5px;
}

.pageable-list .pageable-list__empty-data-text {
  margin-top: 10px;
  color: #999;
}

.pageable-list .pageable-list__empty-data-add-new {
  margin-top: 30px !important;
}

.pageable-list .pageable-list__items-empty-data-title {
  padding-top: 30px;
  font-size: 24px;
  color: #ffec92;
}

.pageable-list .pageable-list__items-error {
  text-align: center;
  width: 100%;
  margin: 30px 5px;
}

.pageable-list .pageable-list__items-error-icon {
  width: 140px;
}

.pageable-list .pageable-list__items-error-title {
  padding-top: 30px;
  font-size: 24px;
  color: #999;
}

.pageable-list .pageable-list__items-error-text {
  margin-top: 10px;
  font-size: 16px;
  color: #777;
}

.pageable-list .pageable-list__items-try-again-button {
  margin-top: 20px;
}

.pageable-list .pageable-list__items-try-again-button-icon {
  padding-left: 10px;
}

.pageable-list .pageable-list__item.pageable-list__item_rendering {
  display: none;
}

.pageable-list .pageable-list__filter {
  padding: 10px;
  z-index: 74 !important;
}

.pageable-list .pageable-list__filter.pageable-list__filter_hidden {
  display: none;
}

.pageable-list .pageable-list__actions {
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.pageable-list .pageable-list__filter_mobile.pageable-list__filter_expanded {
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 76 !important;
  margin-top: 0;
  top: 0 !important;
  left: 0 !important;
  background-color: #222;
  height: 100vh !important;
  width: 100% !important;
}

.pageable-list .pageable-list__filter_sticky {
  background-color: #222;
}

.pageable-list .pageable-list__filter-button {
  margin: 0 !important;
}

.pageable-list .pageable-list__filter-icon {
  vertical-align: middle;
}

.pageable-list .pageable-list__filter-text {
  vertical-align: middle;
}

.pageable-list .pageable-list__filter-fields {
  margin-top: 10px;
}

.pageable-list .pageable-list__filter_collapsed .pageable-list__filter-field {
  max-height: 0;
  min-height: 0;
  overflow: hidden;
}

.pageable-list .pageable-list__filter-field {
  min-width: 100px;
  max-height: 450px;
  -webkit-transition: max-height .3s ease-in-out;
          transition: max-height .3s ease-in-out;
}

.pageable-list .pageable-list__filter-field md-autocomplete {
  min-width: 150px;
}

.pageable-list .pageable-list__filter-field .rzslider {
  margin: 15px 0 15px 0;
}

.pageable-list .pageable-list__filter-field-label {
  color: #888;
}

.pageable-list .pageable-list__range-filter-field-value {
  font-weight: bold;
}

.pageable-list .pageable-list__range-filter-field-label-container {
  text-align: center;
  margin-top: 12px;
}

.pageable-list .pageable-list__inline-filter-button {
  margin: 0 !important;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
  min-width: 50px;
}

.pageable-list .pageable-list__filter-count-selected {
  vertical-align: middle;
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 18px;
  border-left: 1px solid #333;
  color: #ffec92;
  padding-left: 5px;
  margin-left: 5px;
}

.pageable-list .pageable-list__toolbar {
  position: absolute;
  right: 3px;
  top: 5px;
  z-index: 0;
}

.pageable-list .pageable-list__count-found {
  padding-left: 10px;
  font-size: 15px;
  color: #777;
  padding-bottom: 10px;
}

/*$input-default-color: #FFEB3B;*/

.table-list {
  color: white;
  background-color: rgb(35, 35, 35);
  font-size: 14px;
}

.table-list .table-list__header {
  padding: 5px 15px;
  background-color: rgb(45, 45, 45);
  display: none;
}

@media (min-width: 768px) {
  .table-list .table-list__header {
    display: block;
  }
}

.table-list .table-list__pl-loading-indicator {
  background-color: rgba(35, 35, 35, .9);
}

.table-list .table-list__header-row {
  color: #aaa;
  padding: 5px;
  text-transform: uppercase;
  margin: 0;
}

.table-list .table-list__body {
  padding: 15px 0;
  position: relative;
  min-height: 100px;
}

.table-list .table-list__data-row {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(45, 45, 45);
  margin: 0;
}

.table-list .table-list__data-row:hover {
  background-color: rgb(45, 45, 45);
  cursor: pointer;
}

.table-list .table-list__data-cell {
  font-weight: bold;
  margin-top: 15px;
  display: flex;
  position: relative;
}

@media (min-width: 768px) {
  .table-list .table-list__data-cell {
    margin-top: 0;
  }
}

.table-list .table-list__data-cell:before {
  content: attr(data-header) ": ";
  font-weight: bold;
  display: inline-block;
  width: 8.5em;
  padding-right: 10px;
  vertical-align: top;
  color: #555;
  font-size: 15px;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .table-list .table-list__data-cell:before {
    display: none;
  }
}

.table-list .tch-small {
  text-align: right;
}

.table-list .table-list__row {
  display: flex;
  display: -webkit-flex;
}

.table-list .table-list__col {
  flex: 1 1 100px;
  margin: 0 10px;
}

.table-list .table-list__paging {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

.table-list .table-list__col-10 {
          flex-grow: 1;
  -webkit-flex-grow: 1;
}

.table-list .table-list__col-20 {
          flex-grow: 2;
  -webkit-flex-grow: 2;
}

.table-list .table-list__col-30 {
          flex-grow: 3;
  -webkit-flex-grow: 3;
}

.table-list .table-list__col-40 {
          flex-grow: 4;
  -webkit-flex-grow: 4;
}

.table-list .table-list__col-50 {
          flex-grow: 5;
  -webkit-flex-grow: 5;
}

.table-list .table-list__col-60 {
          flex-grow: 6;
  -webkit-flex-grow: 6;
}

.table-list .table-list__col-70 {
          flex-grow: 7;
  -webkit-flex-grow: 7;
}

.table-list .table-list__col-80 {
          flex-grow: 8;
  -webkit-flex-grow: 8;
}

.table-list .table-list__col-90 {
          flex-grow: 9;
  -webkit-flex-grow: 9;
}

.table-list .table-list__col-100 {
          flex-grow: 10;
  -webkit-flex-grow: 10;
}

.table-list .table-list__data-cell-body {
  white-space: normal;
  display: inline-block;
}

.table-list .table-list__secondary-info {
  color: #777;
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
}

.table-list .table-list__data-cell-icon {
  padding-right: 5px;
}

/*$input-default-color: #FFEB3B;*/

.grid-list {
  background-color: transparent;
  margin: auto;
  /*.grid-list__hover-view {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: all 0.4s ease-in-out;
  }*//* .grid-list__hover-view-button-container {
     margin: 0 auto;
     width: 70%;
   }

   .grid-list__hover-view-button {
     width: 100%;
     margin: 10px 0 !important;
   }*/
}

.grid-list .grid-list__pl-loading-indicator {
  background-color: rgba(25, 25, 25, .9);
}

.grid-list .grid-list__items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
}

.grid-list .grid-list__body {
  max-width: 1200px;
  margin: auto;
}

.grid-list .grid-list__item {
  position: relative;
  overflow: hidden;
  min-width: 190px;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 0 8px 16px;
}

.grid-list .grid-list__item-body {
  background-color: #292929;
}

.grid-list .grid-list__item-container {
  display: block;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  transition: all .3s;
  overflow: hidden;
}

.grid-list .grid-list__item-container:hover {
  transition: all .3s;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
}

@media (min-width: 540px) {
  .grid-list .grid-list__item {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 900px) {
  .grid-list .grid-list__item {
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
}

@media (min-width: 1200px) {
  .grid-list .grid-list__item {
    max-width: 20%;
    flex-basis: 20%;
  }
}

.grid-list .grid-list__item-footer {
  padding: 10px 0;
  margin: 0;
  background-color: rgb(55, 55, 55);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.grid-list .grid-list__menu-button {
  padding: 0;
  height: inherit;
}

.grid-list .grid-list__menu {
  padding: 0;
}

.grid-list .grid-list__menu-icon {
  color: white;
}

.grid-list .grid-list__item-image-container {
  display: block;
  cursor: pointer;
  padding-bottom: 100%;
  border: none;
  height: 0;
  position: relative;
  /*&:hover {
    .grid-list__hover-view {
      transform: translateX(0);
    }

    .grid-list__item-image {
      transform: translateX(100%);
      transition-delay: 0.1s;
    }
  }*/
}

.grid-list .grid-list__item-image-container.grid-list__item-image-container_inactive {
  pointer-events: none;
  cursor: default;
}

.grid-list .grid-list__item-image {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  transition: all .3s ease-in-out;
}

.grid-list .grid-list__action-bar {
  min-height: 50px;
}

.vt-tabset {
  width: 100%;
  overflow: hidden;
}

.vt-tabset .vt-tabset__button.vt-tabset__button_active {
  background-color: #2b2b2b;
}

.vt-tabset .vt-tabset__button.vt-tabset__button_active:not([disabled]):hover {
  background-color: #2b2b2b;
}

.vt-tabset .vt-tabset__button:not([disabled]):hover {
  background-color: rgba(72, 72, 72, .2);
}

.vt-tabset .vt-tabset__button {
  padding: 8px 16px;
  float: left;
  width: auto;
  border: none;
  outline: none;
  display: block;
  margin: 0;
  border-radius: 0;
  color: white;
}

.vt-textarea {
  margin-top: 50px;
  margin-bottom: -28px;
}

.vt-textarea .vt-textarea__input,
.vt-textarea .vt-textarea__input:focus,
.vt-textarea .vt-textarea__input.ng-invalid.ng-dirty {
  min-height: 90px;
  height: auto;
  border: 1px solid #333;
  margin: 10px 0;
  padding: 8px;
}

.vt-textarea .vt-textarea__input.ng-invalid.ng-dirty {
  border-color: #ef5350;
}

.vt-textarea .vt-textarea__input:focus {
  border-color: #444 !important;
}

.vt-textarea .vt-textarea__label:not(.md-no-float):not(.md-container-ignore) {
  transform: translate3d(0, 10px, 0) scale(1);
}

.vt-textarea.md-input-focused .vt-textarea__label:not(.md-no-float) {
  transform: translate3d(0, 3px, 0) scale(.9);
}

.vt-message-dialog .vt-message-dialog__body {
  font-size: 16px;
}

.vt-message-dialog .vt-message-dialog__title {
  font-size: 23px;
  text-align: center;
}

.vt-message-dialog .vt-message-dialog__footer {
  font-size: 16px;
}

/*$input-default-color: #FFEB3B;*/

.vt-total-count {
  color: white;
}

.vt-total-count .vt-total-count__internal {
  margin: 5px;
  background-color: #111;
}

.vt-total-count .vt-total-count__header {
  padding: 15px;
  color: #777;
  text-align: center;
  font-size: 15px;
}

@media (min-width: 1600px) {
  .vt-total-count .vt-total-count__header {
    font-size: 20px;
  }
}

.vt-total-count .vt-total-count__body {
  font-size: 50px;
  text-align: center;
}

@media (min-width: 1600px) {
  .vt-total-count .vt-total-count__body {
    font-size: 70px;
  }
}

.vt-total-count .vt-total-count_highlight {
  -webkit-animation: bck_change 1s ease-in-out;
          animation: bck_change 1s ease-in-out;
}

.vt-total-count .vt-total-count__footer {
  font-size: 15px;
  bottom: 20px;
  margin: auto;
  text-align: center;
  min-height: 40px;
}

@media (min-width: 1600px) {
  .vt-total-count .vt-total-count__footer {
    font-size: 20px;
  }
}

.vt-total-count .vt-total-count__plus {
  color: #51c57e;
  margin-right: 10px;
}

.vt-total-count .vt-total-count__minus {
  color: #ef5350;
  margin-left: 10px;
}

.vt-total-count .vt-total-count__chart {
  padding-right: 5px;
  padding-left: 5px;
}

@keyframes bck_change {
  0% {
    background-color: #111;
  }

  50% {
    background-color: #ffec92;
  }

  1000% {
    background-color: #111;
  }
}

.vt-table {
  display: flex;
}

.vt-table .vt-table__item {
  order: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
  width: 100%;
  box-sizing: border-box;
}

.vt-table[data-gutter="1"] .vt-table__item {
  padding: 5px;
  font-size: 15px;
}

.vt-table[data-gutter="2"] .vt-table__item {
  padding: 10px;
  font-size: 15px;
}

.vt-table[data-gutter="3"] .vt-table__item {
  padding: 15px;
  font-size: 15px;
}

.vt-table[data-gutter="4"] .vt-table__item {
  padding: 20px;
  font-size: 15px;
}

.vt-table[data-gutter="5"] .vt-table__item {
  padding: 25px;
  font-size: 15px;
}

.vt-table[data-gutter="6"] .vt-table__item {
  padding: 30px;
  font-size: 15px;
}

.vt-table[data-gutter="7"] .vt-table__item {
  padding: 35px;
  font-size: 15px;
}

.vt-table[data-gutter="8"] .vt-table__item {
  padding: 40px;
  font-size: 15px;
}

.vt-table[data-gutter="9"] .vt-table__item {
  padding: 45px;
  font-size: 15px;
}

.vt-table[data-gutter="10"] .vt-table__item {
  padding: 50px;
  font-size: 15px;
}

.vt-table.vt-table-bordered.vt-table__columns .vt-table__item:not(.vt-table__item__foot),
.vt-table.vt-table-bordered.vt-table__rows .vt-table__item {
  border: 1px solid #222;
  border-radius: 5px;
}

.vt-table.vt-table-colored .vt-table__item {
  background: rgba(26, 26, 26, .9);
  color: white;
}

.vt-table.vt-table-colored .vt-table__item.vt-table__item__head {
  background: rgba(26, 26, 26, .9);
  color: #777;
}

.vt-table.vt-table-colored .vt-table__item.vt-table__item__foot {
  background: #ccc;
}

.vt-table.vt-table-colored .vt-table__item.vt-table__item__link {
  color: #38adb8;
}

@media only screen and (max-width: 641px) {
  .vt-table {
    flex-direction: column;
    flex-wrap: no-wrap;
  }

  .vt-table .vt-table__item.vt-table__item__foot {
    margin-bottom: 1rem;
  }

  .vt-table.vt-table--bordered.vt-table__rows .vt-table__item.vt-table__item__foot {
    border-bottom: none;
  }
}

@media only screen and (min-width: 640px) {
  .vt-table .vt-table__item.vt-table__item__head {
    text-align: right;
    background: rgba(26, 26, 26, .9);
    color: #777;
  }
}

@media only screen and (min-width: 640px) {
  .vt-table {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .vt-table.vt-table__columns .vt-table__item.vt-table__item__head {
    order: -1;
    background: rgba(26, 26, 26, .9);
    color: #777;
  }

  .vt-table.vt-table__columns .vt-table__item.vt-table__item__foot {
    order: 1;
  }

  .vt-table.vt-table-bordered.vt-table__rows {
    border: 1px solid #222;
    border-radius: 5px;
  }

  .vt-table[data-columns="1"] .vt-table__item {
    flex-basis: 100%;
    width: 100%;
  }

  .vt-table[data-columns="2"] .vt-table__item {
    flex-basis: 50%;
    width: 50%;
  }

  .vt-table[data-columns="3"] .vt-table__item {
    flex-basis: 33.3333333333%;
    width: 33.3333333333%;
  }

  .vt-table[data-columns="4"] .vt-table__item {
    flex-basis: 25%;
    width: 25%;
  }

  .vt-table[data-columns="5"] .vt-table__item {
    flex-basis: 20%;
    width: 20%;
  }

  .vt-table[data-columns="6"] .vt-table__item {
    flex-basis: 16.6666666667%;
    width: 16.6666666667%;
  }

  .vt-table[data-columns="7"] .vt-table__item {
    flex-basis: 14.2857142857%;
    width: 14.2857142857%;
  }

  .vt-table[data-columns="8"] .vt-table__item {
    flex-basis: 12.5%;
    width: 12.5%;
  }

  .vt-table[data-columns="9"] .vt-table__item {
    flex-basis: 11.1111111111%;
    width: 11.1111111111%;
  }

  .vt-table[data-columns="10"] .vt-table__item {
    flex-basis: 10%;
    width: 10%;
  }
}

@media only screen and (min-width: 640px) {
  .vt-table.vt-table-bordered.vt-table__rows .vt-table__item {
    border: none;
  }
}

@media only screen and (max-width: 641px) {
  .vt-table.vt-table-bordered.vt-table__rows .vt-table__item:not(.vt-table__item__head) {
    border-bottom: 1px solid #222;
  }

  .vt-table.vt-table-bordered.vt-table__rows .vt-table__item.vt-table__item__head {
    border: none;
  }
}

.text-ellipsis .text-ellipsis__show-more-btn {
  margin: 5px 0 0 0 !important;
}

.text-ellipsis .text-ellipsis__text {
  text-align: justify;
  font-size: 14px;
}

@media (min-width: 768px) {
  .vt-google-map {
    height: 500px;
  }
}

@media (max-width: 767px) {
  .vt-google-map {
    height: 250px;
  }
}

/*$input-default-color: #FFEB3B;*/

.location-autocomplete #location-autocomplete-id {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  padding-right: 30px;
}

.location-autocomplete .location-autocomplete__label {
  margin-right: 36px;
}

.location-autocomplete.location-autocomplete_no-padding md-input-container {
  padding-bottom: 0;
}

.location-autocomplete.location-autocomplete_with-padding md-input-container {
  padding-bottom: 20px;
}

.location-autocomplete.location-autocomplete_with-max-padding md-input-container {
  padding-bottom: 30px;
}

.location-autocomplete .fa {
  font-size: larger;
}

.location-autocomplete .fa.fa-star {
  color: #ffec92;
}

.location-autocomplete md-autocomplete-wrap {
  height: initial;
}

.location-autocomplete md-autocomplete-wrap button {
  display: none;
  width: 0 !important;
  margin: 0 !important;
  right: 12px;
}

.location-autocomplete md-autocomplete-wrap button:after {
  display: none;
}

.location-autocomplete .location-autocomplete__button {
  display: inline-block;
  vertical-align: -8px;
  text-align: center;
}

.location-autocomplete .location-autocomplete__favorite__icon {
  margin-right: 30px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: larger;
  padding: 7px;
  cursor: pointer;
}

.location-autocomplete .md-input-has-value label,
.location-autocomplete .md-input-focused label {
  transform: translate3d(0, 6px, 0) scale(.9) !important;
  transition: transform cubic-bezier(.25, .8, .25, 1) .5s !important;
}

.location-autocomplete .md-input-has-placeholder label:not(.md-input-has-value) {
  transform: translate3d(0, 28px, 0) scale(1);
  transition: transform cubic-bezier(.25, .8, .25, 1) .25s;
  transform-origin: left top;
}

.location-autocomplete__dropdown .current-location-marker {
  background: url(https://assets.velotooler.com/dist/img/cl-marker-4a67432.png) 100% 100% no-repeat;
  background-size: cover;
  position: absolute;
  top: 1px;
  right: 10px;
  padding: 12px;
  margin-top: 6px;
  margin-right: 6px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  outline: 0;
  cursor: pointer;
  border-right: none !important;
}

.location-autocomplete__dropdown li {
  color: #ffec92 !important;
}

.location-autocomplete__dropdown li:hover {
  color: #ffec92 !important;
}

.location-autocomplete__dropdown .md-autocomplete-suggestions {
  padding: 0 10px;
}

.location-autocomplete__dropdown .location-autocomplete__dropdown-icon {
  padding: 0;
  max-width: 35px;
}

.location-autocomplete__dropdown .location-autocomplete__dropdown-icon i {
  border-right: 1px solid;
  margin-right: 6px;
  font-size: initial;
  color: #999;
}

.location-autocomplete__dropdown .location-autocomplete__dropdown-icon i.fa-star {
  color: #ffec92;
}

.location-autocomplete__dropdown .location-autocomplete__dropdown-description {
  line-height: 20px;
  font-size: 13px;
  color: #999;
}

.location-autocomplete__dropdown .location-autocomplete__dropdown_line-height13 {
  line-height: 13px;
}

.location-autocomplete__dropdown .location-autocomplete__dropdown-highlight-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}

.location-autocomplete__dropdown .location-autocomplete__dropdown-highlight-text .highlight {
  color: #ffec92 !important;
  font-weight: 500;
}

.location-autocomplete__dropdown .location-autocomplete__dropdown-current-location {
  color: #d0d0d0;
  font-size: 17px;
  font-weight: 400;
}

.md-virtual-repeat-scroller {
  background-color: #333;
}

.detailed-location-autocomplete .md-input-has-placeholder label {
  transform: translate3d(0, 6px, 0) scale(.9) !important;
  transition: transform cubic-bezier(.25, .8, .25, 1) .5s !important;
}

.detailed-location-autocomplete .detailed-location-autocomplete__input-container {
  margin-top: 25px;
  max-height: 33px;
}

@media (max-width: 410px) {
  .detailed-location-autocomplete .detailed-location-autocomplete__input-container {
    margin-top: 47px;
  }
}

.vt-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.vt-icon.vt-icon__l {
  width: 27px;
  height: 27px;
}

.vt-icon.vt-icon__s {
  width: 8px;
  height: 8px;
}

.vt-icon.vt-icon__m {
  width: 20px;
  height: 20px;
}

.vt-icon.vt-icon__cancel {
  background: url(https://assets.velotooler.com/dist/img/cancel-a2da399.png) no-repeat center;
  background-size: cover;
}

/*$input-default-color: #FFEB3B;*/

.vt-sidenav {
  position: fixed;
  top: 64px;
  z-index: 74;
  max-width: 520px;
  background: #232323;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

@media (max-width: 343px) {
  .vt-sidenav {
    top: 59px;
  }
}

.vt-sidenav .vt-sidenav__body {
  background: #232323;
  box-shadow: none;
  overflow-y: auto;
  height: 100%;
}

.vt-sidenav .vt-sidenav__body::-webkit-scrollbar {
  width: 3px;
}

.vt-sidenav .vt-sidenav__body-content {
  padding-bottom: 180px;
}

.vt-sidenav .vt-sidenav__opasity {
  opacity: .1;
  pointer-events: none;
  transition: opacity .3s ease-in;
}

.vt-sidenav .padding-bottom-140 {
  padding-bottom: 140px;
}

.vt-sidenav .vt-sidenav_readonly {
  pointer-events: none;
}

.vt-sidenav .vt-sidenav_readonly input {
  color: #bfbfbf;
}

.vt-sidenav .vt-sidenav_readonly label {
  color: #999 !important;
}

.vt-sidenav .vt-sidenav__header {
  flex-direction: row;
  background: #2d2d2d;
  color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .25);
}

.vt-sidenav .vt-sidenav__header-actions {
  display: flex;
  margin: auto;
}

.vt-sidenav .vt-sidenav__header-actions-cancel-btn {
  color: #e04141;
  font-size: 15px;
}

.vt-sidenav .vt-sidenav__header-actions-cancel-btn:hover {
  background-color: #353535;
}

.vt-sidenav .vt-sidenav__header-title {
  flex: 10 0 0;
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: 18px;
}

.vt-sidenav .vt-sidenav__loading-indicator {
  position: absolute;
  top: 64px;
  left: 0;
  width: 100%;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(25, 25, 25, .9);
  transition: opacity .3s ease-in;
  height: 2px;
}

.vt-sidenav .vt-sidenav__loading-text {
  position: absolute;
  left: 50%;
  padding-top: 20px;
  transform: translateX(-50%);
  color: #999;
  text-align: center;
}

.vt-sidenav .vt-sidenav__loading-active {
  opacity: 1;
  pointer-events: auto;
}

.vt-sidenav md-progress-linear .md-container {
  height: 2px;
}

.vt-sidenav .vt-sidenav__footer {
  border: none;
  background-color: rgb(55, 55, 55);
  width: 100%;
  position: fixed;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 100;
  height: 50px;
  bottom: 64px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .25);
}

@media (max-width: 343px) {
  .vt-sidenav .vt-sidenav__footer {
    bottom: 59px;
  }
}

.vt-sidenav .vt-sidenav__footer-btn {
  width: 100%;
  margin: 0;
  height: 100%;
  border-radius: 0;
  margin: 0 !important;
}

md-backdrop.md-opaque.ng-enter {
  opacity: .9 !important;
}

.vt-dropdown {
  line-height: 41px;
  max-width: 50px;
}

.vt-dropdown .vt-dropdown-actions {
  border-radius: 2px;
}

.vt-dropdown .vt-dropdown-actions a:focus {
  background-color: rgba(107, 107, 107, .2) !important;
}

.vt-dropdown .vt-dropdown-actions:after,
.vt-dropdown .vt-dropdown-actions:before {
  bottom: 100%;
  left: 98%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.vt-dropdown .vt-dropdown-actions:after {
  border-bottom-color: #222;
  border-width: 13px;
  margin-left: -28px;
}

.vt-dropdown .vt-dropdown-actions:before {
  border-bottom-color: #222;
  border-width: 13px;
  margin-left: -28px;
}

.vt-dropdown-actions__img {
  width: 1.5rem !important;
  vertical-align: middle !important;
  margin: 5px 5px 8px 5px !important;
}

.md-open-menu-container .md-button {
  text-transform: initial;
  font-size: 1em;
}

md-dialog.vt-dialog form {
  padding: 20px;
  color: white;
  margin-bottom: 20px;
  min-height: 50px;
}

md-dialog.vt-dialog md-dialog-actions {
  display: block;
}

.vt-note {
  margin: 30px 25px;
  text-align: justify;
  border-left: 2px solid #ffec92;
  padding-left: 20px;
  color: white;
}

.vt-chip {
  background-color: #292929;
  border-radius: 11px;
  display: inline-block;
  padding: 3px 8px;
}

.vt-chip.vt-chip_sm {
  font-size: 13px;
}

.vt-input-hint {
  font-size: 12px;
  line-height: 14px;
  transition: all .3s cubic-bezier(.55, 0, .55, .2);
  color: #999;
}

.vt-shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.vt-radius {
  border-radius: 5px;
}

.vt-separator {
  margin: 10px 0;
  border-bottom: 1px solid #333;
}

.vt-rating {
  background: #ef5350;
  display: inline-block;
  position: relative;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  padding: 0 3px;
  min-width: 6px;
  height: 18px;
  font-weight: 400;
  white-space: nowrap;
}

.vt-rating i {
  font-size: 8px;
  line-height: 9px;
  vertical-align: middle;
}

.vt-rating:after {
  border-left: 5px solid #ef5350;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  content: "";
  height: 0;
  top: 0;
  position: absolute;
  right: -5px;
  width: 0;
}

.vt-download-app-button {
  display: block;
  min-width: 200px;
  max-width: 200px;
  background-color: black;
  margin: auto;
  border-radius: 7px;
  cursor: pointer;
  border: 1px solid #000;
  color: white;
  padding: 5px 0;
}

.vt-download-app-button:hover {
  background-color: #090909;
  border: 1px solid #222;
}

.vt-download-app-button .vt-download-app-button__int {
  max-width: 170px;
  margin: auto;
}

.vt-download-app-button .vt-download-app-button__caption {
  font-size: 10px;
  line-height: 10px;
  padding-left: 3px;
}

.vt-download-app-button .vt-download-app-button__main {
  font-size: 25px;
}

.vt-download-app-button .vt-download-app-button__icon {
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  vertical-align: middle;
  display: inline-block;
}

.vt-download-app-button .vt-download-app-button__body {
  display: inline-block;
  vertical-align: middle;
}

.vt-hover-shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  transition: all .3s;
}

.vt-hover-shadow:hover {
  transition: all .3s;
  box-shadow: 0 10px 14px rgba(0, 0, 0, .25), 0 10px 14px rgba(0, 0, 0, .22);
}

.collapsible-field {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 250ms ease-in-out;
     -moz-transition: all 250ms ease-in-out;
       -o-transition: all 250ms ease-in-out;
          transition: all 250ms ease-in-out;
}

.collapsible-field_active {
  max-height: 150px;
  overflow: hidden;
}

/*$input-default-color: #FFEB3B;*/

.vt-public-profile .vt-full-name {
  font-size: 30px;
}

.vt-public-profile .vt-stars {
  position: relative;
  top: -12px;
}

.vt-public-profile .vt-stars .angular-input-stars > li {
  padding: 0;
}

.vt-public-profile .vt-since {
  font-size: 20px;
}

.vt-public-profile .vt-main-label {
  color: #ffec92;
  font-size: 18px;
}

.vt-public-profile .vt-main-text {
  font-size: 18px;
  font-weight: bold;
}

.vt-public-profile .main-desc > div {
  padding: 5px 0 5px 0;
}

.vt-public-profile .main-desc .verified {
  color: #2c9a57;
}

.vt-public-profile .main-desc .not-verified {
  color: #d63333;
}

.vt-public-profile .main-desc .chad-container a {
  width: 200px;
  margin: 0;
}

.vt-public-profile .profile-scroll-minibar {
  height: 64px;
  width: 100%;
  position: fixed;
  z-index: 99;
  top: -64px;
  background-color: rgb(35, 35, 35);
  transition-property: top;
  transition-duration: .25s;
}

.vt-public-profile .profile-scroll-minibar.active {
  top: 0;
}

.vt-public-profile .profile-scroll-minibar .img-tmb {
  max-width: 64px;
}

.vt-public-profile .profile-scroll-minibar .request-chad {
  position: absolute;
  top: 18px;
  right: 15px;
  margin: 0;
}

.vt-public-profile .profile-scroll-minibar .profile-short-description {
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 209px);
}

.vt-public-profile .profile-scroll-minibar .profile-short-description > * {
  margin: 0;
  padding: 0;
}

.vt-public-profile .profile-scroll-minibar .profile-short-description .vt-stars {
  visibility: hidden;
}

.vt-public-profile hr {
  background-color: #4a4949;
}

.vt-public-profile .vt-profile-container .vt-profile-title {
  color: #909090;
  line-height: 35px;
}

.vt-public-profile .vt-profile-container .vt-profile-credo {
  display: flex;
  justify-content: center;
}

.vt-public-profile .vt-profile-container .vt-profile-credo i {
  color: #686868;
  font-size: 1.5em;
}

.vt-public-profile .vt-profile-container .vt-profile-credo em {
  padding: 0 20px 0 20px;
  max-width: 500px;
}

.vt-public-profile .vt-profile-container .vt-profile-area-marker {
  color: #545454;
}

.vt-public-profile .vt-profile-container .google-map {
  height: 500px;
  overflow: hidden;
}

.vt-public-profile .vt-profile-container .vt-profile-servicelist {
  text-transform: uppercase;
}

.vt-public-profile .vt-profile-container .vt-profile-servicelist > div {
  padding: 0 20px 0 20px;
}

.vt-public-profile .vt-profile-container .vt-profile-servicelist .vt-profile-list-container {
  display: flex;
  flex-direction: column;
  font-size: .9em;
  color: #adacac;
}

.vt-public-profile .vt-profile-container .vt-profile-servicelist .vt-profile-list-container > div {
  display: flex;
  padding: 5px 0 5px 0;
}

.vt-public-profile .vt-profile-container .vt-profile-servicelist .vt-profile-list-container > div div {
  flex: 1 0 0%;
}

.vt-public-profile .vt-profile-container .vt-profile-servicelist .vt-profile-list-container > div div:nth-child(2) {
  flex: 1 0 50%;
}

.vt-public-profile .vt-profile-container .vt-profile-pricing {
  text-align: center;
  font-size: 1.5em;
  padding-top: 20px;
}

.vt-public-profile .vt-profile-container .vt-profile-pricing a {
  text-decoration: none;
  color: #ffec92;
}

.vt-public-profile .no-comments {
  color: #928f8f;
}

.vt-public-profile .vt-profile-verification {
  font-size: 1.1em;
  color: #d63333;
}

.vt-public-profile .vt-profile-verification .verification-container {
  display: flex;
  justify-content: center;
}

.vt-public-profile .vt-profile-verification .verification-container .verification-icon {
  width: 16px;
  height: 16px;
  background-color: #d63333;
  border: solid 3px #3c3c3c;
  border-radius: 50%;
}

.vt-public-profile .vt-profile-verification .verification-container .verification-icon.verified {
  background-color: #2c9a57;
}

.vt-public-profile .vt-profile-verification .verification-container span {
  color: #c6c6c6;
}

.vt-public-profile .vt-profile-verification .verification-container > div {
  width: 270px;
  padding: 15px 10px 0 10px;
}

.vt-public-profile .vt-profile-verification .verification-container > div:last-of-type {
  max-width: 135px;
}

.vt-public-profile .vt-profile-verification .verified {
  color: #2c9a57;
}

.vt-public-profile .public-profile-photo .profile-photo-container {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.vt-public-profile .public-profile-photo .profile-photo-container .profile-photo-img {
  width: 100%;
}

.vt-public-profile .public-profile-photo .profile-photo-container .profile-img-background {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.vt-public-profile .public-profile-photo .profile-photo-container .profile-img-background i {
  display: none;
}

.vt-public-profile .public-profile-photo .profile-photo-container .profile-img-background:hover {
  color: #ffec92;
  background-color: rgba(250, 250, 250, .12);
}

.vt-public-profile .public-profile-photo .profile-photo-container .profile-img-background:hover i {
  margin: auto;
  font-size: xx-large;
  display: inline-block;
}

/* For 3 columns and mobile view*/

@media (max-width: 627px) {
  .vt-public-profile .row .col-xs-4:last-of-type {
    width: 100%;
  }

  .vt-public-profile .row .col-xs-4 {
    width: 50%;
  }

  .vt-public-profile .row .col-sm-6 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .vt-public-profile .max-width500 {
    max-width: 500px;
  }

  .vt-public-profile .profile-scroll-minibar .profile-short-description .vt-full-name {
    max-width: calc(100% - 108px);
    float: left;
    overflow: inherit;
    text-overflow: ellipsis;
  }

  .vt-public-profile .profile-scroll-minibar .profile-short-description .vt-stars {
    visibility: visible;
  }
}

@media (max-width: 767px) {
  .vt-public-profile .padding-side35 {
    padding: 0 35px 0 35px;
  }

  .vt-public-profile .chad-container {
    text-align: center;
  }
}

@media (min-width: 960px) {
  .profile.vt-public-profile {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Galery */

@media (min-width: 508px) {
  .vt-public-profile .public-profile-photo .profile-photo-container {
    width: calc(50% - 20px);
    float: left;
    margin: 10px;
  }
}

@media (min-width: 787px) {
  .vt-public-profile .public-profile-photo .profile-photo-container {
    width: calc(33.3% - 20px);
  }
}

@media (min-width: 1067px) {
  .vt-public-profile .public-profile-photo .profile-photo-container {
    width: calc(25% - 20px);
  }
}

/*$input-default-color: #FFEB3B;*/

.credit-card-form {
  min-height: 300px;
  padding: 10px 0;
}

.credit-card-form .col-sm-4 {
  padding: 0 10px;
}

.credit-card-form .card {
  border-radius: 4px;
  display: block;
  margin: 15px auto;
  padding: 0;
  background-color: rgb(45, 45, 45);
  border-top: 0;
  white-space: nowrap;
  position: relative;
}

.credit-card-form .card .card-actions {
  padding-bottom: 1px;
}

.credit-card-form .card .card_actions_swith-button {
  position: absolute;
  right: 15px;
  top: 33px;
}

.credit-card-form .card:before {
  min-height: 0;
}

.credit-card-form .card.card-default {
  background-color: rgb(65, 65, 65);
  transform: scale(1.05);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.credit-card-form .card.card-default-button,
.credit-card-form .card .md-button[disabled] span {
  color: #51c57e !important;
}

.credit-card-form .card .remove-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  color: #ccc;
}

.credit-card-form .card .remove-button:hover {
  background-color: rgba(97, 91, 91, .36);
}

.credit-card-form .card .card-info {
  padding: 10px 30px;
}

.credit-card-form .card .card-info .card-brand-img img {
  width: 70px;
  height: 44px;
}

.credit-card-form .card .card-info .card-brand-img,
.credit-card-form .card .card-info .card-number {
  display: table-cell;
  vertical-align: middle;
}

.credit-card-form .card .card-info .card-brand-img img,
.credit-card-form .card .card-info .card-number img {
  border: none;
}

.credit-card-form .card .card-owner {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 7px;
  width: 100%;
}

.credit-card-form .card .remove-card {
  color: #ffec92;
  margin: 5px auto;
  display: block;
}

.credit-card-form .card .remove-card:hover {
  color: #ffffcb;
}

@media (min-width: 796px) and (max-width: 846px) {
  .credit-card-form .card {
    max-width: 250px;
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 795px) {
  .credit-card-form .card {
    font-size: 12px;
    max-width: 250px;
  }
}

@media (min-width: 471px) and (max-width: 767px) {
  .credit-card-form .card {
    font-size: 14px;
    max-width: 350px;
  }
}

@media (max-width: 470px) {
  .credit-card-form .card {
    font-size: 12px;
    max-width: 250px;
  }
}

.credit-card-form show-cards {
  width: 100%;
}

.credit-card-form md-icon {
  height: 26px;
  width: 26px;
  font-size: x-large !important;
}

.credit-card-form md-fab-trigger {
  text-align: center;
}

/*$input-default-color: #FFEB3B;*/

.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li:hover,
.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li.selected {
  background-color: #444 !important;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li md-autocomplete-parent-scope span span.highlight {
  color: #ffec92 !important;
  font-weight: bold;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  vertical-align: middle;
}

md-autocomplete {
  min-width: 430px;
}

@media (max-width: 450px) {
  md-autocomplete {
    min-width: 300px;
  }
}

.add-bike .add-bike__brand-autocomplete {
  padding-bottom: 23px;
}

.add-bike .add-bike__brand-autocomplete md-autocomplete {
  height: 26px;
}

.add-bike .add-bike__brand-autocomplete.md-input-has-placeholder label:not(.md-input-focused) {
  transform: translate3d(0, 28px, 0) scale(1) !important;
  transition: transform cubic-bezier(.25, .8, .25, 1) .4s, width cubic-bezier(.25, .8, .25, 1) .4s;
}

.add-bike .add-bike__brand-autocomplete.md-input-focused label:not(.md-no-float),
.add-bike .add-bike__brand-autocomplete.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 3px, 0) scale(.9) !important;
}

/*$input-default-color: #FFEB3B;*/

.vt-list-element {
  box-sizing: border-box;
  padding: 15px 5px 12px 0;
  font-size: 1em;
  color: #c5c1c1;
  border-top: solid 1px #615e5e;
}

.vt-list-element .vt-list-element__brand {
  height: 25px;
}

.vt-list-element .vt-list-element__brand md-input-container {
  height: 38px;
}

.vt-list-element .vt-list-element__model {
  height: 38px;
}

.vt-list-element .vt-list-element__model md-input-container {
  height: 50px;
}

.vt-list-element .vt-list-element__name {
  height: 38px;
}

.vt-list-element .vt-list-element__name md-input-container {
  height: 50px;
}

.vt-list-element .vt-list-label-text {
  display: inline-block;
  margin-left: 1px;
  width: calc(100% - 50px);
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vt-list-element .vt-list-label-text > span:not(:first-of-type) {
  color: #888;
}

.vt-list-element .vt-list-comp-icon {
  width: 1em;
  height: 1em;
}

.vt-list-element .vt-list-comp-toggle,
.vt-list-element .vt-list-remove,
.vt-list-element .vt-list-comp-certified {
  float: right;
  color: #565555;
  cursor: pointer;
}

.vt-list-element .vt-list-comp-certified,
.vt-list-element .vt-list-comp-toggle,
.vt-list-element .vt-list-remove {
  font-size: 1.3em;
}

.vt-list-element .vt-list-comp-certified {
  margin-right: 5px;
}

.vt-list-element .vt-list-comp-certified.vt-certified-new {
  color: #51c57e;
}

.vt-list-element .vt-list-comp-certified.vt-certified-ok {
  color: #d1a713;
}

.vt-list-element .vt-list-comp-certified.vt-certified-bad {
  color: #ef5350;
}

.vt-list-element .vt-list-remove {
  padding-right: 3px;
  margin-left: 10px;
}

.vt-list-element .vt-list-confirmation {
  color: #ffec92;
  float: right;
  padding: 0 5px 0 5px;
}

.vt-list-element .vt-list-main-info {
  cursor: pointer;
  height: 20px;
}

.vt-list-element .vt-list-details-container {
  padding-left: 20px;
  list-style-type: square;
  line-height: 2.5em;
  font-size: .8em;
  max-height: 0;
  margin: 0;
  overflow: hidden;
          transition: max-height 500ms ease-in-out;
  -webkit-transition: max-height 500ms ease-in-out; /* Safari 3.1 to 6.0 */
}

.vt-list-element .vt-list-details-container.open-details {
  max-height: 417px;
}

.vt-list-element .vt-list-details-container md-input-container {
  margin-top: 0 !important;
}

.vt-list-element .vt-list-details-container input {
  color: #888;
  text-transform: uppercase;
}

.vt-list-element .vt-list-details-container li:first-child .ui-input-container {
  margin-left: 6px;
}

.vt-list-element .certified-component {
  color: #51c57e;
}

.vt-list-element .non-certified-component {
  color: #ef5350;
}

.vt-list-element .ui-radio label {
  padding: 0 5px 0 15px;
}

.vt-list-element .ui-radio .check {
  height: 14px;
  width: 14px;
  top: 8px;
}

.vt-list-element .ui-radio .check:before {
  height: 4px;
  width: 4px;
  top: 2px;
}

.vt-list-element .ui-input-container {
  padding: 0;
}

.vt-list-element .ui-input-container .ui-label {
  bottom: -0.3em;
}

.vt-list-element .ui-input-container .ui-label:after {
  background-color: #888;
}

.vt-list-element .ui-input-container md-autocomplete[disabled] {
  background: none;
}

.vt-list-element .ui-input-container md-autocomplete input {
  height: 23px;
}

.vt-list-element .ui-input-container md-autocomplete input[disabled] {
  border-color: rgba(255, 242, 183, .25) !important;
  border-bottom: 1px solid rgba(255, 242, 183, .25);
  color: #888 !important;
}

vt-component-element:last-child .vt-list-element {
  border-bottom: solid 1px #615e5e;
}

@media (max-width: 785px) {
  .wide-screen-components {
    display: none;
  }
}

@media (min-width: 786px) {
  .mobile-screen-components {
    display: none;
  }
}

.vt-components-container {
  margin-bottom: 20px;
}

.ui-radio input[type=radio][checked] ~ .check {
  border: 3px solid #ffec92;
}

.ui-radio input[type=radio][checked] ~ .check::before {
  background: #ffec92;
}

.ui-radio input[type=radio][checked] ~ span {
  color: #ffec92;
}

.components-grid .component-label {
  line-height: 27px;
}

.components-grid .component-save-icon {
  padding-left: 0;
}

.additional-components-form .row.vt-section.section-without-border {
  border: none;
}

.ng-ckeditor {
  border: 0 none;
}

.ng-ckeditor iframe {
  max-width: 100%;
}

.cke_panel iframe {
  max-width: 100%;
}

.phone-number {
  padding: 2px !important;
  width: 74% !important;
  margin-left: 0 !important;
}

.phone-country {
  width: 25% !important;
  float: left;
  margin-right: 1% !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.iti-flag {
  margin: 2px;
  width: 16px;
  height: 11px;
  background: url(https://assets.velotooler.com/dist/img/flags-29935c4.png);
}

.iti-flag.AU {
  background-position: -192px 0;
}

.iti-flag.US {
  background-position: -112px -143px;
}

.iti-flag.CA {
  background-position: -16px -22px;
}

.iti-flag.UK {
  background-position: -80px -44px;
}

.iti-flag.DE {
  background-position: -32px -33px;
}

.iti-flag.FR {
  background-position: -48px -44px;
}

.iti-flag.CH {
  background-position: -80px -22px;
}

.iti-flag.IT {
  background-position: -32px -66px;
}

.iti-flag.ES {
  background-position: -192px -33px;
}

.iti-flag.IE {
  background-position: -176px -55px;
}

.iti-flag.BE {
  background-position: -32px -11px;
}

.iti-flag.NL {
  background-position: -128px -99px;
}

.iti-flag.DK {
  background-position: -64px -33px;
}

i.smile {
  float: left;
  margin: 6px;
}

.smile {
  width: 16px;
  height: 16px;
  margin: 2px;
  background: url(https://assets.velotooler.com/dist/img/smiles-03a1033.png) no-repeat;
}

img.smile {
  margin: 0 1px -2px 1px;
}

.smile:hover {
  opacity: .8;
  cursor: pointer;
}

.smile-23F0 {
  background-position: 0px 0px;
}

.smile-23F3 {
  background-position: -16px 0px;
}

.smile-2600 {
  background-position: -32px 0px;
}

.smile-2601 {
  background-position: -48px 0px;
}

.smile-260E {
  background-position: -64px 0px;
}

.smile-2615 {
  background-position: -80px 0px;
}

.smile-261D {
  background-position: -96px 0px;
}

.smile-263A {
  background-position: -112px 0px;
}

.smile-267B {
  background-position: -128px 0px;
}

.smile-26A0 {
  background-position: -144px 0px;
}

.smile-26A1 {
  background-position: -160px 0px;
}

.smile-26BD {
  background-position: -176px 0px;
}

.smile-26BE {
  background-position: -192px 0px;
}

.smile-26C4 {
  background-position: -208px 0px;
}

.smile-26C5 {
  background-position: -224px 0px;
}

.smile-26D4 {
  background-position: -240px 0px;
}

.smile-26EA {
  background-position: -256px 0px;
}

.smile-26F3 {
  background-position: -272px 0px;
}

.smile-26F5 {
  background-position: -288px 0px;
}

.smile-26FD {
  background-position: -304px 0px;
}

.smile-2702 {
  background-position: -320px 0px;
}

.smile-2708 {
  background-position: -336px 0px;
}

.smile-2709 {
  background-position: -352px 0px;
}

.smile-270A {
  background-position: -368px 0px;
}

.smile-270B {
  background-position: 0px -16px;
}

.smile-270C {
  background-position: -16px -16px;
}

.smile-270F {
  background-position: -32px -16px;
}

.smile-2712 {
  background-position: -48px -16px;
}

.smile-2728 {
  background-position: -64px -16px;
}

.smile-2744 {
  background-position: -80px -16px;
}

.smile-2764 {
  background-position: -96px -16px;
}

.smile-D83CDC04 {
  background-position: -112px -16px;
}

.smile-D83CDCCF {
  background-position: -128px -16px;
}

.smile-D83CDD98 {
  background-position: -144px -16px;
}

.smile-D83CDF02 {
  background-position: -160px -16px;
}

.smile-D83CDF0D {
  background-position: -176px -16px;
}

.smile-D83CDF1B {
  background-position: -192px -16px;
}

.smile-D83CDF1D {
  background-position: -208px -16px;
}

.smile-D83CDF1E {
  background-position: -224px -16px;
}

.smile-D83CDF1F {
  background-position: -240px -16px;
}

.smile-D83CDF30 {
  background-position: -256px -16px;
}

.smile-D83CDF31 {
  background-position: -272px -16px;
}

.smile-D83CDF32 {
  background-position: -288px -16px;
}

.smile-D83CDF33 {
  background-position: -304px -16px;
}

.smile-D83CDF34 {
  background-position: -320px -16px;
}

.smile-D83CDF35 {
  background-position: -336px -16px;
}

.smile-D83CDF37 {
  background-position: -352px -16px;
}

.smile-D83CDF38 {
  background-position: -368px -16px;
}

.smile-D83CDF39 {
  background-position: 0px -32px;
}

.smile-D83CDF3A {
  background-position: -16px -32px;
}

.smile-D83CDF3B {
  background-position: -32px -32px;
}

.smile-D83CDF3C {
  background-position: -48px -32px;
}

.smile-D83CDF3D {
  background-position: -64px -32px;
}

.smile-D83CDF3E {
  background-position: -80px -32px;
}

.smile-D83CDF3F {
  background-position: -96px -32px;
}

.smile-D83CDF40 {
  background-position: -112px -32px;
}

.smile-D83CDF41 {
  background-position: -128px -32px;
}

.smile-D83CDF42 {
  background-position: -144px -32px;
}

.smile-D83CDF43 {
  background-position: -160px -32px;
}

.smile-D83CDF44 {
  background-position: -176px -32px;
}

.smile-D83CDF45 {
  background-position: -192px -32px;
}

.smile-D83CDF46 {
  background-position: -208px -32px;
}

.smile-D83CDF47 {
  background-position: -224px -32px;
}

.smile-D83CDF48 {
  background-position: -240px -32px;
}

.smile-D83CDF49 {
  background-position: -256px -32px;
}

.smile-D83CDF4A {
  background-position: -272px -32px;
}

.smile-D83CDF4B {
  background-position: -288px -32px;
}

.smile-D83CDF4C {
  background-position: -304px -32px;
}

.smile-D83CDF4D {
  background-position: -320px -32px;
}

.smile-D83CDF4E {
  background-position: -336px -32px;
}

.smile-D83CDF4F {
  background-position: -352px -32px;
}

.smile-D83CDF50 {
  background-position: -368px -32px;
}

.smile-D83CDF51 {
  background-position: 0px -48px;
}

.smile-D83CDF52 {
  background-position: -16px -48px;
}

.smile-D83CDF53 {
  background-position: -32px -48px;
}

.smile-D83CDF54 {
  background-position: -48px -48px;
}

.smile-D83CDF55 {
  background-position: -64px -48px;
}

.smile-D83CDF56 {
  background-position: -80px -48px;
}

.smile-D83CDF57 {
  background-position: -96px -48px;
}

.smile-D83CDF5A {
  background-position: -112px -48px;
}

.smile-D83CDF5B {
  background-position: -128px -48px;
}

.smile-D83CDF5C {
  background-position: -144px -48px;
}

.smile-D83CDF5D {
  background-position: -160px -48px;
}

.smile-D83CDF5E {
  background-position: -176px -48px;
}

.smile-D83CDF5F {
  background-position: -192px -48px;
}

.smile-D83CDF60 {
  background-position: -208px -48px;
}

.smile-D83CDF61 {
  background-position: -224px -48px;
}

.smile-D83CDF62 {
  background-position: -240px -48px;
}

.smile-D83CDF63 {
  background-position: -256px -48px;
}

.smile-D83CDF64 {
  background-position: -272px -48px;
}

.smile-D83CDF65 {
  background-position: -288px -48px;
}

.smile-D83CDF66 {
  background-position: -304px -48px;
}

.smile-D83CDF67 {
  background-position: -320px -48px;
}

.smile-D83CDF68 {
  background-position: -336px -48px;
}

.smile-D83CDF69 {
  background-position: -352px -48px;
}

.smile-D83CDF6A {
  background-position: -368px -48px;
}

.smile-D83CDF6B {
  background-position: 0px -64px;
}

.smile-D83CDF6C {
  background-position: -16px -64px;
}

.smile-D83CDF6D {
  background-position: -32px -64px;
}

.smile-D83CDF6E {
  background-position: -48px -64px;
}

.smile-D83CDF6F {
  background-position: -64px -64px;
}

.smile-D83CDF70 {
  background-position: -80px -64px;
}

.smile-D83CDF71 {
  background-position: -96px -64px;
}

.smile-D83CDF72 {
  background-position: -112px -64px;
}

.smile-D83CDF73 {
  background-position: -128px -64px;
}

.smile-D83CDF74 {
  background-position: -144px -64px;
}

.smile-D83CDF75 {
  background-position: -160px -64px;
}

.smile-D83CDF76 {
  background-position: -176px -64px;
}

.smile-D83CDF77 {
  background-position: -192px -64px;
}

.smile-D83CDF78 {
  background-position: -208px -64px;
}

.smile-D83CDF79 {
  background-position: -224px -64px;
}

.smile-D83CDF7A {
  background-position: -240px -64px;
}

.smile-D83CDF7B {
  background-position: -256px -64px;
}

.smile-D83CDF7C {
  background-position: -272px -64px;
}

.smile-D83CDF80 {
  background-position: -288px -64px;
}

.smile-D83CDF81 {
  background-position: -304px -64px;
}

.smile-D83CDF82 {
  background-position: -320px -64px;
}

.smile-D83CDF83 {
  background-position: -336px -64px;
}

.smile-D83CDF84 {
  background-position: -352px -64px;
}

.smile-D83CDF85 {
  background-position: -368px -64px;
}

.smile-D83CDF88 {
  background-position: 0px -80px;
}

.smile-D83CDF89 {
  background-position: -16px -80px;
}

.smile-D83CDF8A {
  background-position: -32px -80px;
}

.smile-D83CDF8B {
  background-position: -48px -80px;
}

.smile-D83CDF8C {
  background-position: -64px -80px;
}

.smile-D83CDF8D {
  background-position: -80px -80px;
}

.smile-D83CDF8E {
  background-position: -96px -80px;
}

.smile-D83CDF8F {
  background-position: -112px -80px;
}

.smile-D83CDF90 {
  background-position: -128px -80px;
}

.smile-D83CDF92 {
  background-position: -144px -80px;
}

.smile-D83CDF93 {
  background-position: -160px -80px;
}

.smile-D83CDFA3 {
  background-position: -176px -80px;
}

.smile-D83CDFA4 {
  background-position: -192px -80px;
}

.smile-D83CDFA7 {
  background-position: -208px -80px;
}

.smile-D83CDFA8 {
  background-position: -224px -80px;
}

.smile-D83CDFA9 {
  background-position: -240px -80px;
}

.smile-D83CDFAA {
  background-position: -256px -80px;
}

.smile-D83CDFAB {
  background-position: -272px -80px;
}

.smile-D83CDFAC {
  background-position: -288px -80px;
}

.smile-D83CDFAD {
  background-position: -304px -80px;
}

.smile-D83CDFAF {
  background-position: -320px -80px;
}

.smile-D83CDFB0 {
  background-position: -336px -80px;
}

.smile-D83CDFB1 {
  background-position: -352px -80px;
}

.smile-D83CDFB2 {
  background-position: -368px -80px;
}

.smile-D83CDFB3 {
  background-position: 0px -96px;
}

.smile-D83CDFB4 {
  background-position: -16px -96px;
}

.smile-D83CDFB7 {
  background-position: -32px -96px;
}

.smile-D83CDFB8 {
  background-position: -48px -96px;
}

.smile-D83CDFB9 {
  background-position: -64px -96px;
}

.smile-D83CDFBA {
  background-position: -80px -96px;
}

.smile-D83CDFBB {
  background-position: -96px -96px;
}

.smile-D83CDFBD {
  background-position: -112px -96px;
}

.smile-D83CDFBE {
  background-position: -128px -96px;
}

.smile-D83CDFBF {
  background-position: -144px -96px;
}

.smile-D83CDFC0 {
  background-position: -160px -96px;
}

.smile-D83CDFC1 {
  background-position: -176px -96px;
}

.smile-D83CDFC2 {
  background-position: -192px -96px;
}

.smile-D83CDFC3 {
  background-position: -208px -96px;
}

.smile-D83CDFC4 {
  background-position: -224px -96px;
}

.smile-D83CDFC6 {
  background-position: -240px -96px;
}

.smile-D83CDFC7 {
  background-position: -256px -96px;
}

.smile-D83CDFC8 {
  background-position: -272px -96px;
}

.smile-D83CDFC9 {
  background-position: -288px -96px;
}

.smile-D83CDFCA {
  background-position: -304px -96px;
}

.smile-D83CDFE6 {
  background-position: -320px -96px;
}

.smile-D83DDC00 {
  background-position: -336px -96px;
}

.smile-D83DDC01 {
  background-position: -352px -96px;
}

.smile-D83DDC02 {
  background-position: -368px -96px;
}

.smile-D83DDC03 {
  background-position: 0px -112px;
}

.smile-D83DDC04 {
  background-position: -16px -112px;
}

.smile-D83DDC05 {
  background-position: -32px -112px;
}

.smile-D83DDC06 {
  background-position: -48px -112px;
}

.smile-D83DDC07 {
  background-position: -64px -112px;
}

.smile-D83DDC08 {
  background-position: -80px -112px;
}

.smile-D83DDC09 {
  background-position: -96px -112px;
}

.smile-D83DDC0A {
  background-position: -112px -112px;
}

.smile-D83DDC0B {
  background-position: -128px -112px;
}

.smile-D83DDC0C {
  background-position: -144px -112px;
}

.smile-D83DDC0D {
  background-position: -160px -112px;
}

.smile-D83DDC0E {
  background-position: -176px -112px;
}

.smile-D83DDC0F {
  background-position: -192px -112px;
}

.smile-D83DDC10 {
  background-position: -208px -112px;
}

.smile-D83DDC11 {
  background-position: -224px -112px;
}

.smile-D83DDC12 {
  background-position: -240px -112px;
}

.smile-D83DDC13 {
  background-position: -256px -112px;
}

.smile-D83DDC18 {
  background-position: -272px -112px;
}

.smile-D83DDC1C {
  background-position: -288px -112px;
}

.smile-D83DDC28 {
  background-position: -304px -112px;
}

.smile-D83DDC2B {
  background-position: -320px -112px;
}

.smile-D83DDC2E {
  background-position: -336px -112px;
}

.smile-D83DDC31 {
  background-position: -352px -112px;
}

.smile-D83DDC36 {
  background-position: -368px -112px;
}

.smile-D83DDC37 {
  background-position: 0px -128px;
}

.smile-D83DDC3B {
  background-position: -16px -128px;
}

.smile-D83DDC3C {
  background-position: -32px -128px;
}

.smile-D83DDC42 {
  background-position: -48px -128px;
}

.smile-D83DDC43 {
  background-position: -64px -128px;
}

.smile-D83DDC46 {
  background-position: -80px -128px;
}

.smile-D83DDC47 {
  background-position: -96px -128px;
}

.smile-D83DDC48 {
  background-position: -112px -128px;
}

.smile-D83DDC4A {
  background-position: -128px -128px;
}

.smile-D83DDC4C {
  background-position: -144px -128px;
}

.smile-D83DDC4D {
  background-position: -160px -128px;
}

.smile-D83DDC4E {
  background-position: -176px -128px;
}

.smile-D83DDC4F {
  background-position: -192px -128px;
}

.smile-D83DDC79 {
  background-position: -208px -128px;
}

.smile-D83DDC7A {
  background-position: -224px -128px;
}

.smile-D83DDC7D {
  background-position: -240px -128px;
}

.smile-D83DDC7F {
  background-position: -256px -128px;
}

.smile-D83DDC8B {
  background-position: -272px -128px;
}

.smile-D83DDC94 {
  background-position: -288px -128px;
}

.smile-D83DDCA6 {
  background-position: -304px -128px;
}

.smile-D83DDCA9 {
  background-position: -320px -128px;
}

.smile-D83DDCAA {
  background-position: -336px -128px;
}

.smile-D83DDCAD {
  background-position: -352px -128px;
}

.smile-D83DDD1E {
  background-position: -368px -128px;
}

.smile-D83DDE00 {
  background-position: 0px -144px;
}

.smile-D83DDE01 {
  background-position: -16px -144px;
}

.smile-D83DDE02 {
  background-position: -32px -144px;
}

.smile-D83DDE03 {
  background-position: -48px -144px;
}

.smile-D83DDE04 {
  background-position: -64px -144px;
}

.smile-D83DDE05 {
  background-position: -80px -144px;
}

.smile-D83DDE06 {
  background-position: -96px -144px;
}

.smile-D83DDE07 {
  background-position: -112px -144px;
}

.smile-D83DDE08 {
  background-position: -128px -144px;
}

.smile-D83DDE09 {
  background-position: -144px -144px;
}

.smile-D83DDE0A {
  background-position: -160px -144px;
}

.smile-D83DDE0B {
  background-position: -176px -144px;
}

.smile-D83DDE0C {
  background-position: -192px -144px;
}

.smile-D83DDE0D {
  background-position: -208px -144px;
}

.smile-D83DDE0E {
  background-position: -224px -144px;
}

.smile-D83DDE0F {
  background-position: -240px -144px;
}

.smile-D83DDE10 {
  background-position: -256px -144px;
}

.smile-D83DDE11 {
  background-position: -272px -144px;
}

.smile-D83DDE12 {
  background-position: -288px -144px;
}

.smile-D83DDE13 {
  background-position: -304px -144px;
}

.smile-D83DDE14 {
  background-position: -320px -144px;
}

.smile-D83DDE15 {
  background-position: -336px -144px;
}

.smile-D83DDE16 {
  background-position: -352px -144px;
}

.smile-D83DDE18 {
  background-position: -368px -144px;
}

.smile-D83DDE19 {
  background-position: 0px -160px;
}

.smile-D83DDE1A {
  background-position: -16px -160px;
}

.smile-D83DDE1B {
  background-position: -32px -160px;
}

.smile-D83DDE1C {
  background-position: -48px -160px;
}

.smile-D83DDE1D {
  background-position: -64px -160px;
}

.smile-D83DDE1E {
  background-position: -80px -160px;
}

.smile-D83DDE1F {
  background-position: -96px -160px;
}

.smile-D83DDE20 {
  background-position: -112px -160px;
}

.smile-D83DDE21 {
  background-position: -128px -160px;
}

.smile-D83DDE22 {
  background-position: -144px -160px;
}

.smile-D83DDE23 {
  background-position: -160px -160px;
}

.smile-D83DDE24 {
  background-position: -176px -160px;
}

.smile-D83DDE25 {
  background-position: -192px -160px;
}

.smile-D83DDE26 {
  background-position: -208px -160px;
}

.smile-D83DDE27 {
  background-position: -224px -160px;
}

.smile-D83DDE28 {
  background-position: -240px -160px;
}

.smile-D83DDE29 {
  background-position: -256px -160px;
}

.smile-D83DDE2A {
  background-position: -272px -160px;
}

.smile-D83DDE2B {
  background-position: -288px -160px;
}

.smile-D83DDE2C {
  background-position: -304px -160px;
}

.smile-D83DDE2D {
  background-position: -320px -160px;
}

.smile-D83DDE2E {
  background-position: -336px -160px;
}

.smile-D83DDE2F {
  background-position: -352px -160px;
}

.smile-D83DDE30 {
  background-position: -368px -160px;
}

.smile-D83DDE31 {
  background-position: 0px -176px;
}

.smile-D83DDE32 {
  background-position: -16px -176px;
}

.smile-D83DDE33 {
  background-position: -32px -176px;
}

.smile-D83DDE34 {
  background-position: -48px -176px;
}

.smile-D83DDE35 {
  background-position: -64px -176px;
}

.smile-D83DDE36 {
  background-position: -80px -176px;
}

.smile-D83DDE37 {
  background-position: -96px -176px;
}

.smile-D83DDE38 {
  background-position: -112px -176px;
}

.smile-D83DDE39 {
  background-position: -128px -176px;
}

.smile-D83DDE3A {
  background-position: -144px -176px;
}

.smile-D83DDE3B {
  background-position: -160px -176px;
}

.smile-D83DDE3C {
  background-position: -176px -176px;
}

.smile-D83DDE3D {
  background-position: -192px -176px;
}

.smile-D83DDE3E {
  background-position: -208px -176px;
}

.smile-D83DDE3F {
  background-position: -224px -176px;
}

.smile-D83DDE40 {
  background-position: -240px -176px;
}

.smile-D83DDE4F {
  background-position: -256px -176px;
}

/*$input-default-color: #FFEB3B;*/

.profile-about .profile-about__about-section {
  display: flex;
  position: relative;
}

.profile-about .profile-about__about-section_overflow:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(transparent 30px, rgb(35, 35, 35));
}

.profile-about .profile-about__about-section-text {
  text-align: justify;
  flex: 1 1 300px;
  line-height: 22px;
  text-overflow: ellipsis;
}

.profile-services .profile-services__pricing-section-service {
  display: flex;
  background-color: rgba(60, 60, 60, .3);
  border-radius: 5px;
  padding: 10px;
  margin-top: 5px;
}

.profile-services .profile-services__pricing-section-service-description {
  flex: 1 1 60%;
  color: #eee;
  line-height: 27px;
}

.profile-services .profile-services__pricing-section-price {
  font-weight: 500;
  flex: 1 1 10%;
  margin-left: 10px;
  line-height: 27px;
}

.profile-services .profile-services__pricing-section-button {
  margin: 0 0 0 10px !important;
  flex: 1 1 30%;
}

.profile-verifications .profile-verifications__verifications-section {
  padding: 0 20px;
}

.profile-verifications .profile-verifications__verification-item {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.profile-verifications .profile-verifications__verification-item-key {
  flex: 1 1 70%;
  color: #eee;
}

.profile-verifications .profile-verifications__verification-item-value {
  flex: 1 1 30%;
  color: #ffec92;
  font-size: 12px;
  text-transform: uppercase;
}

.profile-verifications .profile-verifications__verification-item-value.done {
  color: #51c57e;
}

.profile-work-area__work-area-locations-container {
  display: flex;
}

.profile-work-area__work-area-location {
  margin-bottom: 4px;
  margin-left: 4px;
  padding: 5px;
  border: solid 1px #3c3c3c;
  border-radius: 5px;
  font-size: 13px;
}

.profile-work-area__work-area-map-container {
  margin: 10px -10px -40px -10px;
}

.profile-work-area__work-area-map-container .google-map {
  height: 450px;
}

.profile-education .profile-education__education-item {
  margin-top: 10px;
}

.profile-photos .profile-photos__photos-section .img-container {
  margin: 1px;
  max-height: 120px;
}

.profile-photos .profile-photos__photos-section .img-tmb {
  width: 120px;
  height: 120px;
}

.profile-rating .profile-rating__review-item {
  margin-bottom: 20px;
}

.profile-rating .profile-rating__review-item-service {
  display: inline-block;
  color: white;
  font-weight: 500;
}

.profile-rating .profile-rating__review-item-date {
  display: block;
  font-size: 13px;
  color: #777;
}

.profile-rating .profile-rating__review-item-comment {
  margin-top: 5px;
  color: #ccc;
}

.profile-rating .profile-rating__review-item-comment.profile-rating_color-dark-gray {
  color: #555;
}

.profile-view {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.profile-view_align-center {
  margin-left: auto;
  margin-right: auto;
}

.profile-view__header {
  background-color: #191919;
  color: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.profile-body__row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.profile-body__column-left {
  flex: 1 1 540px;
  display: flex;
  flex-direction: column;
  align-content: space-around;
  margin-right: 20px;
  max-width: 540px;
}

@media (max-width: 1100px) {
  .profile-body__column-left {
    margin-right: 0;
    flex-basis: 720px;
    max-width: 100%;
  }
}

.profile-body__column-right {
  flex: 1 1 440px;
  display: flex;
  flex-direction: column;
  align-content: space-around;
}

.profile-body__widget {
  margin-top: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.titled-block {
  background-color: #191919;
  padding: 15px;
}

.titled-block__header {
  color: #999;
  border-bottom: 1px solid #222;
  text-align: left;
  margin-bottom: 5px;
  font-weight: 500;
}

.titled-block__body {
  color: white;
  font-size: 15px;
}

.titled-block__footer {
  margin-top: 20px;
  border-top: 1px solid #222;
  text-align: center;
}

.profile-view__summary {
  display: flex;
  position: relative;
  padding: 20px 20px 5px 20px;
  flex-wrap: wrap;
  background-color: rgb(35, 35, 35);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.profile-view__sticky-summary {
  max-height: 0;
  background-color: rgb(55, 55, 55);
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  overflow: hidden;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
  transition: max-height .3s;
}

.profile-view__sticky-summary_active {
  z-index: 29 !important;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: max-height .7s;
  max-height: 130px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.profile-view__sticky-item {
  display: block;
  margin-bottom: 0;
}

.profile-view__summary-item {
  flex-basis: 115px;
  margin-bottom: 15px;
  margin-right: 15px;
}

@media (max-width: 360px) {
  .profile-view__summary-item {
    flex-basis: 90px;
    margin-right: 3px;
  }
}

.profile-view__summary-button {
  flex-basis: 100px;
  margin-left: auto;
  margin-bottom: 15px;
}

.profile-view__summary-item-title {
  text-transform: uppercase;
  font-size: 13px;
  color: #999;
  margin-bottom: 5px;
}

.profile-view__summary-item-body {
  font-size: 15px;
  color: #eee;
  font-weight: 500;
}

@media (max-width: 360px) {
  .profile-view__summary-item-body {
    font-size: 13px;
  }
}

.profile-view__cover {
  height: 300px;
  position: relative;
}

.profile-view__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.profile-view__background:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #39403e;
  opacity: .6;
}

.profile-view__avatar-container {
  position: absolute;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  top: 140px;
}

.profile-view__avatar {
  position: relative;
  width: 150px;
  min-height: 150px;
  min-width: 150px;
}

.profile-view__verified-icon {
  position: absolute;
  bottom: 0;
  right: 15px;
  font-size: 2em;
  color: #51c57e;
}

.profile-view__verified-icon_small {
  font-size: 1em;
  right: 1px;
}

.profile-view__avatar_center-horizontally {
  margin: auto;
}

.profile-view__avatar_small {
  width: 50px;
  min-height: 50px;
  min-width: 50px;
}

.profile-view__avatar-image {
  border-radius: 50%;
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, .7);
}

.profile-view__name {
  text-align: center;
  margin: 10px;
  color: white;
  font-size: 30px;
}

.profile-view__name_small {
  font-size: 15px;
}

.profile-view__label {
  font-size: 14px;
  line-height: 15px;
  color: white;
  text-align: center;
  margin-right: 5px;
  background-color: rgba(50, 50, 50, .5);
  padding: 15px;
  border-radius: 4px;
}

.profile-view__label-prefix {
  margin-right: 5px;
  font-weight: bold;
}

.profile-view__mechanic-city {
  font-size: 15px;
  color: white;
  font-weight: 500;
}

.profile-view__credo {
  text-align: center;
}

.titled-block__verification-item {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.titled-block__verification-item-key {
  flex: 1 1 70%;
  color: #eee;
}

.titled-block__verification-item-value {
  flex: 1 1 30%;
  color: #ffec92;
  font-size: 12px;
  text-transform: uppercase;
}

.titled-block__verification-item-value.done {
  color: #51c57e;
}

.fa_status {
  width: 16px;
  height: 16px;
  background-color: #ffec92;
  border: solid 3px #3c3c3c;
  border-radius: 50%;
}

.fa_status.done {
  background-color: #51c57e;
}

.color-dark-gray {
  color: #555;
}

.color-gray {
  color: #aaa;
}

.profile-view_inline-item {
  display: inline-block;
}

.profile-view__sticky-summary .profile-view__name {
  margin: 0;
  font-weight: bold;
}

.profile-view__sticky-summary .profile-view__summary-button {
  margin-bottom: 0;
}

.profile-view__feedback-stars {
  vertical-align: text-top;
}

.change-profile .change-profile__avatar {
  margin: 0 -23px;
}

.change-profile .change-profile__public-profile-button {
  display: block;
  max-width: 200px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.change-profile .change-profile__share-buttons {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #232323;
  border-bottom-right-radius: 5px;
  padding: 5px 5px 5px 0;
}

/*$input-default-color: #FFEB3B;*/

.profile-location .profile-location__add-btn {
  margin: 0 !important;
}

@media (max-width: 470px) {
  .profile-location .profile-location__add-btn {
    width: 100%;
  }
}

.profile-location .profile-location__add-btn-icon {
  font-size: 17px;
  vertical-align: middle;
}

.profile-location .profile-location__add-btn-icon.fa-home {
  font-size: 22px;
}

.profile-address .profile-address__selected {
  line-height: 36px;
}

.profile-address .profile-address__more {
  padding-left: 5px;
  color: #777;
}

.profile-address .profile-address__manage-btn {
  margin: 0 0 0 5px !important;
}

/*$input-default-color: #FFEB3B;*/

.profile-address-card {
  background-color: rgba(68, 68, 68, .2);
  border-radius: 5px;
  padding: 10px;
  margin: 5px 0;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
}

.profile-address-card:hover {
  background-color: rgba(68, 68, 68, .4);
}

.profile-address-card .profile-address-card__main {
  flex: 6 0 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-self: center;
  align-items: center;
  margin: auto;
  padding: 0 10px;
  flex-wrap: nowrap;
}

@media (max-width: 600px) {
  .profile-address-card .profile-address-card__main {
    flex: 0 74 300px;
  }
}

.profile-address-card .profile-address-card__actions {
  flex: 1 0 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-self: center;
  align-items: center;
  margin: auto;
  padding: 5px 10px;
  justify-content: center;
}

.profile-address-card .profile-address-card__actions .md-button {
  margin: 0;
}

@media (max-width: 600px) {
  .profile-address-card .profile-address-card__actions {
    flex: 0 74 100px;
  }
}

@media (min-width: 992px) {
  .profile-address-card .profile-address-card__actions {
    line-height: normal;
  }
}

.profile-address-card .profile-address-card__icon-container {
  flex-basis: 20px;
  margin-right: 10px;
}

.profile-address-card .profile-address-card__icon {
  font-size: 18px;
  color: #999;
}

.profile-address-card .profile-address-card__icon.fa-home {
  font-size: 23px;
}

.profile-address-card .profile-address-card__desc {
  color: #ffec92;
  font-weight: bold;
  font-size: 15px;
}

.profile-address-card .profile-address-card__address {
  font-size: 15px;
}

.profile-address-card .profile-address-card__apt {
  font-size: 15px;
}

.profile-address-card .profile-address-card__apt-label {
  color: #999;
}

.profile-address-list .profile-address-list__button {
  display: inline-block;
  vertical-align: -8px;
  text-align: center;
  text-transform: none;
  font-weight: 400;
  color: #999;
  margin: 0;
  padding-top: 9px;
}

.profile-address-list .profile-address-list__actions {
  padding-top: 5px;
}

.profile-address-list .profile-address-list__favorite-section {
  margin-top: 20px;
}

.profile-address-list .profile-address-list__favorite-section-items {
  padding: 15px 0;
}

.profile-address-list .profile-address-list__other-section {
  margin-top: 20px;
}

.profile-address-list .profile-address-list__other-section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.profile-address-list .profile-address__section-title {
  color: #999;
}

/*$input-default-color: #FFEB3B;*/

footer {
  padding: 4rem 1rem 1.5rem 1rem;
  overflow: hidden;
  background: #fff400;
  color: #000;
}

footer hr {
  height: .5px;
  color: #000;
  background-color: #000;
  margin-bottom: 3.25rem;
}

footer a:hover {
  text-decoration: underline;
  transition: color 250ms;
}

footer a {
  color: #161616;
  display: block;
  cursor: pointer;
  font-weight: 300;
  line-height: 1.5rem;
}

footer a:active,
footer a:hover,
footer a:focus {
  color: #555;
}

footer ul {
  padding: 0;
  margin: 0;
}

footer ul li {
  list-style-type: none;
  font-size: 1rem;
  line-height: 1rem;
  margin: 1rem 0;
}

footer .footer-contact {
  margin-top: 1rem;
}

footer .footer-contact .footer-contact__context-us {
  text-align: center;
}

footer .footer-contact .footer-contact__context-us .vui-btn {
  max-width: 260px;
  width: 100%;
}

footer .footer-contact .footer-contact__social {
  text-align: start;
  display: flex;
  margin-left: .25rem;
  margin-bottom: 2rem;
  margin-top: 2.5rem;
}

footer .footer-contact .footer-contact__social ul {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

footer .footer-contact .footer-contact__social ul li {
  margin: 0 .625rem;
}

footer .footer-contact .footer-contact__social ul a svg {
  fill: #161616;
  text-decoration: none;
  transition: fill 250ms;
}

footer .footer-contact .footer-contact__social ul a svg svg:active,
footer .footer-contact .footer-contact__social ul a svg svg:hover,
footer .footer-contact .footer-contact__social ul a svg svg:focus {
  fill: #555;
}

footer .copyright-container {
  padding-top: 6.25rem;
  text-align: center;
  font-size: .625rem;
  font-weight: 600;
  letter-spacing: .4rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer .copyright-container {
    padding-top: 4.25rem;
  }
}

@media only screen and (max-width: 767px) {
  footer hr {
    margin-bottom: 2.5rem;
  }

  footer .footer-container ul li {
    margin: .625rem 0;
    text-align: center;
  }

  footer .copyright-container {
    padding-top: 4.25rem;
  }
}

md-switch.md-switch_green-theme.md-checked .md-bar {
  background-color: rgba(81, 197, 126, .5);
}

md-switch.md-switch_green-theme.md-checked .md-thumb {
  background-color: rgb(81, 197, 126);
}

md-switch.md-switch_green-theme.md-checked.md-focused .md-thumb:before {
  background-color: rgba(81, 197, 126, .26);
}

md-toast.md-center {
  left: 50%;
          transform: translateX(-50%) translate3d(0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
}

/*$input-default-color: #FFEB3B;*/

.mechanic-list {
  margin: 0;
  display: flex;
}

.mechanic-list .mechanic-list__location-filter {
  margin: 0 8px;
}

.mechanic-list .mechanic-list__list {
  padding-top: 5px;
  flex-basis: 650px;
  max-width: 650px;
}

@media (min-width: 1400px) {
  .mechanic-list .mechanic-list__list {
    flex-basis: 750px;
    max-width: 750px;
  }
}

@media (min-width: 1600px) {
  .mechanic-list .mechanic-list__list {
    flex-basis: 850px;
    max-width: 850px;
  }
}

.mechanic-list .mechanic-list__list-body {
  padding-top: 0px;
}

.mechanic-list .mechanic-list__list_mobile {
  position: absolute;
  max-width: none;
  width: 100%;
  top: 64px;
  left: 0;
}

.mechanic-list .mechanic-list__list_mobile.mechanic-list__list_mobile-logged-in {
  left: 64px;
  width: calc(100% - 64px);
}

@media (max-width: 470px) {
  .mechanic-list .mechanic-list__list_mobile {
    width: 100% !important;
    left: 0 !important;
  }
}

.mechanic-list .mechanic-list__list_mobile-inactive .pageable-list__body {
  opacity: 0 !important;
  visibility: hidden !important;
  overflow-y: hidden !important;
}

.mechanic-list .mechanic-list__map {
  flex-grow: 100;
  padding: 5px 5px 5px 0;
}

.mechanic-list .mechanic-list__map .google-map {
  margin: 0;
  height: 100vh;
}

.mechanic-list .mechanic-list__change-view-btn {
  position: absolute;
  right: 25px;
  top: 5px;
  text-transform: none;
}

.mechanic-list .mechanic-list__change-view-btn-icon {
  vertical-align: middle;
  width: 16px;
}

.mechanic-list .mechanic-list__change-view-btn-label {
  vertical-align: middle;
}

.mechanic-list .mechanic-list__map_mobile {
  position: absolute;
  left: 0;
  top: 128px;
  width: 100%;
  padding: 0;
  z-index: 70;
}

.mechanic-list .mechanic-list__map_mobile.mechanic-list__map_mobile-logged-in {
  left: 64px;
  width: calc(100% - 64px);
}

@media (max-width: 470px) {
  .mechanic-list .mechanic-list__map_mobile {
    width: 100% !important;
    left: 0 !important;
  }
}

.mechanic-list .mechanic-list__map_mobile .google-map {
  height: calc(100vh - 195px);
}

.mechanic-list .mechanic-list__map_mobile-inactive {
  z-index: -10;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow-y: hidden !important;
}

.mechanic-list .mechanic-list__info-window {
  min-height: 60px;
  margin-left: 20px;
}

.mechanic-list .mechanic-list__info-window-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}

.mechanic-list .mechanic-list__info-window-name {
  font-size: 16px;
  color: black;
  font-weight: bold;
  padding-left: 10px;
}

.mechanic-list .mechanic-list__info-window-schedule-btn {
  color: #0e90d2 !important;
}

/*$input-default-color: #FFEB3B;*/

/*$input-default-color: #FFEB3B;*/

.mechanic-list {
  margin: 0;
  display: flex;
}

.mechanic-list .mechanic-list__location-filter {
  margin: 0 8px;
}

.mechanic-list .mechanic-list__list {
  padding-top: 5px;
  flex-basis: 650px;
  max-width: 650px;
}

@media (min-width: 1400px) {
  .mechanic-list .mechanic-list__list {
    flex-basis: 750px;
    max-width: 750px;
  }
}

@media (min-width: 1600px) {
  .mechanic-list .mechanic-list__list {
    flex-basis: 850px;
    max-width: 850px;
  }
}

.mechanic-list .mechanic-list__list-body {
  padding-top: 0px;
}

.mechanic-list .mechanic-list__list_mobile {
  position: absolute;
  max-width: none;
  width: 100%;
  top: 64px;
  left: 0;
}

.mechanic-list .mechanic-list__list_mobile.mechanic-list__list_mobile-logged-in {
  left: 64px;
  width: calc(100% - 64px);
}

@media (max-width: 470px) {
  .mechanic-list .mechanic-list__list_mobile {
    width: 100% !important;
    left: 0 !important;
  }
}

.mechanic-list .mechanic-list__list_mobile-inactive .pageable-list__body {
  opacity: 0 !important;
  visibility: hidden !important;
  overflow-y: hidden !important;
}

.mechanic-list .mechanic-list__map {
  flex-grow: 100;
  padding: 5px 5px 5px 0;
}

.mechanic-list .mechanic-list__map .google-map {
  margin: 0;
  height: 100vh;
}

.mechanic-list .mechanic-list__change-view-btn {
  position: absolute;
  right: 25px;
  top: 5px;
  text-transform: none;
}

.mechanic-list .mechanic-list__change-view-btn-icon {
  vertical-align: middle;
  width: 16px;
}

.mechanic-list .mechanic-list__change-view-btn-label {
  vertical-align: middle;
}

.mechanic-list .mechanic-list__map_mobile {
  position: absolute;
  left: 0;
  top: 128px;
  width: 100%;
  padding: 0;
  z-index: 70;
}

.mechanic-list .mechanic-list__map_mobile.mechanic-list__map_mobile-logged-in {
  left: 64px;
  width: calc(100% - 64px);
}

@media (max-width: 470px) {
  .mechanic-list .mechanic-list__map_mobile {
    width: 100% !important;
    left: 0 !important;
  }
}

.mechanic-list .mechanic-list__map_mobile .google-map {
  height: calc(100vh - 195px);
}

.mechanic-list .mechanic-list__map_mobile-inactive {
  z-index: -10;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow-y: hidden !important;
}

.mechanic-list .mechanic-list__info-window {
  min-height: 60px;
  margin-left: 20px;
}

.mechanic-list .mechanic-list__info-window-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}

.mechanic-list .mechanic-list__info-window-name {
  font-size: 16px;
  color: black;
  font-weight: bold;
  padding-left: 10px;
}

.mechanic-list .mechanic-list__info-window-schedule-btn {
  color: #0e90d2 !important;
}

.mechanic-list-item {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  background-color: rgb(45, 45, 45);
  border-radius: 3px;
  margin: 10px 10px;
  display: flex;
  color: white;
}

.mechanic-list-item .mechanic-list-item__image-container {
  max-height: 150px;
  min-height: 150px;
  min-width: 150px;
  max-width: 150px;
  margin: 10px 10px 10px 20px;
  display: block;
  color: white;
}

@media (max-width: 750px) {
  .mechanic-list-item .mechanic-list-item__image-container {
    max-height: 110px;
    min-height: 110px;
    min-width: 110px;
    max-width: 110px;
    margin: 10px;
    position: absolute;
  }
}

.mechanic-list-item .mechanic-list-item__image {
  max-height: 150px;
  border-radius: 150px;
}

@media (max-width: 750px) {
  .mechanic-list-item .mechanic-list-item__image {
    max-height: 110px;
    border-radius: 4px;
  }
}

.mechanic-list-item .mechanic-list-item__main {
  padding: 5px 10px 10px 10px;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 750px) {
  .mechanic-list-item .mechanic-list-item__main-header {
    min-height: 110px;
    margin-left: 120px;
  }
}

@media (max-width: 750px) {
  .mechanic-list-item .mechanic-list-item__desc-container {
    position: absolute;
    left: 0;
    top: 110px;
    margin: 10px;
  }
}

.mechanic-list-item .mechanic-list-item__location {
  padding-left: 10px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px;
}

.mechanic-list-item .mechanic-list-item__details {
  margin-top: 5px;
}

.mechanic-list-item .mechanic-list-item__details-val {
  font-weight: bold;
  color: white;
  text-transform: lowercase;
}

.mechanic-list-item .mechanic-list-item__details-label {
  color: #aaa;
}

.mechanic-list-item .mechanic-list-item__type {
  font-weight: bold;
  font-size: 12px;
  color: #999;
  text-transform: lowercase;
  display: inline-block;
  margin-top: 5px;
  white-space: nowrap;
  padding: 0;
  line-height: 21px;
}

.mechanic-list-item .mechanic-list-item__desc {
  margin-top: 10px;
}

.mechanic-list-item .mechanic-list-item__services {
  margin-top: 25px;
}

.mechanic-list-item .mechanic-list-item__services-item {
  color: #aaa;
  font-size: 13px;
  font-weight: normal;
  line-height: 15px;
}

.mechanic-list-item .mechanic-list-item__schedule-btn {
  margin: 25px 0 0 0 !important;
}

@media (max-width: 750px) {
  .mechanic-list-item .mechanic-list-item__schedule-btn {
    width: 100%;
  }
}

.mechanic-list-item .mechanic-list-item__icons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.mechanic-list-item .mechanic-list-item__icon {
  display: inline-block;
  padding: 5px;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.mechanic-list-item .mechanic-list-item__icon:hover {
  background-color: #444;
}

.mechanic-list-item .mechanic-list-item__header {
  font-size: 16px;
  text-align: left;
  margin: 0;
}

.mechanic-list-item .mechanic-list-item__name-container {
  font-weight: bold;
  margin-top: 5px;
  text-align: left;
  padding: 0;
  color: white;
  display: block;
}

.mechanic-list-item .mechanic-list-item__name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 10px;
}

.mechanic-list-item .mechanic-list__view-item-btn {
  display: inline-block;
  color: #aaa;
  vertical-align: middle;
  font-size: 12px;
}

.mechanic-list-item .mechanic-list__view-item-btn-icon {
  width: 13px;
}

.mechanic-list-item .mechanic-list-item__rating-container {
  font-size: 16px;
  margin-top: 5px;
}

.mechanic-list-item .mechanic-list-item__rating {
  display: inline-block;
}

.mechanic-list-item .mechanic-list-item__reviews {
  display: inline-block;
  margin-left: 10px;
}

.mechanic-list-item .mechanic-list-item__level {
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  background-color: #6be897;
  color: #333;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 26px;
  border-radius: 26px;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.mechanic-list-item .mechanic-list-item__footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 30px;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.mechanic-list-item .mechanic-list-item__actions-container {
  padding-right: 0;
  flex-basis: 30px;
}

.mechanic-list-item .mechanic-list-item__actions {
  padding: 0;
}

.mechanic-list-item .mechanic-list-item__action-button {
  margin: 0;
  padding: 0;
  min-width: 30px;
  line-height: 30px;
  transform: rotate(90deg);
}

.mechanic-list-item .mechanic-list-item__menu-icon {
  color: white;
}

@media (min-width: 800px) {
  .mechanic-list-item-pricing {
    min-width: 700px;
    max-width: 700px;
  }
}

.mechanic-work-area-list {
  max-width: 1100px;
}

.mechanic-work-area-list .mechanic-work-area-list__body {
  display: flex;
}

.mechanic-work-area-list .mechanic-work-area-list__areas-section {
  flex-basis: 60%;
}

@media (max-width: 1100px) {
  .mechanic-work-area-list .mechanic-work-area-list__areas-section {
    flex-basis: 100%;
  }
}

.mechanic-work-area-list .mechanic-work-area-list__info-section {
  flex-basis: 40%;
  padding: 15px;
  margin-right: 15px;
  text-align: justify;
}

@media (max-width: 1100px) {
  .mechanic-work-area-list .mechanic-work-area-list__info-section {
    display: none;
  }
}

.mechanic-work-area-list .mechanic-work-area-list__page-header-info {
  font-size: 13px;
  color: #aaa;
}

/*$input-default-color: #FFEB3B;*/

.edit-mechanic-work-area .edit-mechanic-work-area__body {
  display: flex;
}

.edit-mechanic-work-area .edit-mechanic-work-area__update-btn-section {
  background-color: #444;
}

.edit-mechanic-work-area .edit-mechanic-work-area__main-section {
  flex-basis: 52%;
}

@media (max-width: 992px) {
  .edit-mechanic-work-area .edit-mechanic-work-area__main-section {
    flex-basis: 100%;
  }
}

.edit-mechanic-work-area .edit-mechanic-work-area__map-section {
  flex-basis: 48%;
  padding: 5px;
}

@media (max-width: 992px) {
  .edit-mechanic-work-area .edit-mechanic-work-area__map-section {
    display: none;
  }
}

.edit-mechanic-work-area .edit-mechanic-work-area__map-section .google-map {
  margin: 0;
  height: 600px;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item {
  cursor: pointer;
  border-bottom: 1px solid #222;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item:hover {
  background-color: #222;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item-header {
  padding: 15px;
  margin: 0;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item_expanded {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
  background-color: #292929;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item_expanded:hover {
  background-color: #292929;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item-city {
  font-weight: bold;
  margin-bottom: 5px;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item-edited-sign {
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background-color: yellow;
  display: inline-block;
  vertical-align: top;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item-zip-codes-label {
  font-size: 14px;
  color: #777;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item-zip-code {
  font-size: 14px;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item-angle {
  line-height: 64px;
}

.edit-mechanic-work-area .edit-mechanic-work-area__item-angle_up {
  transform: rotate(180deg);
}

.edit-mechanic-work-area .edit-mechanic-work-area__item-expanded-content {
  padding: 0 15px 15px 15px;
  border-top: 1px dashed #393939;
}

.edit-mechanic-work-area .edit-mechanic-work-area__activity-switch {
  line-height: 24px;
  height: 26px;
  margin: 0 20px 0 0;
  font-weight: bold;
}

.edit-mechanic-work-area .edit-mechanic-work-area__activity-switch-text_inactive {
  color: #888;
  font-weight: normal;
}

.mechanic-work-area-item {
  margin: 0 !important;
  color: white;
}

.mechanic-work-area-item.mechanic-work-area-item_highlight {
  cursor: pointer;
}

.mechanic-work-area-item.mechanic-work-area-item_highlight:hover {
  background-color: #222;
}

.mechanic-work-area-item .mechanic-work-area-item__info {
  padding: 15px 0 15px 15px;
}

.mechanic-work-area-item .mechanic-work-area-item_inactive {
  color: #555;
}

.mechanic-work-area-item .mechanic-work-area-item_inactive .mechanic-work-area-item__radius {
  color: #555;
}

.mechanic-work-area-item .mechanic-work-area-item__radius {
  color: #888;
}

.mechanic-work-area-item .mechanic-work-area-item__separator {
  margin-bottom: 20px;
}

.mechanic-work-area-item .mechanic-work-area-item__controls {
  padding: 15px;
}

.mechanic-work-area-item .mechanic-work-area-item__activity-switch {
  line-height: 24px;
  height: 26px;
  margin: 0 20px 0 0;
  font-weight: bold;
}

.mechanic-work-area-item .mechanic-work-area-item__activity-switch-text_inactive {
  color: #888;
}

.mechanic-work-area-item .mechanic-work-area-item__remove-btn {
  margin: 0 !important;
}

/*$input-default-color: #FFEB3B;*/

.create-general-service {
  max-width: 800px !important;
}

.create-general-service .vt-textarea {
  margin-top: 0;
}

.create-general-service .add-tool__btn {
  padding-top: 20px;
}

.create-general-service .create-general-service-form__switch {
  margin: 20px 0;
  color: white;
  font-weight: 500;
}

.create-general-service .create-general-service-form__switch .md-checked .md-thumb {
  background-color: #51c57e;
}

.create-general-service .create-general-service-form__switch .md-checked .md-bar {
  background-color: rgba(81, 197, 126, .5);
}

.create-general-service .create-general-service-form__switch md-switch[disabled] .md-bar {
  background-color: #777;
}

.create-general-service .create-general-service-form__switch md-switch[disabled] .md-thumb {
  background-color: #c5c1c1;
}

.create-general-service .create-general-service-form__switch md-switch .md-thumb {
  background-color: #c5c1c1;
}

.create-general-service .create-general-service-form__switch .create-general-service-form__switch__label {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  padding-left: 3px;
}

.create-general-service .create-general-service-form__switch .create-general-service-form__switch__body {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  height: 25px;
}

.create-general-service .create-general-service-form__switch .create-general-service-form__switch__icon {
  color: #00aae5;
  height: 15px;
  width: 15px;
  font-size: small !important;
  margin-top: -8px;
  cursor: pointer;
}

.create-general-service .md-button.md-fab.md-mini {
  line-height: 25px;
  width: 25px;
  height: 25px;
}

.create-general-service .md-button.md-fab {
  background-color: transparent;
  color: rgb(255, 236, 146);
  box-shadow: none;
}

.create-general-service .md-button.md-fab:not([disabled]):hover {
  background-color: #222;
}

.create-general-service .create-general-service__details .width-100,
.create-general-service .create-general-service__details md-input-container {
  height: 60px !important;
}

.create-general-service .flow-container {
  width: 35%;
}

.create-general-service .part-container {
  width: 31%;
}

.create-general-service .price-container {
  width: 33%;
}

.create-general-service .time-to-complete-container {
  width: 32%;
}

.create-general-service .service-bucket-container {
  width: 31%;
  padding: 2px 2px 8px 2px;
  margin: 18px 0;
}

.create-general-service .task-checkbox-button {
  padding-left: 18px;
}

.create-general-service .task-checkbox-button ul li {
  display: inline-block;
  list-style-type: none;
  width: 32%;
  padding: 10px;
}

@media (max-width: 768px) {
  .create-general-service .flow-container,
  .create-general-service .part-container,
  .create-general-service .price-container,
  .create-general-service .time-to-complete-container,
  .create-general-service .service-bucket-container {
    width: 100%;
  }

  .create-general-service .task-checkbox-button ul li {
    display: list-item !important;
    width: 100%;
    padding-bottom: 10px;
  }

  .create-general-service button.md-button {
    min-width: 82px;
  }
}

.create-general-service-form__autocomplete {
  color: #51c57e !important;
}

/*$input-default-color: #FFEB3B;*/

.general-service-view {
  max-width: 800px !important;
}

.general-service-view .vt-textarea {
  margin-top: 0;
}

.general-service-view .general-service-view-form__description {
  color: #ffec92;
  font-size: x-small;
  font-weight: 500;
}

.general-service-view .add-tool__btn {
  padding-top: 20px;
}

.general-service-view .general-service-view-form__switch {
  margin: 20px 0;
}

.general-service-view .general-service-view-form__switch .md-checked .md-thumb {
  background-color: #51c57e;
}

.general-service-view .general-service-view-form__switch .md-checked .md-bar {
  background-color: rgba(81, 197, 126, .5);
}

.general-service-view .general-service-view-form__switch md-switch[disabled] .md-bar {
  background-color: #777;
}

.general-service-view .general-service-view-form__switch md-switch[disabled] .md-thumb {
  background-color: #c5c1c1;
}

.general-service-view .general-service-view-form__switch md-switch .md-thumb {
  background-color: #c5c1c1;
}

.general-service-view .general-service-view-form__switch .general-service-view-form__switch__label {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  padding-left: 3px;
}

.general-service-view .general-service-view-form__switch .general-service-view-form__switch__body {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  height: 25px;
}

.general-service-view .general-service-view-form__switch .general-service-view-form__switch__icon {
  color: #00aae5;
  height: 15px;
  width: 15px;
  font-size: small !important;
  margin-top: -8px;
  cursor: pointer;
}

.general-service-view .md-button.md-fab.md-mini {
  line-height: 25px;
  width: 25px;
  height: 25px;
}

.general-service-view .md-button.md-fab {
  background-color: transparent;
  color: rgb(255, 236, 146);
  box-shadow: none;
}

.general-service-view .md-button.md-fab:not([disabled]):hover {
  background-color: #222;
}

.general-service-view .md-button .fa {
  margin-left: 1px;
  margin-top: 7px;
}

.general-service-view .general-service-view__details .width-100,
.general-service-view .general-service-view__details md-input-container {
  height: 60px !important;
}

.general-service-view .flow-container {
  width: 35%;
}

.general-service-view .part-container {
  width: 31%;
}

.general-service-view .service-bucket-container {
  width: 31%;
  padding: 2px 2px 8px 2px;
  margin: 18px 0;
}

.general-service-view .price-container {
  width: 33%;
}

.general-service-view .time-to-complete-container {
  width: 32%;
}

.general-service-view .task-checkbox-button {
  padding-left: 18px;
}

.general-service-view .task-checkbox-button ul li {
  display: inline-block;
  list-style-type: none;
  width: 32%;
  padding: 10px;
}

.general-service-view .general-service-view__code {
  font-size: 30px;
  color: #51c57e;
  text-align: center;
}

@media (max-width: 768px) {
  .general-service-view .flow-container,
  .general-service-view .part-container,
  .general-service-view .price-container,
  .general-service-view .time-to-complete-container,
  .general-service-view .service-bucket-container {
    width: 100%;
  }

  .general-service-view .task-checkbox-button ul li {
    display: list-item !important;
    width: 100%;
    padding-bottom: 10px;
  }

  .general-service-view button.md-button {
    min-width: 82px;
  }

  .general-service-view .general-service-view__code {
    font-size: 20px;
  }
}

.general-service-view .general-service-view__remove-button {
  float: left;
  margin: 6px 8px;
}

/*$input-default-color: #FFEB3B;*/

.category-list__autocomplete {
  color: #51c57e !important;
}

.personal-service-list .personal-service-list__group-label-separator {
  border-top: 1px dashed #555;
  margin-bottom: 5px;
}

.personal-service-list .personal-service-list__group-label {
  color: #ccc;
  margin: 40px 0 15px 0;
}

.personal-service-list .personal-service-list__group-label-body {
  padding-left: 25px;
}

.personal-service-list .personal-service-list__actions {
  padding: 0 15px;
  text-align: center;
}

.personal-service-list .personal-service-list__switch {
  font-weight: bold;
  margin: 25px 10px;
}

@media (max-width: 425px) {
  .personal-service-list .personal-service-list__switch {
    position: inherit;
    padding: 0 10px;
    border-bottom: 1px solid #2d2d2d;
  }
}

.personal-service-list .personal-service-list__switch_enabled {
  color: white;
}

.personal-service-list .personal-service-list__switch_disabled {
  color: #777;
}

.personal-service-list .personal-service-list__node {
  margin: 30px 0;
}

.corporate-service-list .corporate-service-list__group-label-separator {
  border-top: 1px dashed #555;
  margin-bottom: 5px;
}

.corporate-service-list .corporate-service-list__group-label {
  color: #ccc;
  margin: 40px 0 15px 0;
}

.corporate-service-list .corporate-service-list__group-label-body {
  padding-left: 25px;
}

.corporate-service-list .corporate-service-list__actions {
  padding: 0 15px;
  text-align: center;
}

.corporate-service-list .corporate-service-list__switch {
  font-weight: bold;
  margin: 25px 10px;
}

@media (max-width: 425px) {
  .corporate-service-list .corporate-service-list__switch {
    position: inherit;
    padding: 0 10px;
    border-bottom: 1px solid #2d2d2d;
  }
}

.corporate-service-list .corporate-service-list__switch_enabled {
  color: white;
}

.corporate-service-list .corporate-service-list__switch_disabled {
  color: #777;
}

.corporate-service-list .corporate-service-list__node {
  margin: 30px 0;
}

.corporate-service-list:first-child .corporate-service-list__node {
  margin-top: 0;
}

.general-service-category-view {
  max-width: 800px !important;
}

.general-service-category-view .general-service-category-view__remove-button {
  float: left;
  margin: 6px 8px;
}

/*$input-default-color: #FFEB3B;*/

.custom-service-item {
  line-height: 28px;
  color: white;
  justify-content: space-around;
  align-items: center;
}

.custom-service-item .custom-service-item__name {
  flex-basis: 45%;
}

.custom-service-item .custom-service-item__price {
  flex-basis: 15%;
  padding-left: 15px;
}

.custom-service-item .custom-service-item__actions-remove {
  line-height: 23px;
}

.custom-service-item .custom-service-item__actions-remove:hover {
  background: transparent;
}

.custom-service-item .custom-service-item__switch {
  margin: 0;
  height: 28px;
  font-weight: bold;
}

.custom-service-item .custom-service-item__switch_enabled {
  color: white;
}

.custom-service-item .custom-service-item__switch_disabled {
  color: #777;
}

.custom-service-item .custom-service-item__switch_in-review {
  color: #eabe6a;
}

.custom-service-item .custom-service-item__remove-btn {
  display: flex;
  border-radius: 50%;
  min-width: 27px;
  min-height: 27px;
  width: 27px;
  margin: auto;
}

.custom-service-item .custom-service-item__remove-btn img {
  display: flex;
  margin: auto;
  width: 15px;
}

.custom-service-item .custom-service-item__remove-btn:hover {
  background-color: transparent;
  cursor: pointer;
}

.custom-service-item .custom-service-item__delete-btn {
  padding-top: 15px;
}

.custom-service-item .custom-service-item__delete-btn .md-button {
  width: 204px;
}

.custom-service-item .custom-service-item__underlying-text {
  color: #aaa;
  font-size: 12px;
  font-weight: normal;
}

.custom-service-item .custom-service-item__underlying-text.custom-service-item__underlying-text_custom {
  color: #51c57e;
}

.custom-service-category-item {
  line-height: 28px;
  color: white;
  display: flex;
}

.custom-service-category-item .custom-service-category-item__name {
  flex: 1 0 0;
}

.custom-service-category-item .custom-service-category-item__actions {
  display: flex;
}

.custom-service-category-item .custom-service-category-item__remove-btn {
  display: flex;
  border-radius: 50%;
  min-width: 22px;
  min-height: 22px;
  margin: auto;
}

.custom-service-category-item .custom-service-category-item__remove-btn img {
  display: flex;
  margin: auto;
  width: 12px;
}

.custom-service-category-item .custom-service-category-item__remove-btn:hover {
  background-color: transparent;
  cursor: pointer;
}

.custom-service-category-item .custom-service-category-item__underlying-text {
  color: #aaa;
  font-size: 12px;
  font-weight: normal;
}

.custom-service-category-item .custom-service-category-item__underlying-text.custom-service-category-item__underlying-text_custom {
  color: #51c57e;
}

/*$input-default-color: #FFEB3B;*/

.custom-service-node .custom-service-node__category {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  padding: 10px 25px;
  cursor: pointer;
  width: 100%;
  background-color: #423c37;
}

.custom-service-node .custom-service-node__service-container {
  margin: 30px 0;
}

.custom-service-node .custom-service-node__service-separator {
  height: 1px;
  background-color: #333;
}

.custom-service-node .custom-service-node__service {
  padding: 10px 25px;
  margin: 0;
}

.custom-service-node .custom-service-node__highlightable-item {
  cursor: pointer;
}

.custom-service-node .custom-service-node__highlightable-item:hover {
  background-color: rgba(75, 75, 75, .3);
}

.custom-service-node .custom-service-node__no-services-label {
  text-align: center;
  color: #aaa;
}

.custom-service-node.custom-service-node_main .custom-service-node__category {
  display: none;
}

.custom-service-node.custom-service-node_main .custom-service-node__service {
  color: #ffec92;
  font-weight: bold;
}

.custom-service-node .custom-service-node__actions {
  text-align: center;
}

.custom-service-category-view .custom-service-category-view__description {
  margin-top: 20px;
}

.custom-service-category-view .custom-service-category-view__name-error {
  margin-top: -32px;
  margin-left: 2px;
}

/*$input-default-color: #FFEB3B;*/

.general-service-bucket-view {
  max-width: 800px !important;
}

.general-service-bucket-view .general-service-bucket-view__remove-button {
  float: left;
  margin: 6px 8px;
}

.general-service-bucket-view .general-service-view-form__switch {
  margin: 20px 0;
}

.general-service-bucket-view .general-service-view-form__switch .md-checked .md-thumb {
  background-color: #51c57e;
}

.general-service-bucket-view .general-service-view-form__switch .md-checked .md-bar {
  background-color: rgba(81, 197, 126, .5);
}

.general-service-bucket-view .general-service-view-form__switch md-switch[disabled] .md-bar {
  background-color: #777;
}

.general-service-bucket-view .general-service-view-form__switch md-switch[disabled] .md-thumb {
  background-color: #c5c1c1;
}

.general-service-bucket-view .general-service-view-form__switch md-switch .md-thumb {
  background-color: #c5c1c1;
}

.general-service-bucket-view .general-service-view-form__switch .general-service-view-form__switch__label {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  padding-left: 3px;
}

.general-service-bucket-view .general-service-view-form__switch .general-service-view-form__switch__body {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  height: 25px;
}

.general-service-bucket-view .general-service-view-form__switch .general-service-view-form__switch__icon {
  color: #00aae5;
  height: 15px;
  width: 15px;
  font-size: small !important;
  margin-top: -8px;
  cursor: pointer;
}

/*$input-default-color: #FFEB3B;*/

.create-general-service-bucket .general-service-view-form__switch {
  margin: 20px 0;
}

.create-general-service-bucket .general-service-view-form__switch .md-checked .md-thumb {
  background-color: #51c57e;
}

.create-general-service-bucket .general-service-view-form__switch .md-checked .md-bar {
  background-color: rgba(81, 197, 126, .5);
}

.create-general-service-bucket .general-service-view-form__switch md-switch[disabled] .md-bar {
  background-color: #777;
}

.create-general-service-bucket .general-service-view-form__switch md-switch[disabled] .md-thumb {
  background-color: #c5c1c1;
}

.create-general-service-bucket .general-service-view-form__switch md-switch .md-thumb {
  background-color: #c5c1c1;
}

.create-general-service-bucket .general-service-view-form__switch .general-service-view-form__switch__label {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  padding-left: 3px;
}

.create-general-service-bucket .general-service-view-form__switch .general-service-view-form__switch__body {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  height: 25px;
}

.create-general-service-bucket .general-service-view-form__switch .general-service-view-form__switch__icon {
  color: #00aae5;
  height: 15px;
  width: 15px;
  font-size: small !important;
  margin-top: -8px;
  cursor: pointer;
}

.custom-services-page {
  max-width: 900px;
}

.custom-services-page md-tab-item {
  max-width: 220px !important;
}

.view-tool .view-tool__remove-button {
  float: left;
  margin: 6px 8px;
}

.bike-grid .bike-grid__owner {
  padding-top: 20px;
  font-size: 15px;
}

.bike-grid .bike-grid__bike-title {
  font-size: 14px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

.bike-grid .bike-grid__bike-sn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #ccc;
}

.bike-grid .bike-grid__price {
  position: absolute;
  bottom: 20px;
  right: 0;
  background-color: rgba(30, 30, 30, .7);
  color: white;
  font-weight: bold;
  padding: 5px;
}

.bike-grid .bike-grid__bike-status {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  padding-top: 10px;
}

.bike-grid .bike-grid__bike-status .broken {
  color: #ffd351;
  font-weight: bold;
  border-radius: 3px;
  vertical-align: middle;
}

.bike-grid .bike-grid__bike-status .used {
  color: #4caa77;
  font-weight: bold;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
}

.bike-grid .bike-grid__bike-status .in_transfer {
  color: #fcebb6;
  font-weight: bold;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
}

.view-uncoated-area {
  padding: 30px 20px;
  margin: 0 15px !important;
  max-width: none !important;
  border-radius: 0 !important;
  background: rgba(26, 26, 26, .9);
}

.view-uncoated-area .view-uncoated-area__label {
  color: white;
  margin-bottom: 4px;
}

.view-uncoated-area .view-uncoated-area__section {
  padding-bottom: 35px;
  margin: 8px;
}

.view-uncoated-area .view-uncoated-area__email {
  flex-basis: 75% !important;
}

.user-avatar-with-name {
  cursor: pointer;
  display: block;
}

.user-avatar-with-name .user-avatar-with-name__avatar {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 5px;
}

.user-avatar-with-name .user-avatar-with-name__avatar_no-user {
  cursor: auto;
}

.user-avatar-with-name .user-avatar-with-name__name {
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
  display: inline-block;
}

.user-avatar-with-name .user-avatar-with-name__name_no-user {
  color: #777;
  cursor: auto;
}

.user-avatar-with-name.user-avatar-with-name_full-width .user-avatar-with-name__name {
  max-width: 155px;
}

.user-avatar-with-name.user-avatar-with-name_width-100 .user-avatar-with-name__name {
  max-width: 100%;
}

/*$input-default-color: #FFEB3B;*/

.lp-mechanics-by-city {
  color: white;
}

.lp-mechanics-by-city .lp-mechanics-by-city__header-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lp-mechanics-by-city .lp-mechanics-by-city__header-logo-container {
  margin: 20px 0 0 20px;
  display: block;
}

.lp-mechanics-by-city .lp-mechanics-by-city__header-logo {
  width: 110px;
}

.lp-mechanics-by-city .lp-mechanics-by-city__title-container {
  max-width: 900px;
  margin: 30px auto;
  padding: 0 20px 20px 20px;
}

@media (max-width: 574px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__title-container {
    margin: 10px auto;
  }
}

.lp-mechanics-by-city .lp-mechanics-by-city__title {
  font-size: 27px;
  font-weight: normal;
  margin: 0;
}

@media (max-width: 574px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__title {
    font-size: 20px;
  }
}

.lp-mechanics-by-city .lp-mechanics-by-city__subtitle {
  font-size: 17px;
  font-weight: normal;
  margin: 0;
  color: #aaa;
}

@media (max-width: 574px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__subtitle {
    font-size: 12px;
  }
}

.lp-mechanics-by-city .lp-mechanics-by-city__header {
  height: 500px;
  position: relative;
}

.lp-mechanics-by-city .lp-mechanics-by-city__header-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lp-mechanics-by-city .lp-mechanics-by-city__header-background:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #09100e;
  opacity: .8;
}

.lp-mechanics-by-city .lp-mechanics-by-city__list {
  max-width: 900px;
  margin: 30px auto;
}

.lp-mechanics-by-city .lp-mechanics-by-city__list-title {
  color: white;
  text-align: center;
  font-size: 18px;
}

.lp-mechanics-by-city .lp-mechanics-by-city__process {
  margin: auto;
  padding: 0 10px;
  max-width: 975px;
}

@media (max-width: 984px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__process {
    max-width: 575px;
  }
}

.lp-mechanics-by-city .lp-mechanics-by-city__process-step-text {
  font-size: 15px;
  text-align: center;
  margin-top: 10px;
}

@media (max-width: 984px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__process-step-text {
    font-size: 12px;
  }
}

@media (max-width: 574px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__process-step-text {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
    text-align: left;
    margin-left: 10px;
    margin-top: 0;
  }
}

.lp-mechanics-by-city .lp-mechanics-by-city__process-step-container {
  width: 160px;
  height: 80px;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 984px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__process-step-container {
    width: 80px;
    height: 50px;
  }
}

@media (max-width: 574px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__process-step-container {
    width: 100%;
  }
}

.lp-mechanics-by-city .lp-mechanics-by-city__process-step-icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background-color: rgba(119, 119, 119, .3);
  position: relative;
  margin: auto;
}

@media (max-width: 984px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__process-step-icon-circle {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 574px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__process-step-icon-circle {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
  }
}

.lp-mechanics-by-city .lp-mechanics-by-city__process-step-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  height: 50%;
}

.lp-mechanics-by-city .lp-mechanics-by-city__process-arrow {
  vertical-align: middle;
  font-size: 30px;
  color: #777;
}

@media (max-width: 574px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__process-arrow {
    display: none;
  }
}

.lp-mechanics-by-city .lp-mechanics-by-city__location-input {
  max-width: 900px;
  margin: 120px auto 0 auto;
}

.lp-mechanics-by-city .lp-mechanics-by-city__location-input input {
  border-bottom-color: #ffec92 !important;
}

@media (max-width: 574px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__location-input {
    margin-top: 10px;
  }
}

.lp-mechanics-by-city .lp-mechanics-by-city__request-service-btn {
  position: relative;
  bottom: 3px;
  margin: 0 !important;
}

@media (max-width: 574px) {
  .lp-mechanics-by-city .lp-mechanics-by-city__request-service-btn {
    width: 100%;
  }
}

.lp-mechanics-by-city .lp-mechanics-by-city__map {
  padding: 5px;
}

.lp-mechanics-by-city .lp-mechanics-by-city__map .google-map {
  margin: 0;
  height: 600px;
}

.lp-mechanics-by-city .lp-mechanics-by-city__section-title {
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  margin: 0 0 10px 0;
}

.not-covered-location {
  color: white;
  margin: auto;
  max-width: 1200px;
  text-align: center;
}

.not-covered-location .not-covered-location__icon {
  margin: 50px 0;
  width: 200px;
}

.not-covered-location .not-covered-location__header {
  margin-top: 50px;
  font-size: 28px;
}

.not-covered-location .not-covered-location__subtitle {
  margin-top: 30px;
  color: #ccc;
  font-size: 22px;
}

.not-covered-location .not-covered-location__body {
  max-width: 600px;
  margin: 50px auto;
}

.not-covered-location .not-covered-location__button {
  font-size: 15px !important;
}

/*$input-default-color: #FFEB3B;*/

.notification-list {
  overflow: hidden;
  height: 100%;
  padding-top: 64px;
  position: relative;
}

.notification-list .notification-list__container-last-item {
  padding-bottom: 6px;
}

.notification-list .inet-connection-status {
  color: #999;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}

.notification-list .inet-status-connection-circular {
  display: inline-block;
  vertical-align: middle;
}

.notification-list .notification-list__content {
  overflow-y: auto;
  overflow-x: hidden;
  height: 95%;
  background-color: rgb(20, 20, 20);
}

.notification-list .notification-list__content::-webkit-scrollbar {
  width: 4px;
}

.notification-list .notification-list__content::-webkit-scrollbar-thumb {
  border-color: #333;
  background-color: #333;
}

.notification-list .notification-list__container {
  background-color: #333;
  margin: 8px;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.notification-list .notification-list__item {
  color: #e6e6e6;
  font-weight: normal;
}

.notification-list .notification-list__item_read {
  color: #858585;
  font-weight: normal;
}

.notification-list .notification-list__item_read md-icon {
  color: #858585;
}

.notification-list .notification-list__scroll-to-top {
  position: absolute;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  transform: translateY(0);
  transition: all .7s ease-in-out;
  z-index: 1000;
}

.notification-list .notification-list__scroll-to-top img {
  width: 45px;
  height: 45px;
}

.notification-list .notification-list__scroll-to-top_hidden {
  transform: translateY(200px);
  transition: all .7s ease-in-out;
  display: none;
}

.notification-list .notification-list__close-icon {
  color: #999;
  font-size: 25px;
}

.notification-list .notification-list__empty {
  color: #777;
  text-align: center;
  margin-top: 50px;
}

@media (max-width: 470px) {
  .notification-list {
    top: 0;
    border-radius: 0;
    max-height: 100%;
    text-align: left;
    left: 0;
    right: 0;
    padding-top: 0;
  }
}

@media (min-width: 471px) {
  .notification-list {
    width: 380px;
  }
}

.notification-message .notification-message__text-group-body {
  text-overflow: ellipsis;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-size: 14px;
  padding-top: 6px;
  max-width: 292px;
  max-height: 120px;
}

.notification-message .notification-message__unread-sign {
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background-color: yellow;
  display: inline-block;
}

.notification-message .notification-message__action {
  text-align: center;
}

.notification-message .notification-message__action-button {
  width: 100%;
  margin: 6px 0;
}

.notification-message .notification-message__text-group {
  padding: 10px;
  width: 71%;
}

.notification-message .notification-message__message {
  display: inline-block;
  vertical-align: sub;
  font-weight: normal;
  color: #a0a0a0;
}

.notification-message .notification-message__date-container {
  font-weight: normal;
  text-align: right;
}

.notification-message .notification-message__date {
  margin-left: 5px;
}

.notification-message .notification-message__date_active {
  color: #ccc;
}

.notification-message .notification-message__body {
  display: flex;
  padding-top: 7px;
  padding-bottom: 7px;
}

.notification-message .notification-message__title-image {
  margin: auto 5px;
}

.notification-message .notification-message__title-image img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.notification-message .notification-message__footer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #333;
  font-size: 13px;
  padding: 5px 10px;
  color: #888;
}

.notification-message .notification-message__additional-info {
  font-weight: bold;
}

.notification-message .notification-message__actions {
  line-height: 41px;
  max-width: 50px;
}

.notification-message .notification-message__actions-menu-icon {
  color: inherit;
}

.notification-message__actions-menu {
  border-radius: 2px;
}

.notification-message__actions-menu a:focus {
  background-color: rgba(107, 107, 107, .2) !important;
}

.notification-message__actions-menu:after,
.notification-message__actions-menu:before {
  bottom: 100%;
  left: 98%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.notification-message__actions-menu:after {
  border-bottom-color: #222;
  border-width: 13px;
  margin-left: -28px;
}

.notification-message__actions-menu:before {
  border-bottom-color: #222;
  border-width: 13px;
  margin-left: -28px;
}

.notification-message__actions-menu-button {
  line-height: 18px;
}

.notification-message__actions-menu-button-title {
  font-size: 15px;
}

.notification-message__actions-menu-button-description {
  font-size: 12px;
  color: #777;
}

.notification-toast {
  z-index: 5000;
  background: #565656 !important;
}

.notification-toast .notification-toast__btn-close md-icon {
  color: white;
}

.notification-toast .notification-toast__item {
  color: #e6e6e6;
  font-weight: normal;
}

@media (max-width: 470px) {
  .error-dialog {
    margin: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
  }
}

.error-dialog .error-dialog__image-icon {
  width: 140px;
}

@media (max-width: 470px) {
  .error-dialog .error-dialog__mobile-header {
    height: 50px;
    line-height: 30px;
  }
}

@media (min-width: 471px) {
  .error-dialog .error-dialog__mobile-header {
    display: none;
  }
}

@media (max-width: 470px) {
  .error-dialog .error-dialog__header {
    display: none;
  }
}

@media (max-width: 470px) {
  .error-dialog .error-dialog__footer {
    display: none;
  }
}

@media (max-width: 470px) {
  .error-dialog .error-dialog__body {
    width: 100%;
    word-wrap: break-word;
    position: fixed;
    overflow-y: auto;
  }

  .error-dialog .error-dialog__body::-webkit-scrollbar {
    width: 4px;
  }
}

.error-dialog .error-dialog__text {
  margin-top: 10px;
  font-size: 16px;
  color: #777;
}

.error-dialog .error-dialog__title {
  padding-top: 30px;
  font-size: 24px;
  color: #999;
}

.error-dialog .error-dialog__image {
  text-align: center;
}

.error-dialog li {
  padding: 3px 0;
}

@media (max-width: 599px) {
  .error-dialog .error-dialog__image-icon {
    width: 115px;
  }

  .error-dialog .error-dialog__title {
    font-size: 18px;
    text-align: center;
  }

  .error-dialog .error-dialog__text {
    font-size: 15px;
  }

  .error-dialog ul {
    padding: 5px 0 5px 23px;
  }
}

/*$input-default-color: #FFEB3B;*/

.maintenance-page {
  color: white;
  font-size: 18px;
}

.maintenance-page .maintenance-page__header {
  height: 64px;
  background-color: rgb(40, 40, 40);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.maintenance-page .maintenance-page__logo-container {
  height: 64px;
  width: 64px;
  display: inline-block;
}

.maintenance-page .maintenance-page__logo {
  margin: auto;
  height: 64px;
  width: 42px;
  background: url(https://assets.velotooler.com/dist/img/velotooler-logo-38e6d5f.png) center center no-repeat;
  background-size: contain;
  border-radius: 4px;
}

.maintenance-page .maintenance-page__body {
  max-width: 800px;
  margin: 50px auto;
  padding: 30px;
  background-color: rgb(35, 35, 35);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.maintenance-page .maintenance-page__icon-container {
  text-align: center;
  margin-top: 60px;
}

/*$input-default-color: #FFEB3B;*/

.vt-wizard {
  color: white;
}

.vt-wizard md-tabs-wrapper {
  display: none !important;
}

.vt-wizard .vt-wizard__body {
  position: relative;
  padding: 0 50px;
  margin: 0;
}

.vt-wizard .vt-wizard__mobile-navigation {
  border: none;
  display: none;
  background-color: rgb(55, 55, 55);
  width: 100%;
  height: 55px;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
}

.vt-wizard .vt-wizard__mobile-navigation .md-button {
  line-height: 43px !important;
}

.vt-wizard .vt-wizard_desktop-only {
  visibility: visible !important;
}

.vt-wizard .vt-wizard_mobile-only {
  visibility: hidden !important;
}

.vt-wizard .vt-wizard__back-button {
  left: -10px;
  position: absolute;
  top: 19px;
  background: none !important;
}

.vt-wizard .vt-wizard__back-button svg {
  fill: #aaa;
}

.vt-wizard .vt-wizard__head-text {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-top: 20px;
}

.vt-wizard .vt-wizard__step-dashes {
  height: 4px;
  margin: 24px 55px 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: #777;
}

.vt-wizard .vt-wizard__step-dash {
  background: rgb(25, 25, 25);
  height: 4px;
  margin: 0 -2px;
  position: relative;
  width: 4px;
}

.vt-wizard .vt-wizard__step-dash_active {
  background-color: #ffec92;
}

@media (max-width: 470px) {
  .vt-wizard .vt-wizard__mobile-navigation {
    display: block;
  }

  .vt-wizard .vt-wizard_desktop-only {
    visibility: hidden !important;
  }

  .vt-wizard .vt-wizard_mobile-only {
    visibility: visible !important;
  }

  .vt-wizard .vt-wizard__back-button {
    left: -5px;
    top: 13px;
  }

  .vt-wizard .vt-wizard__head-text {
    font-size: 25px;
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 20px;
  }

  .vt-wizard .vt-wizard__body {
    padding: 0 5px;
  }
}

/*$input-default-color: #FFEB3B;*/

.bicycle-step .bicycle-step__item-sign {
  width: 6px;
  height: 6px;
  border-radius: 5px;
  vertical-align: top;
}

.bicycle-step .bicycle-step__item-new-sign {
  background-color: #51c57e;
}

.bicycle-step .bicycle-step__menu {
  display: inline-block;
}

.bicycle-step .bicycle-step__menu-item:hover {
  background-color: #2d2d2d;
  box-shadow: 14px 4px 10px rgba(31, 31, 31, .5);
}

.bicycle-step .bicycle-step__menu-item {
  display: inline-block;
  text-overflow: ellipsis;
  outline: none;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  padding: 0 20px;
  border-bottom: 2px solid #666;
  font-size: 16px;
  color: #666;
  height: 45px;
  line-height: 45px;
}

@media (max-width: 350px) {
  .bicycle-step .bicycle-step__menu-item {
    padding: 0 10px;
  }
}

.bicycle-step .bicycle-step__menu-item_selected {
  background-color: #222;
  border-bottom: 2px solid white !important;
  font-weight: 500;
}

.bicycle-step .bicycle-step__menu-item_selected span {
  color: white;
}

.bicycle-step .bicycle-step__list {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 345px;
  background-color: rgb(25, 25, 25);
}

.bicycle-step .bicycle-step__list::-webkit-scrollbar {
  width: 5px;
  background-color: #666;
}

.bicycle-step .bicycle-step__list::-webkit-scrollbar-thumb {
  background-color: #444;
}

.bicycle-step .bicycle-step__item-container {
  padding-right: 1rem;
  padding-bottom: .5rem;
}

.bicycle-step .bicycle-step__item-container_last {
  padding-bottom: 0;
}

.bicycle-step .bicycles-step__select-icon {
  border: none;
  margin: auto;
}

@media (max-width: 470px) {
  .bicycle-step .bicycles-step__select-icon {
    width: 25px;
    height: 25px;
  }
}

@media (min-width: 471px) {
  .bicycle-step .bicycles-step__select-icon {
    width: 30px;
    height: 30px;
  }
}

.bicycle-step .bicycle-step__item-sn-label {
  font-size: 14px;
}

.bicycle-step .bicycle-step__item-description-label {
  color: #f5f5f5;
}

.bicycle-step .bicycle-step__item-description-sn {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@media (max-width: 470px) {
  .bicycle-step .bicycle-step__item-description-sn {
    max-width: 150px;
  }
}

@media (min-width: 471px) and (max-width: 650px) {
  .bicycle-step .bicycle-step__item-description-sn {
    max-width: 180px;
  }
}

@media (min-width: 651px) {
  .bicycle-step .bicycle-step__item-description-sn {
    max-width: 200px;
  }
}

.bicycle-step .bicycle-step__item-sn-name {
  background-color: #ffec92;
  font-weight: 500;
  color: black !important;
  border-radius: 2px;
  padding: 1px 3px;
  margin-left: 5px;
  font-size: 13px;
}

.bicycle-step .bicycle-step__item-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  margin: auto;
}

.bicycle-step .bicycle-step__item-description {
  font-weight: normal;
  flex: 26 0 0;
  margin: auto auto auto 15px;
}

.bicycle-step .bicycle-step__item {
  border-radius: .5rem;
  background-color: rgb(35, 35, 35);
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
  margin: auto;
  flex: 1 0 0;
  cursor: pointer;
}

@media (max-width: 470px) {
  .bicycle-step .bicycle-step__item {
    padding: 5px 10px;
  }
}

@media (min-width: 471px) {
  .bicycle-step .bicycle-step__item {
    padding: 10px 20px;
  }
}

.bicycle-step .bicycle-step__item:hover {
  background-color: rgb(45, 45, 45);
}

.bicycle-step .station-autocomplete {
  background-color: transparent;
  border-bottom: 1px solid #555;
}

.bicycle-step .station-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}

.bicycle-step .station-autocomplete input {
  color: white;
  padding: 0 4px !important;
}

.bicycle-step .station-autocomplete input::-webkit-input-placeholder {
  color: #ababaa !important;
}

.bicycle-step .station-autocomplete input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ababaa !important;
}

.bicycle-step .station-autocomplete input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ababaa !important;
}

.bicycle-step .station-autocomplete input:-moz-placeholder {
  /* Firefox 18- */
  color: #ababaa !important;
}

.bicycle-step .station-autocomplete button path {
  fill: white !important;
}

.bicycle-step .station-autocomplete md-list-item img {
  border: 1px solid #333;
}

.bicycle-step .station-autocomplete input[type=search] {
  font-weight: 400;
  font-size: 16px;
}

.bicycle-step .bicycle-step__empty-bike-list {
  text-align: center;
  padding: 60px 0;
}

.bicycle-step .bicycle-step__items-not-found-icon {
  width: 160px;
}

.bicycle-step .bicycle-step__items-not-found-title {
  padding-top: 30px;
  font-size: 24px;
  color: #999;
}

.bicycle-step .bicycle-step__items-not-found-text {
  font-size: 16px;
  color: #777;
  padding-top: 20px;
}

.bicycle-step .bicycle-step__close-icon {
  position: absolute;
  right: 13px;
  top: 9px;
  width: 13px;
  height: 13px;
}

.md-autocomplete-suggestions li {
  border-bottom: 1px solid #222;
}

ul.md-autocomplete-suggestions li:hover {
  color: #777;
}

.md-autocomplete-suggestions-container.md-default-theme li,
.md-autocomplete-suggestions-container li {
  color: #777;
}

.autocomplete-item {
  height: 100%;
  position: relative;
}

.autocomplete-item .bike-label {
  color: #cac5c5;
}

.autocomplete-item .item__icon {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  display: block;
  border: 1px solid #333;
}

.autocomplete-item .icon--left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.autocomplete-item .item__text {
  line-height: 40px;
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
}

.autocomplete-item .item__text span {
  margin-right: 10px;
}

.autocomplete-item .item__text--icon-left-margin {
  margin-left: 35px;
}

.autocomplete-item .organisation-type-label {
  padding-right: 10px;
}

.autocomplete-item .organisation-label {
  background-color: #51c57e;
  border-radius: 3px;
  color: black;
  font-weight: 500;
  padding: 0 3px;
  text-decoration: none;
}

/*$input-default-color: #FFEB3B;*/

.choose-mechanic-step .choose-mechanic-step__item-container {
  padding: 5px;
}

.choose-mechanic-step .choose-mechanic-step__item {
  position: relative;
  background-color: rgb(35, 35, 35);
  min-height: 240px;
  cursor: pointer;
}

.choose-mechanic-step .choose-mechanic-step__item:hover {
  background-color: rgb(45, 45, 45);
}

.choose-mechanic-step .choose-mechanic-step__img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.choose-mechanic-step .choose-mechanic-step__item-text {
  color: white;
}

.choose-mechanic-step .choose-mechanic-step__type {
  margin-top: 8px;
}

.choose-mechanic-step .choose-mechanic-step__type_individual {
  color: #51c57e;
}

.choose-mechanic-step .choose-mechanic-step__type_mobile {
  color: #eb5757;
}

.choose-mechanic-step .choose-mechanic-step__type_shop {
  color: #43a6f9;
}

.choose-mechanic-step .choose-mechanic-step__item-reviews {
  font-size: 12px;
  color: #aaa;
}

.choose-mechanic-step .choose-mechanic-step__type-icon {
  height: 12px;
}

.choose-mechanic-step .choose-mechanic-step__type-description {
  font-weight: normal;
  font-size: 13px;
}

.choose-mechanic-step .choose-mechanic-step__action-button-container {
  text-align: center;
  margin-top: 22px;
}

.choose-mechanic-step .choose-mechanic-step__action-button {
  border-top: 1px solid rgb(55, 55, 55);
  border-radius: 0;
}

.choose-mechanic-step .choose-mechanic-step__item-stars {
  margin-top: 8px;
}

.choose-mechanic-step .choose-mechanic-step__price {
  position: absolute;
  right: 15px;
  top: 15px;
  font-weight: bold;
  font-size: 18px;
}

.choose-mechanic-step .choose-mechanic-step__price--height {
  color: #eb5757;
}

.choose-mechanic-step .choose-mechanic-step__select-icon {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 30px;
  height: 30px;
}

.choose-mechanic-step .choose-mechanic-step__item-avatar {
  padding-top: 50px;
  text-align: center;
}

.choose-mechanic-step .choose-mechanic-step__item-body {
  display: block;
  margin-top: 16px;
  text-align: center;
}

.create-request-warning .create-request-warning__title {
  font-size: 24px;
  color: #999;
  padding: 4px 0;
}

@media (max-width: 470px) {
  .create-request-warning .create-request-warning__title {
    font-size: 16px;
    color: #c3c3c3;
    padding: 4px 0;
  }
}

.create-request {
  display: flex;
}

.create-request.create-request_checkout-stage {
  height: max-content;
  min-height: 300px;
}

.create-request.create-request_checkout-stage .create-request__main-section {
  max-width: 0;
  opacity: 0;
  -webkit-transition: max-width 250ms ease-in-out;
          transition: max-width 250ms ease-in-out;
  height: 0;
}

.create-request.create-request_checkout-stage .create-request__checkout-btn {
  visibility: visible;
}

.create-request.create-request_checkout-stage .create-request__summary-back-button {
  visibility: visible;
}

.create-request.create-request_checkout-stage .create-request__summary-footer {
  border-top: 1px solid rgb(45, 45, 45);
}

.create-request.create-request_checkout-stage .create-request__summary-section {
  max-width: 700px;
  display: block;
  max-height: none;
}

.create-request.create-request_payment-stage .create-request__payment-details {
  transform: translate3d(0, -410px, 0);
  z-index: 4;
}

.create-request.create-request_payment-stage .create-request__summary-body {
  height: 300px;
  opacity: 0;
}

.create-request .create-request_desktop-only {
  visibility: visible !important;
}

.create-request .create-request_mobile-only {
  visibility: hidden !important;
}

.create-request .create-request__input-with-icon {
  position: relative;
  padding-left: 30px;
}

.create-request .create-request__input-icon {
  position: absolute;
  left: 8px;
  top: 25%;
  transform: translateY(-20%);
  font-size: 26px;
  color: #999;
}

.create-request .create-request__summary-footer {
  text-align: center;
  padding: 10px 0;
}

.create-request .create-request__checkout-btn {
  width: 150px !important;
  visibility: hidden;
}

.create-request .create-request__checkout-btn.create-request__checkout-btn_active {
  visibility: visible;
}

.create-request .create-request__task-context-item-container {
  margin: 10px;
}

.create-request .create-request__task-context-close-icon {
  background-color: rgba(30, 30, 30, .3);
  border-radius: 50%;
  font-size: 11px;
  padding: 3px 4px;
  color: #222;
  margin-left: 5px;
}

.create-request .create-request__task-item {
  margin-bottom: 5px;
  margin-top: 5px;
}

.create-request .create-request__task-context-item {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 15px;
  background-color: rgba(81, 197, 126, .4);
  cursor: pointer;
}

.create-request .create-request__task-context-item:hover {
  background-color: rgba(81, 197, 126, .5);
}

.create-request .request-card {
  background-color: rgb(35, 35, 35);
}

.create-request .select-available-time-card-content {
  background: none !important;
}

.create-request .create-request__body {
  position: relative;
  margin: 0;
}

.create-request .create-request__main-section {
  flex-basis: 800px;
  max-width: 800px;
  visibility: visible;
  -webkit-transition: opacity 0s linear 250ms, max-width 250ms ease-in-out;
          transition: opacity 0s linear 250ms, max-width 250ms ease-in-out;
  /*-webkit-transform: translateZ(0);
  transform: translateZ(0);*/
}

.create-request .create-request__summary-section {
  max-width: 400px;
  min-width: 400px;
  margin: 0 auto;
  width: 100%;
  -webkit-transition: max-width 250ms ease-in-out;
          transition: max-width 250ms ease-in-out;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media (max-width: 1200px) {
  .create-request .create-request__summary-section {
    max-width: 300px;
    min-width: 300px;
  }
}

.create-request .create-request__mobile-navigation {
  border: none;
  display: none;
  width: 100%;
  height: 55px;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  z-index: 78;
  -webkit-overflow-scrolling: touch;
}

.create-request .create-request__mobile-navigation .md-button {
  line-height: 43px !important;
}

.create-request .create-request__summary {
  width: 100%;
  background-color: rgb(35, 35, 35);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.create-request .create-request__summary-header {
  background-color: rgba(255, 255, 0, .1);
  padding: 0 20px 20px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
  max-height: 400px;
  -webkit-transition: max-height 250ms ease-in-out;
          transition: max-height 250ms ease-in-out;
}

.create-request .create-request__price-view {
  justify-content: space-around;
}

.create-request .create-request__label_gray {
  color: #ccc;
  font-size: 14px;
}

.create-request .create-request__summary-body {
  padding: 20px;
  font-size: 15px;
}

.create-request .create-request__payment-details {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -620px;
  padding: 20px;
  height: 620px;
  background-color: rgb(35, 35, 35);
  transition: transform cubic-bezier(.25, .8, .25, 1) .5s;
}

.create-request .create-request__summary-h2 {
  font-size: 17px;
  font-weight: bold;
  color: #999;
  margin-top: 10px;
  margin-bottom: 10px;
}

.create-request .create-request__summary-mechanic-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.create-request .create-request__summary-edit-button {
  min-width: 28px !important;
  margin: 0 !important;
  color: #999;
  background: none;
  border: none;
}

.create-request .create-request__summary-edit-button i {
  font-size: 23px;
}

.create-request .create-request__summary-mechanic {
  border-bottom: 1px solid rgb(55, 55, 55);
  padding-bottom: 10px;
}

.create-request .create-request__address-details-field.collapsible-field_active {
  overflow: visible;
}

.create-request .create-request__section {
  margin-bottom: 10px;
}

.create-request .create-request__section-title {
  position: relative;
}

.create-request .create-request__section-title:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background-color: #ffec92;
  width: 150px;
  top: 55%;
}

.create-request .create-request__section-body-icon {
  margin: auto;
  padding: 0 !important;
}

.create-request .create-request__section-body {
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.create-request .create-request__section-body:hover {
  background-color: rgb(45, 45, 45);
}

.create-request .create-request__section-title-text {
  background-color: rgb(35, 35, 35);
  z-index: 3;
  padding-right: 15px;
  display: inline-block;
  position: relative;
  color: #aaa;
}

.create-request .create-request__summary-icon {
  color: #777;
  margin-right: 5px;
  font-size: 17px;
}

.create-request .create-request__head-text {
  text-align: left;
}

.create-request .create-request__estimated-time {
  color: #ccc;
  margin-top: 5px;
  font-size: 15px;
}

.create-request .create-request__summary-back-button {
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 25px;
  height: 25px;
}

.create-request .create-request__summary-back-button svg {
  fill: #aaa;
}

.create-request .create-request__summary-back-btn-container {
  background-color: rgba(255, 255, 0, .1);
  padding: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.create-request .create-request__back-button {
  left: -10px;
  position: absolute;
  top: 19px;
  background: none !important;
}

.create-request .create-request__back-button svg {
  fill: #aaa;
}

.create-request .choose-task-button {
  white-space: normal;
  font-size: 14px !important;
  text-align: left;
  padding: 10px !important;
  border-radius: 4px;
  color: white !important;
  width: 100%;
  text-transform: none !important;
  margin: 0 !important;
}

.create-request .choose-task-button.active {
  color: #51c57e !important;
}

.create-request .choose-task-button:hover {
  background-color: rgba(70, 70, 70, .3);
}

.create-request .create-request__desc {
  color: #ccc;
  font-size: 1.2em;
}

.create-request .md-padding {
  padding-bottom: 10px;
}

.create-request.vt-form {
  background: none;
  box-shadow: none;
  max-width: 1200px !important;
}

.create-request md-input-container.title h2 {
  text-align: center;
}

.create-request .show-animation.ng-hide-add {
  -webkit-animation: .3s hide;
          animation: .3s hide;
}

@keyframes hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  30% {
    transform: scale(1.02);
  }

  100% {
    opacity: 0;
    transform: scale(.5);
  }
}

@-webkit-keyframes hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  30% {
    transform: scale(1.02);
  }

  100% {
    opacity: 0;
    transform: scale(.5);
  }
}

.create-request .show-animation.ng-hide-remove {
  -webkit-animation: .3s show;
          animation: .3s show;
}

@keyframes show {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  70% {
    transform: scale(1.02);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  70% {
    transform: scale(1.02);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.create-request .choose-bike md-autocomplete {
  min-width: auto;
}

.create-request .choose-bike .autocomplete {
  width: 100%;
}

.create-request .choose-bike .bikes-grid {
  margin: 0;
}

.create-request .choose-bike .bikes-grid .bike {
  max-width: 100%;
  flex-basis: 100%;
  padding: 10px;
  border-bottom: 1px solid #333;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 4px;
}

.create-request .choose-bike .bikes-grid .bike .bike_status {
  background-color: transparent;
}

.create-request .choose-bike .bikes-grid .bike .serial-number {
  color: #6f6f6f;
}

.create-request .choose-bike .bike:hover,
.create-request .choose-bike .bike.active {
  background: rgba(200, 200, 200, .12);
}

.create-request .pagination-buttons {
  width: 100%;
}

.create-request form .card-item {
  padding: 5px;
  margin: 5px;
  white-space: nowrap;
}

.create-request form .card-item .card-owner {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.create-request form .card-item .md-button {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1000px) {
  .create-request .create-request_desktop-only {
    visibility: hidden !important;
  }

  .create-request .create-request__mobile-floating-btn {
    width: 100%;
    margin: 0 !important;
    height: 100%;
    border-radius: 0;
  }

  .create-request .create-request__summary-back-btn-container {
    border-radius: 0;
  }

  .create-request .create-request__summary {
    background-color: rgb(25, 25, 25);
    border-radius: 0;
    box-shadow: none;
  }

  .create-request .create-request__payment-details {
    background-color: rgb(25, 25, 25);
  }

  .create-request .create-request__section-title-text {
    background-color: rgb(25, 25, 25);
  }

  .create-request .create-request_mobile-only {
    visibility: visible !important;
  }

  .create-request .create-request__summary-section {
    max-width: 0;
    min-width: 0;
    max-height: 0;
  }

  .create-request .create-request__summary-footer {
    height: 50px;
  }

  .create-request .create-request__checkout-btn {
    display: none;
  }

  .create-request .create-request__back-button {
    left: -18px;
    top: -22px;
  }

  .create-request .create-request__body {
    padding: 0;
  }

  .create-request .create-request__head-text {
    font-size: 25px;
    margin-top: 10px;
  }

  .create-request .create-request__desc {
    margin: 0 0 20px 0;
  }

  .create-request .create-request__mobile-navigation {
    display: block;
  }

  .create-request.create-request_payment-stage .create-request__payment-details {
    transform: translate3d(0, -540px, 0);
    z-index: 4;
  }

  .create-request.create-request_payment-stage .create-request__summary-body {
    height: 450px;
    opacity: 0;
  }
}

/*$input-default-color: #FFEB3B;*/

div[dashboard-requests="'history'"] .invisible {
  display: none;
}

.requests .linked-row {
  line-height: normal;
  margin: 0 0 10px 0;
  padding: 10px 0;
  text-align: left;
  border-bottom: 1px solid rgb(45, 45, 45);
  white-space: normal;
}

.requests .linked-row:hover {
  background-color: rgb(45, 45, 45) !important;
}

.requests .rg__request-notification-budget {
  position: absolute;
  top: -1px;
  right: 0;
  padding: 0px 6px;
  border: 1px solid #5d5d5d;
}

.requests .rg__request-status {
  background: none;
  width: 100%;
  text-align: center;
  position: relative;
}

.requests .rg__request-status .open,
.requests .rg__request-status .draft,
.requests .rg__request-status .awaiting-customer-confirmation {
  background-color: #667b9c;
  color: black;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: .9em;
}

.requests .rg__request-status .awaiting-customer-confirmation {
  font-size: .8em;
}

.requests .rg__request-status .resolved {
  background-color: #e27f37;
  color: black;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: .9em;
}

.requests .rg__request-status .done,
.requests .rg__request-status .refunded,
.requests .rg__request-status .reassigned,
.requests .rg__request-status .awaiting-confirmation {
  background-color: #d1a713;
  color: black;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: .9em;
}

.requests .rg__request-status .in-progress {
  background-color: #2c9a57;
  color: black;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: .9em;
}

.requests .rg__request-status .pending,
.requests .rg__request-status .ready-for-reassign {
  background-color: #d1a713;
  color: black;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: .9em;
}

.requests .rg__request-status .expired {
  background-color: #3a3a3a;
  color: white;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: .9em;
}

.requests .rg__request-status .canceled,
.requests .rg__request-status .could-not-be-fixed,
.requests .rg__request-status .charge-failed,
.requests .rg__request-status .rejected {
  background: rgba(156, 69, 67, .87);
  color: white;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: .9em;
}

.requests .rg__request-status .in-dispute,
.requests .rg__request-status .transfer-failed,
.requests .rg__request-status .refund-failed {
  background: rgba(154, 34, 32, .78);
  color: white;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: .9em;
}

.requests .cancel-button {
  box-sizing: border-box;
  border: 1px solid #444;
  color: #999;
  border-radius: 6px;
  font-size: .8em;
  min-height: auto;
  height: auto;
  line-height: 2em;
  margin: 0;
}

.request-grid {
  display: flex;
  flex-flow: row wrap;
  padding: 0 15px;
}

.request-grid .price-per-bike__label {
  font-size: 11px;
  font-weight: 100;
  padding-top: 5px;
  color: #ffec92;
  text-align: center;
}

.request-grid .rg__row {
  display: flex;
  flex-flow: row nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.request-grid .rg__col {
  display: flex;
  flex: auto;
  align-self: center;
  color: white;
  overflow: hidden;
  padding: 0 5px;
  margin: 5px auto;
}

.request-grid .rg__title-col {
  color: #aaa;
}

.request-grid .rg__title {
  display: none;
  padding: 20px 0;
  justify-content: center;
  font-size: 13px;
  border-bottom: 1px solid #444;
}

.request-grid .rg__title .rg__col--dates,
.request-grid .rg__title .rg__col--bicycle {
  flex-flow: row wrap;
}

.request-grid .rg__date,
.request-grid .rg__bike {
  margin: 5px auto;
}

.request-grid .rg__dates-dropdown,
.request-grid .rg__bikes-dropdown {
  position: relative;
  overflow: hidden;
  padding-bottom: 1rem;
}

.request-grid .rg__dates-dropdown .rg__dates-dropdown--list,
.request-grid .rg__dates-dropdown .rg__bikes-dropdown--list,
.request-grid .rg__bikes-dropdown .rg__dates-dropdown--list,
.request-grid .rg__bikes-dropdown .rg__bikes-dropdown--list {
  max-height: calc(1rem + 5px * 2);
}

.request-grid .rg__dates-dropdown .rg__dropdown-button,
.request-grid .rg__bikes-dropdown .rg__dropdown-button {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
}

.request-grid .rg__dates-dropdown--opened .rg__dates-dropdown--list,
.request-grid .rg__dates-dropdown--opened .rg__bikes-dropdown--list,
.request-grid .rg__bikes-dropdown--opened .rg__dates-dropdown--list,
.request-grid .rg__bikes-dropdown--opened .rg__bikes-dropdown--list {
  max-height: 50rem;
}

.request-grid .rg__dates-dropdown--opened .rg__dates-dropdown--list .rg__date,
.request-grid .rg__dates-dropdown--opened .rg__dates-dropdown--list .rg__bike,
.request-grid .rg__dates-dropdown--opened .rg__bikes-dropdown--list .rg__date,
.request-grid .rg__dates-dropdown--opened .rg__bikes-dropdown--list .rg__bike,
.request-grid .rg__bikes-dropdown--opened .rg__dates-dropdown--list .rg__date,
.request-grid .rg__bikes-dropdown--opened .rg__dates-dropdown--list .rg__bike,
.request-grid .rg__bikes-dropdown--opened .rg__bikes-dropdown--list .rg__date,
.request-grid .rg__bikes-dropdown--opened .rg__bikes-dropdown--list .rg__bike {
  white-space: normal;
}

.request-grid .rg__dates-dropdown--opened .rg__dropdown-button--arrow-down span,
.request-grid .rg__bikes-dropdown--opened .rg__dropdown-button--arrow-down span {
  transform: rotate(0deg);
}

.request-grid .rg__dates-dropdown--list,
.request-grid .rg__bikes-dropdown--list {
  overflow: hidden;
}

.request-grid .rg__dates-dropdown--list .rg__date,
.request-grid .rg__dates-dropdown--list .rg__bike,
.request-grid .rg__bikes-dropdown--list .rg__date,
.request-grid .rg__bikes-dropdown--list .rg__bike {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.request-grid .rg__dropdown-button {
  display: none;
  font-size: .7rem;
  background: none;
  text-decoration: none;
}

.request-grid .rg__dropdown-button--arrow-down span {
  display: inline-block;
  transform: rotate(180deg);
  transition: transform .2s ease-out;
}

.request-grid .rg__col--status {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  flex: 0 0 auto;
}

.request-grid .rg__col--dates,
.request-grid .rg__col--bicycle {
  flex-flow: column nowrap;
}

.request-grid .rg__col--button {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  flex: 0 0 auto;
}

.request-grid .rg__item {
  flex: 0 0 50%;
  min-width: 260px;
  margin: 0 auto;
}

.request-grid .rg__item .request__label {
  color: #666;
  text-transform: none;
}

.request-grid .rg__item .request-content__label {
  text-transform: none;
}

.request-grid .rg__row--display-block {
  display: block;
  margin: 0;
}

.request-grid .rg__col--vertical-flow {
  flex-flow: column nowrap;
  align-items: left;
}

.request-grid .rg--bottom-margin {
  margin-bottom: 5px;
}

.request-grid .rg__col--deadline {
  flex: 0 0 auto;
}

.request-grid .rg__task {
  text-align: left;
}

.request-grid .rg__mechanic {
  text-align: left;
}

.request-grid .rg__address {
  text-align: left;
}

.request-grid .rg__col--first {
  flex: 1 1 60%;
}

.request-grid .rg__col--second {
  flex: 0 0 auto;
}

.request-grid .rg--desktop {
  display: none;
  min-height: 65px;
}

.request-grid .rg__request-status,
.request-grid .rg__request-status-title {
  min-width: 140px;
  width: 140px;
}

@media (min-width: 644px) {
  .request-grid div.rg__item:last-child:not(:nth-child(odd)) {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .request-grid .rg__col--bicycle {
    display: none;
  }
}

@media (min-width: 768px) {
  .request-grid {
    flex-flow: column nowrap;
  }

  .request-grid .rg__item {
    flex: auto;
    margin: 0;
  }

  .request-grid .rg__title {
    display: flex;
  }

  .request-grid .rg__col {
    align-self: flex-start;
    margin-top: auto;
    margin-bottom: auto;
  }

  .request-grid .rg__col--task {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 33%;
    flex: 1 1 33%;
    padding-left: 10px;
  }

  .request-grid .rg__col--mechanic {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 33%;
    flex: 1 1 33%;
  }

  .request-grid .rg__col--address {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 33%;
    flex: 1 1 33%;
  }

  .request-grid .rg__col--dates {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 33%;
    flex: 1 1 33%;
  }

  .request-grid .rg__col--bicycle {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 33%;
    flex: 1 1 33%;
  }

  .request-grid .rg__col--price {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 7em;
    flex: 1 1 100px;
  }

  .request-grid .rg--desktop {
    display: flex;
  }

  .request-grid .rg--mobile {
    display: none;
  }
}

/*$input-default-color: #FFEB3B;*/

.request-rate-dialog .rating-label {
  line-height: 20px;
  vertical-align: middle;
}

.request-rate-dialog .angular-input-stars,
.request-rate-dialog .request-rate-dialog__item-fab {
  vertical-align: middle;
}

@media (max-width: 470px) {
  .request-rate-dialog {
    margin: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
    overflow: hidden;
  }
}

@media (max-width: 470px) {
  .request-rate-dialog .request-rate-dialog__header {
    display: none;
  }
}

@media (max-width: 470px) {
  .request-rate-dialog .request-rate-dialog__mobile-header {
    height: 50px;
    line-height: 30px;
  }
}

@media (min-width: 471px) {
  .request-rate-dialog .request-rate-dialog__mobile-header {
    display: none;
  }
}

@media (max-width: 470px) {
  .request-rate-dialog .request-rate-dialog__body {
    position: fixed;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
  }

  .request-rate-dialog .request-rate-dialog__body::-webkit-scrollbar {
    width: 4px;
  }
}

@media (max-width: 470px) {
  .request-rate-dialog .request-rate-dialog__footer {
    display: none;
  }
}

@media (max-width: 470px) {
  .request-rate-dialog .request-rate-dialog__mobile-footer {
    position: fixed;
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
  }
}

@media (min-width: 471px) {
  .request-rate-dialog .request-rate-dialog__mobile-footer {
    display: none;
  }
}

@media (max-width: 470px) {
  .request-rate-dialog .request-rate-dialog__mobile-footer.request-rate-dialog__user-rate {
    background: #ffec92;
    display: block;
    height: 50px;
  }
}

.request-rate-dialog .request-rate-dialog__user-btn {
  color: #222 !important;
  width: 100%;
  margin: 0;
  height: 100%;
}

.request-rate-dialog .request-rate-dialog__mobile-footer-menu {
  position: fixed;
  -webkit-overflow-scrolling: touch;
  width: 16%;
  border-top: 1px solid #585858;
}

.request-rate-dialog .request-rate-dialog__mobile-footer-menu-open-btn {
  text-align: center;
  width: 100%;
  margin: 0;
  height: 100%;
  min-height: 100%;
  padding: 13px 0;
}

.request-rate-dialog .request-rate-dialog__mobile-footer-btn {
  margin: 0 !important;
  border-radius: 0;
  height: 50px;
  position: relative;
  width: 84%;
  left: 16%;
  font-size: 13px;
  color: #4a4a4a;
}

@media (min-width: 600px) {
  .request-rate-dialog {
    min-width: 465px;
  }
}

.request-rate-dialog .angular-input-stars > li .active {
  color: #ffec92;
}

.request-rate-dialog .request-rate-dialog__item {
  padding: 0 20px;
}

@media (min-width: 600px) {
  .request-rate-dialog .request-rate-dialog__item {
    line-height: 51px;
    height: 55px;
  }
}

@media (max-width: 599px) {
  .request-rate-dialog .request-rate-dialog__item {
    line-height: 35px;
  }
}

.request-rate-dialog .request-rate-dialog__item-fab {
  float: right;
  line-height: 47px;
}

.request-rate-dialog .request-rate-dialog__item-fab__icon {
  line-height: 29px;
  height: 26px;
  width: 26px;
  font-size: 18px;
  border-radius: 21px;
  color: #bbb;
  cursor: pointer;
  background-color: rgba(70, 70, 70, .5);
}

.request-rate-dialog .request-rate-dialog__item-fab__icon:before {
  padding-left: 7px;
}

.request-rate-dialog__mobile-footer-menu-content {
  overflow-y: hidden !important;
  position: fixed;
  -webkit-overflow-scrolling: touch;
  left: 0 !important;
  width: 100%;
  height: 25%;
  bottom: 0;
  max-height: max-content;
  background: #222;
}

.request-rate-dialog__mobile-footer-menu-content md-menu-item {
  min-height: 60px;
  height: 60px;
  margin: 0 5px;
}

.request-rate-dialog__mobile-footer-menu-btn {
  font-weight: 400;
  background-color: rgb(78, 78, 78) !important;
  height: 48px;
  max-height: 48px;
  color: white !important;
}

.request-rate-dialog__mobile-footer-menu-btn span {
  color: white !important;
}

.request-flow__container .request-flow__row {
  display: flex;
  align-items: center;
}

.request-flow__container .request-flow__row .request-flow__row-number {
  flex: 1 0 50px;
  max-width: 50px;
  width: 50px;
  text-align: center;
}

.request-flow__container .request-flow__row .request-flow__row-number .row-number__label {
  width: 30px;
  height: 30px;
  border: 2px solid #4caa77;
  border-radius: 50%;
  line-height: 27px;
  margin: 0 10px;
  color: #4caa77;
}

.request-flow__container .request-flow__row .request-flow__row-number:after,
.request-flow__container .request-flow__row .request-flow__row-number:before {
  background-color: #4caa77;
  content: "";
  display: inline-block;
  height: 30px;
  width: 2px;
  position: relative;
  vertical-align: middle;
}

.request-flow__container .request-flow__row .request-flow__row-line {
  flex: 1 0 0;
  padding-left: 15px;
}

.task-flow-form md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: #f5f5f5 !important;
}

/*$input-default-color: #FFEB3B;*/

.request-info-tab .request-info-tab__info-message {
  margin: auto;
  display: flex;
  padding: 8px 7px 8px 41px;
  color: #ffec92;
}

.request-info-tab .request-info-tab__request-time {
  margin: 0 17px;
}

@media (min-width: 341px) and (max-width: 470px) {
  .request-info-tab {
    font-size: 15px;
  }
}

@media (max-width: 340px) {
  .request-info-tab .request-info-tab__request-time-value {
    font-size: 13px;
  }

  .request-info-tab .request-info__approval-time-actions-decline,
  .request-info-tab .request-info__approval-time-actions-offer {
    font-size: 12px;
  }
}

.request-info-tab .request-info-tab__label {
  color: #888;
}

@media (max-width: 768px) {
  .request-info-tab .request-info-tab__label {
    padding-bottom: 15px;
  }
}

.request-info-tab .request-info-tab__underlying-text {
  font-size: 12px;
  font-weight: normal;
  color: #51c57e;
}

.request-info-tab .request-info-tab__label_padding-bottom0 {
  padding-bottom: 0;
}

.request-info-tab .customer-receipt {
  float: right;
  margin-right: 27px !important;
  color: white;
}

.request-info-tab .customer-receipt .receipt-icon {
  width: 23px;
  padding: 4px 0;
  vertical-align: middle;
}

.request-info-tab .customer-receipt:not([disabled]):hover {
  background-color: rgb(34, 34, 34);
}

.request-info-tab .component-label {
  color: #777;
  font-size: 14px;
}

.request-info-tab .request-info .request-info__approval-time-text {
  padding: 17px;
  color: #fff;
  font-weight: 500;
  line-height: 21px;
}

.request-info-tab .request-info .request-info__approval-time_yellow {
  color: #ffec92;
}

@media (max-width: 470px) {
  .request-info-tab .request-info .request-info__approval-time-actions-agree {
    width: 100%;
    margin: 7px 0;
    border-radius: 0;
    line-height: 35px;
    min-height: 35px;
    z-index: 5;
  }
}

@media (max-width: 470px) {
  .request-info-tab .request-info .request-info__approval-time-actions-offer,
  .request-info-tab .request-info .request-info__approval-time-actions-decline {
    width: 100%;
    margin: 7px 0;
    border-radius: 0;
    z-index: 5;
  }
}

.request-info-tab .request-info .request-info__approval-time {
  background-color: rgba(50, 50, 50, .5);
  padding: 20px;
}

@media (min-width: 471px) {
  .request-info-tab .request-info .request-info__approval-time {
    padding-bottom: 0;
  }
}

.request-info-tab .request-info .request-info__approval-time-actions {
  text-align: right;
  border-top: 1px solid #444;
}

.request-info-tab .request-info .request-info__user-notes {
  margin: 0;
}

.request-info-tab .request-info .show-more-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: -5px;
}

.request-info-tab .request-info .show-more-btn .show-bikes-button {
  padding: 0 8px;
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.request-info-tab .request-info .rg__bike-count {
  font-size: 14px;
}

.request-info-tab .request-info .bike-list-label {
  line-height: 41px;
}

.request-info-tab .request-info .request-bike-status {
  line-height: 2.5;
  font-size: 11px;
  padding: 1px 5px;
  border-radius: 3px;
  margin-left: 30px;
}

.request-info-tab .request-info .request-bike-status i {
  margin-right: 5px;
}

.request-info-tab .request-info .request-bike-status i.fa-check-circle {
  margin-right: 9px;
}

.request-info-tab .request-info .request-bike-status.fixed {
  color: black;
  background-color: #51c57e;
}

.request-info-tab .request-info .request-bike-status.open {
  color: white;
  background-color: #134f5c;
}

.request-info-tab .request-info md-input-container.search-bike-by-sn-container .md-errors-spacer {
  min-height: 0;
  min-width: 0;
}

.request-info-tab .request-info .rg__bike-mechanic {
  font-size: 14px;
  padding: 0 0 0 35px;
}

.request-info-tab .request-info .rg__bike-mechanic-label {
  color: #777;
}

.request-info-tab .request-info .rg__bike-mechanic-name {
  font-weight: 500;
  color: #ffec92;
}

.request-info-tab .request-info .rg__chat {
  display: inline-block;
  border: 1px solid #333;
  border-radius: 5px;
  margin-left: 5px;
  padding: 5px;
  color: #aaa;
}

.request-info-tab .request-info .rg__chat-icon {
  color: #ffec92;
}

.request-info-tab .request-info .request-bike-list .rg__bike {
  background-color: rgba(70, 70, 70, .3);
  margin: 3px 0 0;
  padding: 5px 15px 5px 15px;
  position: relative;
}

.request-info-tab .request-info .request-bike-list .rg__group-request-button-container {
  display: inline-block;
}

.request-info-tab .request-info .request-bike-list .rg__bike-action-buttons {
  padding: 0;
}

.request-info-tab .request-info .request-bike-list .rg__bike-mechanic-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  padding: 16px;
}

.request-info-tab .request-info .request-bike-list .show-bike-link-container {
  padding-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.request-info-tab .request-info .request-bike-list .show-bike-link-container .show-bike-link {
  font-size: .9em;
  line-height: 2.5;
}

.request-info-tab .request-info .request-bike-list .vt-link {
  color: white;
  font-size: 14px;
  line-height: 35px;
}

.request-info-tab .request-info .request-bike-list .bike-components-link {
  padding-left: 0;
  padding-right: 5px;
  text-align: left;
}

.request-info-tab .request-info .request-bike-list .bike-status {
  padding-right: 0;
}

.request-info-tab .request-info .request-bike-list .bike-status .fix-btn {
  min-height: 15px;
  line-height: 19px;
}

.request-info-tab .request-info .request-bike-list .bike-status .fix-btn[disabled] {
  border: none;
}

@media (max-width: 470px) {
  .request-info-tab .request-info .bike-status .fix-btn {
    min-width: 85px;
  }

  .request-info-tab .request-info .request-bike-list .vt-link {
    font-size: 12px;
  }

  .request-info-tab .request-info .request-bike-list .request-bike-status {
    font-size: 12px;
  }

  .request-info-tab .request-info .filter-placeholder {
    font-size: 14px;
  }

  .request-info-tab .request-info .review-row {
    font-size: 14px;
    word-wrap: break-word;
  }
}

@media (max-width: 880px) {
  .request-info-tab .request-info .show-more-btn .show-bikes-button {
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  .request-info-tab .additional-services .additional-services__label {
    text-align: center;
    padding-bottom: 15px;
  }
}

.request-info-tab .additional-services .additional-services__item .additional-services__item__icon {
  line-height: 33px;
}

.request-info-tab .additional-services .additional-services__item .additional-services__item__label {
  border: 1px solid #222;
  padding: 6px;
  border-radius: 8px;
  margin-bottom: 6px;
}

.request-info-tab .request-info-tab__request-time-label {
  color: #aaa;
  padding-bottom: 5px;
}

.request-info-tab .request-info-tab__request-time-value {
  font-weight: bold;
}

@media (min-width: 341px) and (max-width: 470px) {
  .request-info-tab .request-info-tab__request-time-value {
    font-size: 14px;
  }
}

.rg__user-avatar {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 5px;
}

.rg__user-avatar-container {
  cursor: pointer;
  display: block;
}

.rg__user-avatar-group {
  display: inline-block;
}

.rg__user-phone {
  margin-left: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 30px;
}

.rg__mechanic-phone {
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 30px;
}

.rg__components-dropdown--opened .rg__dropdown-button--arrow-down span {
  transform: rotate(135deg);
}

.rg__dropdown-button--arrow-down {
  padding-right: 15px;
  cursor: pointer;
}

.rg__dropdown-button--arrow-down span {
  display: inline-block;
  transform: rotate(-45deg);
  transition: transform .2s ease-out;
}

.negotiation-card {
  margin-top: 15px;
}

.negotiation-card .negotiation-title {
  padding-top: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 36px;
}

.negotiation-card .negotiation-card__feedback-stars {
  vertical-align: middle;
  color: white;
}

.negotiation-card .negotiation-card__label {
  color: #888;
  font-size: 15px;
}

.negotiation-card .negotiation-card__show-chat-btn {
  float: none;
  clear: both;
  padding-top: 10px;
}

.negotiation-card .negotiation-card__data {
  color: white;
  font-size: 15px;
  font-weight: bold;
}

.negotiation-card .negotiation-card__status.request-status {
  font-size: 13px;
  padding: 1px 5px;
  margin-right: 10px;
  font-weight: bold;
}

.negotiation-card .negotiation-card__fixed-bikes-count {
  font-size: 14px;
  color: white;
  line-height: 30px;
}

.negotiation-card .negotiation-card__connection-indicator {
  position: absolute;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #07ff07;
  top: 36px;
  left: 35px;
  border: 3px solid #191919;
}

@media (max-width: 470px) {
  .negotiation-card .negotiation-card__connection-indicator {
    left: 27px;
  }
}

.negotiation-card .negotiation-card-avatar {
  display: inherit;
}

@media (max-width: 470px) {
  .negotiation-card .negotiation-card__history {
    position: initial !important;
  }
}

@media (max-width: 470px) {
  .negotiation-card .negotiation-card__header {
    padding: 10px 0 !important;
  }
}

.negotiation-card .negotiation-card__footer {
  position: inherit !important;
}

/*$input-default-color: #FFEB3B;*/

.request-availability md-virtual-repeat-container {
  height: 155px;
  width: 100%;
}

.request-availability md-virtual-repeat-container .md-virtual-repeat-scroller {
  background: none;
}

.request-availability md-virtual-repeat-container .md-virtual-repeat-scroller::-webkit-scrollbar {
  display: none;
}

.request-availability .md-orient-horizontal .md-virtual-repeat-scroller {
  overflow-x: hidden !important;
}

.request-availability .request-availability__dates {
  position: relative;
}

.request-availability .request-availability__dates-btn {
  margin: 0 !important;
  min-width: 0 !important;
  height: 120px !important;
  width: 36px;
  border-radius: 0;
  position: absolute;
  top: 3px;
  background-color: rgb(55, 55, 55);
  z-index: 1;
}

.request-availability .request-availability__dates-btn:hover {
  background-color: rgb(65, 65, 65) !important;
}

.request-availability .request-availability__dates-btn i {
  font-size: 20px;
  color: white;
}

.request-availability .request-availability__dates-btn_left {
  left: 0;
}

.request-availability .request-availability__dates-btn_right {
  right: 0;
}

.request-availability .request-availability__date-container {
  padding-bottom: 35px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 4px;
}

.request-availability .request-availability__date-container:hover .request-availability__date-remove {
  display: block;
}

.request-availability .request-availability__date-container:hover .request-availability__date:after {
  width: 100%;
  background: #ffec92;
}

.request-availability .request-availability__date {
  background-color: rgba(70, 70, 70, .3);
  font-size: 20px;
  width: 90px;
  text-align: center;
  cursor: pointer;
}

.request-availability .request-availability__date:after {
  content: "";
  display: block;
  margin: auto;
  height: 3px;
  width: 0;
  background: transparent;
  transition: width .2s ease, background-color .2s ease;
}

.request-availability .request-availability__date-remove {
  position: absolute;
  color: white;
  bottom: 0;
  left: 0;
  font-size: 15px;
  width: 100%;
  padding: 4px;
  display: none;
  cursor: pointer;
  text-align: center;
}

.request-availability .request-availability__date-remove-icon {
  background-color: rgba(239, 83, 80, .7);
  border-radius: 50%;
  font-size: 11px;
  padding: 3px 4px;
  color: #191919;
}

.request-availability .request-availability__date_selected {
  background-color: rgba(81, 197, 126, .3);
}

.request-availability .request-availability__date_selected .request-availability__day-of-week-label {
  background-color: rgb(81, 197, 126);
  color: white;
}

.request-availability .request-availability__date_focused:after {
  width: 100%;
  background: #ffec92;
}

.request-availability .request-availability__day-of-week-label {
  font-size: 13px;
  color: #ccc;
  text-align: center;
  padding: 7px 0;
  background-color: #444;
}

.request-availability .request-availability__day-body {
  padding: 9px;
}

.request-availability .request-availability__day {
  display: inline-block;
  font-size: 20px;
}

.request-availability .request-availability__year {
  font-size: 13px;
  padding-top: 3px;
}

.request-availability .request-availability__month {
  font-size: 11px;
  display: inline-block;
  text-transform: uppercase;
}

.request-availability .request-availability__date-availability {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  display: inline-block;
}

.request-availability .request-availability__date-availability_morning {
  background-color: #32b67a;
}

.request-availability .request-availability__date-availability_afternoon {
  background-color: #f8892c;
}

.request-availability .request-availability__date-availability_evening {
  background-color: #4285f6;
}

.request-availability .request-availability__day-periods {
  margin-top: 10px;
}

.request-availability .request-availability__time-slots.ng-hide {
  opacity: 0;
}

.request-availability .request-availability__time-slots.ng-hide-remove {
  transition: all linear .5s;
}

.request-availability .request-availability__time-slot-item {
  display: inline-block;
}

.request-availability .request-availability__time-slot-item .md-button:hover {
  color: #333 !important;
}

.request-availability .request-availability__time-slot-item_selected .md-button {
  background-color: #51c57e !important;
}

.request-availability .request-availability__time-slot-item_non-selected .md-button {
  background-color: #999 !important;
}

.request-availability .request-availability__day-period {
  padding: 20px 0 20px 10px;
  border-bottom: 1px solid rgb(35, 35, 35);
  cursor: pointer;
}

.request-availability .request-availability__day-period:hover {
  background-color: rgb(40, 40, 40);
}

.request-availability .request-availability__day-period_selected {
  background-color: #222;
  border-left: 1px solid #51c57e;
}

.request-availability .request-availability__day-period-color {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: top;
  margin-top: 5px;
  margin-right: 10px;
  border-radius: 100%;
}

.request-availability .request-availability__day-period-color_morning {
  border: 2px solid #32b67a;
}

.request-availability .request-availability__day-period-color_afternoon {
  border: 2px solid #f8892c;
}

.request-availability .request-availability__day-period-color_evening {
  border: 2px solid #4285f6;
}

.request-availability .request-availability__day-period-info {
  display: inline-block;
}

.request-availability .request-availability__day-period_name {
  font-weight: bold;
  font-size: 18px;
}

.request-availability .request-availability__day-period_hours {
  color: #999;
  font-size: 13px;
}

/*$input-default-color: #FFEB3B;*/

.appointment-date-dialog {
  max-width: 822px;
  width: inherit;
}

.appointment-date-dialog .appointment-date-dialog__info {
  background-color: rgba(220, 91, 91, .65);
  padding: 20px;
  margin: 0 0 20px 0;
}

@media (max-width: 470px) {
  .appointment-date-dialog .appointment-date-dialog__info {
    font-size: 14px;
  }
}

@media (min-width: 471px) {
  .appointment-date-dialog .appointment-date-dialog__info {
    font-size: 15px;
  }
}

/*$input-default-color: #FFEB3B;*/

@media (max-width: 470px) {
  .confirm-appointment-date-dialog {
    margin: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
  }
}

@media (max-width: 470px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__header {
    display: none;
  }
}

@media (max-width: 470px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__header-mobile {
    height: 50px;
    line-height: 30px;
    padding: 10px 13px;
  }
}

@media (min-width: 471px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__header-mobile {
    display: none;
  }
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__header-mobile-close-btn {
  position: fixed;
  -webkit-overflow-scrolling: touch;
  right: 16px;
  top: 16px;
}

@media (max-width: 470px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__body {
    position: fixed;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 470px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__footer {
    display: none;
  }
}

@media (max-width: 470px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
  }
}

@media (min-width: 471px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__mobile-footer {
    display: none;
  }
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__mobile-footer-menu {
  position: fixed;
  -webkit-overflow-scrolling: touch;
  width: 16%;
  border-top: 1px solid #585858;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__mobile-footer-menu-open-btn {
  text-align: center;
  width: 100%;
  margin: 0;
  height: 100%;
  min-height: 100%;
  padding: 13px 0;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__mobile-footer-btn {
  margin: 0 !important;
  border-radius: 0;
  height: 50px;
  position: relative;
  width: 84%;
  left: 16%;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-avatar {
  flex: 4 0 0;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

@media (min-width: 600px) and (max-width: 650px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-avatar {
    flex: 3 0 0;
  }
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user,
.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-description-bike {
  display: flex;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-description-bike {
  padding: 10px;
  align-items: center;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-description-bikes {
  border-top: 1px solid #373737;
  padding: 2px;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-description-bike-img img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-description-bike-name {
  margin: 8px;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-fullname {
  flex: 1 0 0;
  font-weight: 500;
  color: #eaeaea;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-mechanic-category {
  flex: 2 0 0;
  margin-top: 4px;
}

@media (max-width: 360px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-mechanic-category {
    line-height: 20px;
  }
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-info {
  display: flex;
  flex-direction: column;
  flex: 9 0 0;
  padding: 6px 0;
}

@media (max-width: 360px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-info {
    line-height: 25px;
  }
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-mechanic-category_individual {
  color: #51c57e;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-mechanic-category_mobile {
  color: #eb5757;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-mechanic-category_shop {
  color: #43a6f9;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-mechanic-category-icon {
  height: 12px;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-mechanic-category-description {
  font-weight: normal;
  font-size: 13px;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-description {
  padding: 5px 0;
  line-height: 21px;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-description-service {
  color: #ffec92;
  padding-bottom: 20px;
  font-weight: bold;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-description-time {
  font-weight: bold;
  color: #ffec92;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-view-btn {
  color: #aaa;
  vertical-align: middle;
  font-size: 12px;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-view-btn-icon {
  width: 13px;
}

.confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-view-container {
  font-weight: bold;
  margin-top: 8px;
  text-align: left;
  padding: 0;
  color: white;
  flex: 19 0 0;
}

@media (min-width: 361px) and (max-width: 650px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-view-container {
    flex: 5 0 0;
  }
}

@media (max-width: 360px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-view-container {
    margin-top: 0;
  }
}

@media (min-width: 600px) and (max-width: 650px) {
  .confirm-appointment-date-dialog .confirm-appointment-date-dialog__body-user-view-container {
    flex: 10 0 0;
  }
}

.confirm-appointment-date-dialog__mobile-footer-menu-content {
  overflow-y: hidden !important;
  position: fixed;
  -webkit-overflow-scrolling: touch;
  left: 0 !important;
  width: 100%;
  height: 25%;
  bottom: 0;
  max-height: max-content;
  background: #222;
}

.confirm-appointment-date-dialog__mobile-footer-menu-content md-menu-item {
  min-height: 60px;
  height: 60px;
  margin: 0 5px;
}

.confirm-appointment-date-dialog__mobile-footer-menu-btn {
  font-weight: 400;
  background-color: rgb(78, 78, 78) !important;
  height: 48px;
  max-height: 48px;
  color: white !important;
}

.confirm-appointment-date-dialog__mobile-footer-menu-btn span {
  color: white !important;
}

/*$input-default-color: #FFEB3B;*/

@media (max-width: 470px) {
  .confirmation-additional-booking-dialog {
    margin: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
  }
}

@media (max-width: 470px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__header {
    display: none;
  }
}

@media (max-width: 470px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__header-mobile {
    height: 50px;
    line-height: 30px;
    padding: 10px 13px;
  }
}

@media (min-width: 471px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__header-mobile {
    display: none;
  }
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__header-mobile-close-btn {
  position: fixed;
  -webkit-overflow-scrolling: touch;
  right: 16px;
  top: 16px;
}

@media (max-width: 470px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body {
    position: fixed;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 470px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__footer {
    display: none;
  }
}

@media (max-width: 470px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
  }
}

@media (min-width: 471px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__mobile-footer {
    display: none;
  }
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__mobile-footer-menu {
  position: fixed;
  -webkit-overflow-scrolling: touch;
  width: 16%;
  border-top: 1px solid #585858;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__mobile-footer-menu-open-btn {
  text-align: center;
  width: 100%;
  margin: 0;
  height: 100%;
  min-height: 100%;
  padding: 13px 0;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__mobile-footer-btn {
  margin: 0 !important;
  border-radius: 0;
  height: 50px;
  position: relative;
  width: 84%;
  left: 16%;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-avatar {
  flex: 4 0 0;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

@media (min-width: 600px) and (max-width: 650px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-avatar {
    flex: 3 0 0;
  }
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user {
  display: flex;
  padding: 5px 0 15px 0;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-fullname {
  flex: 1 0 0;
  font-weight: 500;
  color: #eaeaea;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-mechanic-category {
  flex: 2 0 0;
  margin-top: 4px;
}

@media (max-width: 360px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-mechanic-category {
    line-height: 20px;
  }
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-info {
  display: flex;
  flex-direction: column;
  flex: 9 0 0;
  padding: 6px 0;
}

@media (max-width: 360px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-info {
    line-height: 25px;
  }
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-mechanic-category_individual {
  color: #51c57e;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-mechanic-category_mobile {
  color: #eb5757;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-mechanic-category_shop {
  color: #43a6f9;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-mechanic-category-icon {
  height: 12px;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-mechanic-category-description {
  font-weight: normal;
  font-size: 13px;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-description {
  padding: 5px 0;
  line-height: 21px;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-description-service {
  color: #ffec92;
  padding-bottom: 20px;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-description-time {
  font-weight: bold;
  color: #ffec92;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-view-btn {
  color: #aaa;
  vertical-align: middle;
  font-size: 12px;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-view-btn-icon {
  width: 13px;
}

.confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-view-container {
  font-weight: bold;
  margin-top: 8px;
  text-align: left;
  padding: 0;
  color: white;
  flex: 19 0 0;
}

@media (min-width: 361px) and (max-width: 650px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-view-container {
    flex: 5 0 0;
  }
}

@media (max-width: 360px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-view-container {
    margin-top: 0;
  }
}

@media (min-width: 600px) and (max-width: 650px) {
  .confirmation-additional-booking-dialog .confirmation-additional-booking-dialog__body-user-view-container {
    flex: 10 0 0;
  }
}

.confirmation-additional-booking-dialog__mobile-footer-menu-content {
  overflow-y: hidden !important;
  position: fixed;
  -webkit-overflow-scrolling: touch;
  left: 0 !important;
  width: 100%;
  height: 25%;
  bottom: 0;
  max-height: max-content;
  background: #222;
}

.confirmation-additional-booking-dialog__mobile-footer-menu-content md-menu-item {
  min-height: 60px;
  height: 60px;
  margin: 0 5px;
}

.confirmation-additional-booking-dialog__mobile-footer-menu-btn {
  font-weight: 400;
  background-color: rgb(78, 78, 78) !important;
  height: 48px;
  max-height: 48px;
  color: white !important;
}

.confirmation-additional-booking-dialog__mobile-footer-menu-btn span {
  color: white !important;
}

.mechanic-service-node .mechanic-service-node__category {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  padding: 10px 25px;
  width: 100%;
  background-color: #423c37;
}

.mechanic-service-node .mechanic-service-node__service-container {
  margin: 30px 0;
}

.mechanic-service-node .mechanic-service-node__service-separator {
  height: 1px;
  background-color: #333;
}

.mechanic-service-node .mechanic-service-node__service {
  padding: 10px 25px;
  margin: 0;
}

.mechanic-service-node .mechanic-service-node__highlightable-item {
  cursor: pointer;
}

.mechanic-service-node .mechanic-service-node__highlightable-item:hover {
  background-color: rgba(75, 75, 75, .3);
}

.mechanic-service-node .mechanic-service-node__no-services-label {
  text-align: center;
  color: #aaa;
}

.mechanic-service-node.mechanic-service-node_main .mechanic-service-node__category {
  display: none;
}

.mechanic-service-node.mechanic-service-node_main .mechanic-service-node__service {
  color: #ffec92;
  font-weight: bold;
}

.mechanic-service-node .mechanic-service-node__actions {
  text-align: center;
}

@media (max-width: 470px) {
  .vtform__header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgb(55, 55, 55);
    height: 64px;
    overflow: hidden;
  }
}

@media (min-width: 471px) {
  .vtform__header {
    display: inline-block;
  }
}

@media (max-width: 470px) {
  .vtform__header .vtform__header-back-btn {
    position: absolute;
    float: left;
    height: 44px;
    left: 5px;
    top: 11px;
  }

  .vtform__header .vtform__header-back-btn .md-button {
    float: none !important;
  }

  .vtform__header .vtform__header-back-btn .md-button svg {
    width: 30px;
  }
}

@media (min-width: 471px) {
  .vtform__header .vtform__header-back-btn {
    display: inline-block;
    vertical-align: middle;
  }
}

.vtform__header .vtform__header-title {
  display: inline-block;
  margin: 0;
  color: #aaa;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@media (max-width: 470px) {
  .vtform__header .vtform__header-title {
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 4px;
    float: left;
    height: 64px;
    position: absolute;
    left: 65px;
    top: 22px;
    width: 80%;
  }
}

@media (min-width: 471px) {
  .vtform__header .vtform__header-title {
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    margin: 0 15px;
    font-size: 1.6em;
  }
}

@media (max-width: 470px) {
  .vtform__body {
    position: fixed;
    top: 90px;
    overflow-y: auto;
    height: 425px;
    padding: 10px;
  }

  .vtform__body::-webkit-scrollbar {
    width: 4px;
  }
}

@media (max-width: 470px) {
  .vtform__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
  }
}

@media (min-width: 471px) {
  .vtform__footer {
    text-align: right;
    padding-bottom: 15px;
  }
}

@media (max-width: 470px) {
  .vtform__footer .vtform__footer-submit-btn {
    color: #222 !important;
    width: 100%;
    text-transform: uppercase !important;
    margin: 0 !important;
    border-radius: 0;
    height: 50px;
  }
}

@media (min-width: 471px) {
  .vtform {
    color: #f5f5f5;
    background-color: #232323;
    border-radius: 2px;
    max-width: 600px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding: 15px 25px;
  }
}

.vt-prefixed-input {
  padding: 2px;
  margin-bottom: 18px;
}

.vt-prefixed-input .vt-prefixed-input__prefix {
  border-right: 0;
  color: #a5a5a5;
  text-align: center;
  border-bottom: 1px solid #ffec92;
  white-space: nowrap;
  vertical-align: middle;
  padding: 4px 1px;
}

@media (max-width: 590px) {
  .vt-prefixed-input .vt-prefixed-input__prefix {
    display: none;
  }
}

.vt-prefixed-input .vt-prefixed-input__body {
  padding-bottom: 7px !important;
  padding-top: 3px !important;
}

.vt-prefixed-input .vt-prefixed-input__label {
  transform: translate3d(0, 3px, 0) scale(.9) !important;
}

@media (max-width: 470px) {
  .img-upload-dialog {
    margin: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
  }
}

@media (max-width: 470px) {
  .img-upload-dialog .img-upload-dialog__header {
    display: none;
  }
}

.img-upload-dialog .img-upload-dialog__mobile-header {
  display: block;
  padding: 15px 17px;
}

@media (min-width: 471px) {
  .img-upload-dialog .img-upload-dialog__mobile-header {
    display: none;
  }
}

@media (max-width: 470px) {
  .img-upload-dialog .img-upload-dialog__body {
    position: fixed;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .img-upload-dialog .img-upload-dialog__body::-webkit-scrollbar {
    width: 4px;
  }
}

@media (max-width: 470px) {
  .img-upload-dialog .img-upload-dialog__footer {
    display: none;
  }
}

@media (max-width: 470px) {
  .img-upload-dialog .img-upload-dialog__mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 471px) {
  .img-upload-dialog .img-upload-dialog__mobile-footer {
    display: none;
  }
}

.img-upload-dialog .img-upload-dialog__mobile-footer-btn {
  margin: 0 !important;
  border-radius: 0;
  height: 50px;
  position: relative;
  width: 100%;
  left: 0;
  font-size: 18px;
  font-weight: bold;
  color: #4a4a4a;
}

@media (max-width: 470px) {
  .img-upload-dialog .img-upload-dialog__upload-indicator {
    text-align: center;
    color: #3e3e3e;
    font-weight: 500;
    font-size: 15px;
    line-height: 53px;
    background: #ffec92;
  }
}

.vt-modal-menu {
  display: flex;
  height: 100%;
}

.vt-modal-menu .vt-modal-menu__btn {
  background-color: #373737;
  padding: 12px;
  border-radius: 0;
  flex: 1;
  height: 100%;
}

.vt-modal-menu .vt-modal-menu__main-btn {
  flex: 8;
  border-radius: 0;
  height: 100%;
}

.vt-modal-menu .vt-modal-menu__content {
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  width: 100%;
  bottom: 0;
  z-index: 100;
}

.vt-modal-menu .vt-modal-menu__content .md-button {
  color: white;
  padding: 13px 16px;
  text-decoration: none;
  display: block;
  border-radius: 0;
  background: #3f3f3f;
}

.vt-modal-menu .vt-modal-menu__content .md-button:hover {
  background-color: #464646;
}

.vt-alert.vt-alert_info {
  background-color: #e8fffe;
  border-color: #4dc0b5;
  color: #0d3331;
}

.vt-alert.vt-alert_warning {
  background-color: #fff5eb;
  border-color: #f6993f;
  color: #462a16;
}

.vt-alert.vt-alert_error {
  background-color: #fcebea;
  border-color: #e3342f;
  color: #3b0d0c;
}

.vt-alert.vt-alert_success {
  background-color: #e3fcec;
  border-color: #38c172;
  color: #0f2f21;
}

/*$input-default-color: #FFEB3B;*/

.chat {
  width: 100%;
  color: #434651;
}

.chat .inet-connection-status {
  padding: 6px 0 0 0;
  color: #999;
  font-size: 14px;
  text-align: center;
}

.chat .inet-status-connection-circular {
  display: inline-block;
  vertical-align: middle;
}

.chat .chat__header-about {
  float: left;
  padding-left: 10px;
  line-height: 25px;
}

.chat .chat__header-with {
  font-weight: bold;
  font-size: 16px;
  color: #f5f5f5;
}

.chat .chat__header-about-connection-status {
  padding: 0 10px;
  color: #999;
}

.chat .chat__header {
  background-color: rgb(35, 35, 35);
}

.chat .chat__header img {
  float: left;
  max-width: 50px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

@media (max-width: 470px) {
  .chat .chat__header {
    font-size: 12px;
    padding: 0 3px;
    flex: 8 0 0;
    margin: auto;
  }

  .chat .chat__header img {
    max-width: 40px;
    width: 40px;
    height: 40px;
  }
}

.chat .chat__history-image {
  display: inline-block;
  padding: 3px;
}

.chat .chat__history-image img {
  cursor: pointer;
  width: 120px;
  height: 120px;
}

.chat .chat__history-message {
  display: inline-block;
  color: white;
  padding: 8px 10px 1px 10px;
  line-height: 16px;
  font-size: 14px;
  border-radius: 7px;
  margin-bottom: 5px;
  max-width: 400px;
}

.chat .chat__history-message:after {
  bottom: 100%;
  left: 7%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-left: -10px;
}

@media (max-width: 470px) {
  .chat .chat__history-message {
    max-width: 182px;
  }
}

@media (min-width: 471px) and (max-width: 672px) {
  .chat .chat__history-message {
    max-width: 275px;
  }
}

.chat .chat__history-message-datetime {
  color: #777;
  text-align: right;
  padding: 5px;
  font-size: .8em;
}

.chat .chat__history-message-user {
  font-weight: bold;
}

.chat .chat__history-message-user-name {
  max-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: initial;
}

.chat .chat__history-message-user-type {
  color: #777;
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 10px;
  vertical-align: middle;
  display: inline-block;
}

.chat .chat__history-message-my {
  background: #effdde;
  color: black;
  margin-left: auto;
}

.chat .chat__history-message-other {
  background: white;
  margin-right: auto;
  color: black;
}

.chat .user-name {
  color: seagreen;
}

.chat .user-name_admin {
  color: rgba(0, 0, 0, .77);
}

.chat .user-name_bike_organization_owner {
  color: cadetblue;
}

.chat .user-name_bike_business_supervisor {
  color: #a695e7;
}

.chat .user-name_mechanic {
  color: lightcoral;
}

.chat .user-name_team_manager {
  color: cadetblue;
}

.chat .chat__history {
  background-image: url(https://assets.velotooler.com/dist/img/background-for-chat-1ee56d8.jpg);
  background-size: cover;
  padding: 30px 30px 20px;
  overflow-y: scroll;
  height: 450px;
}

.chat .chat__history ul {
  padding-left: 0;
}

.chat .chat__history li {
  list-style-type: none;
  word-wrap: break-word;
}

@media (max-width: 470px) {
  .chat .chat__history {
    padding: 10px 30px 10px;
    overflow-y: scroll;
    max-height: 100%;
    position: fixed;
    top: 58px;
    height: 553px;
    right: 0;
    left: 0;
    bottom: 117px;
  }
}

.chat .chat__back-btn {
  flex: 1 0 0;
  margin: auto;
  text-align: left;
}

.chat .chat__input-panel-text::-webkit-input-placeholder {
  color: #212121;
  padding-left: .7em;
}

.chat .chat__input-panel-text:-ms-input-placeholder {
  color: #212121;
  padding-left: .7em;
}

.chat .chat__input-panel-text:-moz-placeholder {
  color: #212121;
  opacity: 1;
  padding-left: .7em;
}

.chat .chat__input-panel-text::-moz-placeholder {
  color: #212121;
  opacity: 1;
  padding-left: .7em;
}

.chat .chat__input-panel-text:focus::-webkit-input-placeholder {
  color: transparent;
}

.chat .chat__input-panel-text:focus::-moz-placeholder {
  color: transparent;
}

.chat .chat__input-panel-text:focus:-moz-placeholder {
  color: transparent;
}

.chat .chat__input-panel-text:focus:-ms-input-placeholder {
  color: transparent;
}

.chat .chat__input-panel-text::-webkit-scrollbar {
  width: 0;
}

.chat .chat__message-box {
  background: rgb(35, 35, 35);
  position: relative;
}

.chat .chat__message-box .message-input {
  box-sizing: border-box;
  font-size: 15px;
  line-height: 24px;
  overflow-X: hidden;
  word-wrap: break-word;
  border: none;
  outline: none !important;
  min-height: 34px;
  padding-top: 5px;
  resize: none;
  max-height: 100px;
  width: 100%;
  color: #f5f5f5;
  background: rgba(0, 0, 0, 0);
}

.chat .chat__message-box .message-submit {
  position: absolute;
  top: 0;
  right: 2.5em;
  height: 100%;
  color: #fff;
  background: transparent;
  font-size: 14px;
  text-transform: uppercase;
  outline: none !important;
  transition: background .2s ease;
  padding: 0 5px;
  margin: 0px;
  border-radius: 0;
}

.chat .chat__message-box .message-submit:hover {
  background: #444;
}

.chat .chat__message-box .smile-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2.5em;
  min-width: 0 !important;
  text-transform: uppercase;
  outline: none !important;
  background-image: url(https://assets.velotooler.com/dist/img/1-af1ec4c.png);
  background-position: center;
  background-size: 1.5em;
  background-repeat: no-repeat;
  transition: background .2s ease;
  padding: 0 5px;
  margin: 0;
  border-radius: 0;
}

.chat .chat__message-box .smile-btn:hover {
  background: #444;
  background-image: url(https://assets.velotooler.com/dist/img/1-af1ec4c.png);
  background-position: center;
  background-size: 1.5em;
  background-repeat: no-repeat;
}

@media (max-width: 470px) {
  .chat .chat__message-box {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
  }

  .chat .chat__message-box .message-input {
    min-height: 42px;
    line-height: 17px;
    padding: 13px 0 0;
  }
}

.chat .message-input.chat__message-box-input {
  -ms-overflow-y: hidden !important;
}

.chat .chat__input-container {
  width: 100%;
  display: block;
}

.chat .md-icon-button {
  color: #ccc;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 32px;
  min-height: 24px;
  font-size: 20px;
}

.chat .md-icon-button[disabled] {
  color: #ccc !important;
}

.chat .position_relative {
  position: relative;
}

.chat .chat__message-box-send-message-btn {
  position: absolute;
  bottom: 6px;
  right: 7px;
}

.chat .chat__message-box-send-message-btn:not([disabled]).md-focused {
  background-color: transparent;
}

.chat .chat__message-box-send-message-btn:hover {
  color: #999;
}

@media (max-width: 470px) {
  .chat .chat__message-box-send-message-btn {
    bottom: 11px;
  }
}

.chat .chat__message-box-smile-btn {
  position: absolute;
  bottom: 6px;
  right: 42px;
  font-size: 25px;
}

.chat .chat__message-box-smile-btn:not([disabled]).md-focused {
  background-color: transparent;
}

.chat .chat__message-box-smile-btn:hover {
  color: #999;
}

@media (max-width: 470px) {
  .chat .chat__message-box-smile-btn {
    bottom: 11px;
  }
}

.chat .chat__message-box-attach-file-btn {
  position: absolute;
  bottom: 6px;
  left: 10px;
}

.chat .chat__message-box-attach-file-btn:not([disabled]).md-focused {
  background-color: transparent;
}

.chat .chat__message-box-attach-file-btn:hover {
  color: #999;
}

@media (max-width: 470px) {
  .chat .chat__message-box-attach-file-btn {
    bottom: 11px;
  }
}

.chat .chat__input-panel {
  width: 100%;
  padding: 4px 83px 4px 48px;
  background-color: rgb(55, 55, 55);
}

.chat .padding-2-0 {
  padding: 2px 10px;
}

/*should be generated*/

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
      -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: .35em .75em .625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * 1. Prevent padding and border from affecting element width
 * https://goo.gl/pYtbK7
 * 2. Change the default font family in all browsers (opinionated)
 */

html {
  box-sizing: border-box; /* 1 */
  font-family: sans-serif; /* 2 */
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0;
}

button {
  background: transparent;
  padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  margin: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * Allow adding a border to an element by just adding a border-width.
 *
 * By default, the way the browser specifies that an element should have no
 * border is by setting it's border-style to `none` in the user-agent
 * stylesheet.
 *
 * In order to easily add borders to elements by just setting the `border-width`
 * property, we change the default border-style for all elements to `solid`, and
 * use border-width to hide them instead. This way our `border` utilities only
 * need to set the `border-width` property instead of the entire `border`
 * shorthand, making our border utilities much more straightforward to compose.
 *
 * https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
*::before,
*::after {
  border-width: 0;
  border-style: solid;
  border-color: #dae1e7;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

/**
 * Temporary reset for a change introduced in Chrome 62 but now reverted.
 *
 * We can remove this when the reversion is in a normal Chrome release.
 */

button,
[type=button],
[type=reset],
[type=submit] {
  border-radius: 0;
}

textarea {
  resize: vertical;
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

input::placeholder,
textarea::placeholder {
  color: inherit;
  opacity: .5;
}

button,
[role=button] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

.tw-container {
  width: 100%;
}

@media (min-width: 300px) {
  .tw-container {
    max-width: 300px;
  }
}

@media (min-width: 470px) {
  .tw-container {
    max-width: 470px;
  }
}

@media (min-width: 768px) {
  .tw-container {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
  .tw-container {
    max-width: 992px;
  }
}

@media (min-width: 1200px) {
  .tw-container {
    max-width: 1200px;
  }
}

.tw-list-reset {
  list-style: none;
  padding: 0;
}

.tw-appearance-none {
  appearance: none;
}

.tw-bg-fixed {
  background-attachment: fixed;
}

.tw-bg-local {
  background-attachment: local;
}

.tw-bg-scroll {
  background-attachment: scroll;
}

.tw-bg-transparent {
  background-color: transparent;
}

.tw-bg-black {
  background-color: #22292f;
}

.tw-bg-black-darker {
  background-color: #2f2f2f;
}

.tw-bg-grey-darkest {
  background-color: #3d4852;
}

.tw-bg-grey-darker-1 {
  background-color: #666;
}

.tw-bg-grey-darker {
  background-color: #8e8e8e;
}

.tw-bg-grey-dark {
  background-color: #8795a1;
}

.tw-bg-grey {
  background-color: #b8c2cc;
}

.tw-bg-grey-light {
  background-color: #dae1e7;
}

.tw-bg-grey-lighter {
  background-color: #f1f5f8;
}

.tw-bg-grey-lightest {
  background-color: #f8fafc;
}

.tw-bg-white {
  background-color: #fff;
}

.tw-bg-red-darkest {
  background-color: #3b0d0c;
}

.tw-bg-red-darker {
  background-color: #621b18;
}

.tw-bg-red-dark {
  background-color: #cc1f1a;
}

.tw-bg-red {
  background-color: #e3342f;
}

.tw-bg-red-light {
  background-color: #ef5753;
}

.tw-bg-red-lighter {
  background-color: #f9acaa;
}

.tw-bg-red-lightest {
  background-color: #fcebea;
}

.tw-bg-orange-darkest {
  background-color: #462a16;
}

.tw-bg-orange-darker {
  background-color: #613b1f;
}

.tw-bg-orange-dark {
  background-color: #de751f;
}

.tw-bg-orange {
  background-color: #f6993f;
}

.tw-bg-orange-light {
  background-color: #faad63;
}

.tw-bg-orange-lighter {
  background-color: #fcd9b6;
}

.tw-bg-orange-lightest {
  background-color: #fff5eb;
}

.tw-bg-yellow-darkest {
  background-color: #453411;
}

.tw-bg-yellow-darker {
  background-color: #684f1d;
}

.tw-bg-yellow-dark {
  background-color: #f2d024;
}

.tw-bg-yellow {
  background-color: #ffec92;
}

.tw-bg-yellow-light {
  background-color: #fff382;
}

.tw-bg-yellow-lighter {
  background-color: #fff9c2;
}

.tw-bg-yellow-lightest {
  background-color: #fcfbeb;
}

.tw-bg-green-darkest {
  background-color: #0f2f21;
}

.tw-bg-green-darker {
  background-color: #1a4731;
}

.tw-bg-green-dark {
  background-color: #1f9d55;
}

.tw-bg-green {
  background-color: #38c172;
}

.tw-bg-green-light {
  background-color: #51d88a;
}

.tw-bg-green-lighter {
  background-color: #a2f5bf;
}

.tw-bg-green-lightest {
  background-color: #e3fcec;
}

.tw-bg-teal-darkest {
  background-color: #0d3331;
}

.tw-bg-teal-darker {
  background-color: #20504f;
}

.tw-bg-teal-dark {
  background-color: #38a89d;
}

.tw-bg-teal {
  background-color: #4dc0b5;
}

.tw-bg-teal-light {
  background-color: #64d5ca;
}

.tw-bg-teal-lighter {
  background-color: #a0f0ed;
}

.tw-bg-teal-lightest {
  background-color: #e8fffe;
}

.tw-bg-blue-darkest {
  background-color: #12283a;
}

.tw-bg-blue-darker {
  background-color: #1c3d5a;
}

.tw-bg-blue-dark {
  background-color: #2779bd;
}

.tw-bg-blue {
  background-color: #3490dc;
}

.tw-bg-blue-light {
  background-color: #6cb2eb;
}

.tw-bg-blue-lighter {
  background-color: #bcdefa;
}

.tw-bg-blue-lightest {
  background-color: #eff8ff;
}

.tw-bg-indigo-darkest {
  background-color: #191e38;
}

.tw-bg-indigo-darker {
  background-color: #2f365f;
}

.tw-bg-indigo-dark {
  background-color: #5661b3;
}

.tw-bg-indigo {
  background-color: #6574cd;
}

.tw-bg-indigo-light {
  background-color: #7886d7;
}

.tw-bg-indigo-lighter {
  background-color: #b2b7ff;
}

.tw-bg-indigo-lightest {
  background-color: #e6e8ff;
}

.tw-bg-purple-darkest {
  background-color: #21183c;
}

.tw-bg-purple-darker {
  background-color: #382b5f;
}

.tw-bg-purple-dark {
  background-color: #794acf;
}

.tw-bg-purple {
  background-color: #9561e2;
}

.tw-bg-purple-light {
  background-color: #a779e9;
}

.tw-bg-purple-lighter {
  background-color: #d6bbfc;
}

.tw-bg-purple-lightest {
  background-color: #f3ebff;
}

.tw-bg-pink-darkest {
  background-color: #451225;
}

.tw-bg-pink-darker {
  background-color: #6f213f;
}

.tw-bg-pink-dark {
  background-color: #eb5286;
}

.tw-bg-pink {
  background-color: #f66d9b;
}

.tw-bg-pink-light {
  background-color: #fa7ea8;
}

.tw-bg-pink-lighter {
  background-color: #ffbbca;
}

.tw-bg-pink-lightest {
  background-color: #ffebef;
}

.tw-bg-primary-l7 {
  background-color: rgb(95, 95, 95);
}

.tw-bg-primary-l6 {
  background-color: rgb(85, 85, 85);
}

.tw-bg-primary-l5 {
  background-color: rgb(75, 75, 75);
}

.tw-bg-primary-l4 {
  background-color: rgb(65, 65, 65);
}

.tw-bg-primary-l3 {
  background-color: rgb(55, 55, 55);
}

.tw-bg-primary-l2 {
  background-color: rgb(45, 45, 45);
}

.tw-bg-primary-l1 {
  background-color: rgb(40, 40, 40);
}

.tw-bg-primary {
  background-color: rgb(35, 35, 35);
}

.tw-bg-primary-d1 {
  background-color: rgb(25, 25, 25);
}

.tw-bg-primary-d2 {
  background-color: rgb(20, 20, 20);
}

.tw-bg-primary-d3 {
  background-color: rgb(15, 15, 15);
}

.tw-bg-primary-d4 {
  background-color: rgb(5, 5, 5);
}

.tw-bg-primary-o9 {
  background-color: rgba(35, 35, 35, .9);
}

.tw-bg-primary-o8 {
  background-color: rgba(35, 35, 35, .8);
}

.tw-bg-primary-o7 {
  background-color: rgba(35, 35, 35, .7);
}

.tw-bg-primary-o6 {
  background-color: rgba(35, 35, 35, .6);
}

.tw-bg-primary-o5 {
  background-color: rgba(35, 35, 35, .5);
}

.tw-bg-primary-o4 {
  background-color: rgba(35, 35, 35, .4);
}

.tw-bg-primary-o3 {
  background-color: rgba(35, 35, 35, .3);
}

.tw-bg-primary-o2 {
  background-color: rgba(35, 35, 35, .2);
}

.tw-bg-primary-o1 {
  background-color: rgba(35, 35, 35, .1);
}

.tw-bg-primary-g1 {
  background-color: rgba(31, 157, 85, .5607843137);
}

.tw-bg-primary-d1-o9 {
  background-color: rgba(25, 25, 25, .9);
}

.tw-bg-primary-l5-o3 {
  background-color: rgba(75, 75, 75, .3);
}

.tw-bg-primary-dark-gray {
  background-color: rgb(165, 165, 165);
}

.hover\:tw-bg-transparent:hover {
  background-color: transparent;
}

.hover\:tw-bg-black:hover {
  background-color: #22292f;
}

.hover\:tw-bg-black-darker:hover {
  background-color: #2f2f2f;
}

.hover\:tw-bg-grey-darkest:hover {
  background-color: #3d4852;
}

.hover\:tw-bg-grey-darker-1:hover {
  background-color: #666;
}

.hover\:tw-bg-grey-darker:hover {
  background-color: #8e8e8e;
}

.hover\:tw-bg-grey-dark:hover {
  background-color: #8795a1;
}

.hover\:tw-bg-grey:hover {
  background-color: #b8c2cc;
}

.hover\:tw-bg-grey-light:hover {
  background-color: #dae1e7;
}

.hover\:tw-bg-grey-lighter:hover {
  background-color: #f1f5f8;
}

.hover\:tw-bg-grey-lightest:hover {
  background-color: #f8fafc;
}

.hover\:tw-bg-white:hover {
  background-color: #fff;
}

.hover\:tw-bg-red-darkest:hover {
  background-color: #3b0d0c;
}

.hover\:tw-bg-red-darker:hover {
  background-color: #621b18;
}

.hover\:tw-bg-red-dark:hover {
  background-color: #cc1f1a;
}

.hover\:tw-bg-red:hover {
  background-color: #e3342f;
}

.hover\:tw-bg-red-light:hover {
  background-color: #ef5753;
}

.hover\:tw-bg-red-lighter:hover {
  background-color: #f9acaa;
}

.hover\:tw-bg-red-lightest:hover {
  background-color: #fcebea;
}

.hover\:tw-bg-orange-darkest:hover {
  background-color: #462a16;
}

.hover\:tw-bg-orange-darker:hover {
  background-color: #613b1f;
}

.hover\:tw-bg-orange-dark:hover {
  background-color: #de751f;
}

.hover\:tw-bg-orange:hover {
  background-color: #f6993f;
}

.hover\:tw-bg-orange-light:hover {
  background-color: #faad63;
}

.hover\:tw-bg-orange-lighter:hover {
  background-color: #fcd9b6;
}

.hover\:tw-bg-orange-lightest:hover {
  background-color: #fff5eb;
}

.hover\:tw-bg-yellow-darkest:hover {
  background-color: #453411;
}

.hover\:tw-bg-yellow-darker:hover {
  background-color: #684f1d;
}

.hover\:tw-bg-yellow-dark:hover {
  background-color: #f2d024;
}

.hover\:tw-bg-yellow:hover {
  background-color: #ffec92;
}

.hover\:tw-bg-yellow-light:hover {
  background-color: #fff382;
}

.hover\:tw-bg-yellow-lighter:hover {
  background-color: #fff9c2;
}

.hover\:tw-bg-yellow-lightest:hover {
  background-color: #fcfbeb;
}

.hover\:tw-bg-green-darkest:hover {
  background-color: #0f2f21;
}

.hover\:tw-bg-green-darker:hover {
  background-color: #1a4731;
}

.hover\:tw-bg-green-dark:hover {
  background-color: #1f9d55;
}

.hover\:tw-bg-green:hover {
  background-color: #38c172;
}

.hover\:tw-bg-green-light:hover {
  background-color: #51d88a;
}

.hover\:tw-bg-green-lighter:hover {
  background-color: #a2f5bf;
}

.hover\:tw-bg-green-lightest:hover {
  background-color: #e3fcec;
}

.hover\:tw-bg-teal-darkest:hover {
  background-color: #0d3331;
}

.hover\:tw-bg-teal-darker:hover {
  background-color: #20504f;
}

.hover\:tw-bg-teal-dark:hover {
  background-color: #38a89d;
}

.hover\:tw-bg-teal:hover {
  background-color: #4dc0b5;
}

.hover\:tw-bg-teal-light:hover {
  background-color: #64d5ca;
}

.hover\:tw-bg-teal-lighter:hover {
  background-color: #a0f0ed;
}

.hover\:tw-bg-teal-lightest:hover {
  background-color: #e8fffe;
}

.hover\:tw-bg-blue-darkest:hover {
  background-color: #12283a;
}

.hover\:tw-bg-blue-darker:hover {
  background-color: #1c3d5a;
}

.hover\:tw-bg-blue-dark:hover {
  background-color: #2779bd;
}

.hover\:tw-bg-blue:hover {
  background-color: #3490dc;
}

.hover\:tw-bg-blue-light:hover {
  background-color: #6cb2eb;
}

.hover\:tw-bg-blue-lighter:hover {
  background-color: #bcdefa;
}

.hover\:tw-bg-blue-lightest:hover {
  background-color: #eff8ff;
}

.hover\:tw-bg-indigo-darkest:hover {
  background-color: #191e38;
}

.hover\:tw-bg-indigo-darker:hover {
  background-color: #2f365f;
}

.hover\:tw-bg-indigo-dark:hover {
  background-color: #5661b3;
}

.hover\:tw-bg-indigo:hover {
  background-color: #6574cd;
}

.hover\:tw-bg-indigo-light:hover {
  background-color: #7886d7;
}

.hover\:tw-bg-indigo-lighter:hover {
  background-color: #b2b7ff;
}

.hover\:tw-bg-indigo-lightest:hover {
  background-color: #e6e8ff;
}

.hover\:tw-bg-purple-darkest:hover {
  background-color: #21183c;
}

.hover\:tw-bg-purple-darker:hover {
  background-color: #382b5f;
}

.hover\:tw-bg-purple-dark:hover {
  background-color: #794acf;
}

.hover\:tw-bg-purple:hover {
  background-color: #9561e2;
}

.hover\:tw-bg-purple-light:hover {
  background-color: #a779e9;
}

.hover\:tw-bg-purple-lighter:hover {
  background-color: #d6bbfc;
}

.hover\:tw-bg-purple-lightest:hover {
  background-color: #f3ebff;
}

.hover\:tw-bg-pink-darkest:hover {
  background-color: #451225;
}

.hover\:tw-bg-pink-darker:hover {
  background-color: #6f213f;
}

.hover\:tw-bg-pink-dark:hover {
  background-color: #eb5286;
}

.hover\:tw-bg-pink:hover {
  background-color: #f66d9b;
}

.hover\:tw-bg-pink-light:hover {
  background-color: #fa7ea8;
}

.hover\:tw-bg-pink-lighter:hover {
  background-color: #ffbbca;
}

.hover\:tw-bg-pink-lightest:hover {
  background-color: #ffebef;
}

.hover\:tw-bg-primary-l7:hover {
  background-color: rgb(95, 95, 95);
}

.hover\:tw-bg-primary-l6:hover {
  background-color: rgb(85, 85, 85);
}

.hover\:tw-bg-primary-l5:hover {
  background-color: rgb(75, 75, 75);
}

.hover\:tw-bg-primary-l4:hover {
  background-color: rgb(65, 65, 65);
}

.hover\:tw-bg-primary-l3:hover {
  background-color: rgb(55, 55, 55);
}

.hover\:tw-bg-primary-l2:hover {
  background-color: rgb(45, 45, 45);
}

.hover\:tw-bg-primary-l1:hover {
  background-color: rgb(40, 40, 40);
}

.hover\:tw-bg-primary:hover {
  background-color: rgb(35, 35, 35);
}

.hover\:tw-bg-primary-d1:hover {
  background-color: rgb(25, 25, 25);
}

.hover\:tw-bg-primary-d2:hover {
  background-color: rgb(20, 20, 20);
}

.hover\:tw-bg-primary-d3:hover {
  background-color: rgb(15, 15, 15);
}

.hover\:tw-bg-primary-d4:hover {
  background-color: rgb(5, 5, 5);
}

.hover\:tw-bg-primary-o9:hover {
  background-color: rgba(35, 35, 35, .9);
}

.hover\:tw-bg-primary-o8:hover {
  background-color: rgba(35, 35, 35, .8);
}

.hover\:tw-bg-primary-o7:hover {
  background-color: rgba(35, 35, 35, .7);
}

.hover\:tw-bg-primary-o6:hover {
  background-color: rgba(35, 35, 35, .6);
}

.hover\:tw-bg-primary-o5:hover {
  background-color: rgba(35, 35, 35, .5);
}

.hover\:tw-bg-primary-o4:hover {
  background-color: rgba(35, 35, 35, .4);
}

.hover\:tw-bg-primary-o3:hover {
  background-color: rgba(35, 35, 35, .3);
}

.hover\:tw-bg-primary-o2:hover {
  background-color: rgba(35, 35, 35, .2);
}

.hover\:tw-bg-primary-o1:hover {
  background-color: rgba(35, 35, 35, .1);
}

.hover\:tw-bg-primary-g1:hover {
  background-color: rgba(31, 157, 85, .5607843137);
}

.hover\:tw-bg-primary-d1-o9:hover {
  background-color: rgba(25, 25, 25, .9);
}

.hover\:tw-bg-primary-l5-o3:hover {
  background-color: rgba(75, 75, 75, .3);
}

.hover\:tw-bg-primary-dark-gray:hover {
  background-color: rgb(165, 165, 165);
}

.focus\:tw-bg-transparent:focus {
  background-color: transparent;
}

.focus\:tw-bg-black:focus {
  background-color: #22292f;
}

.focus\:tw-bg-black-darker:focus {
  background-color: #2f2f2f;
}

.focus\:tw-bg-grey-darkest:focus {
  background-color: #3d4852;
}

.focus\:tw-bg-grey-darker-1:focus {
  background-color: #666;
}

.focus\:tw-bg-grey-darker:focus {
  background-color: #8e8e8e;
}

.focus\:tw-bg-grey-dark:focus {
  background-color: #8795a1;
}

.focus\:tw-bg-grey:focus {
  background-color: #b8c2cc;
}

.focus\:tw-bg-grey-light:focus {
  background-color: #dae1e7;
}

.focus\:tw-bg-grey-lighter:focus {
  background-color: #f1f5f8;
}

.focus\:tw-bg-grey-lightest:focus {
  background-color: #f8fafc;
}

.focus\:tw-bg-white:focus {
  background-color: #fff;
}

.focus\:tw-bg-red-darkest:focus {
  background-color: #3b0d0c;
}

.focus\:tw-bg-red-darker:focus {
  background-color: #621b18;
}

.focus\:tw-bg-red-dark:focus {
  background-color: #cc1f1a;
}

.focus\:tw-bg-red:focus {
  background-color: #e3342f;
}

.focus\:tw-bg-red-light:focus {
  background-color: #ef5753;
}

.focus\:tw-bg-red-lighter:focus {
  background-color: #f9acaa;
}

.focus\:tw-bg-red-lightest:focus {
  background-color: #fcebea;
}

.focus\:tw-bg-orange-darkest:focus {
  background-color: #462a16;
}

.focus\:tw-bg-orange-darker:focus {
  background-color: #613b1f;
}

.focus\:tw-bg-orange-dark:focus {
  background-color: #de751f;
}

.focus\:tw-bg-orange:focus {
  background-color: #f6993f;
}

.focus\:tw-bg-orange-light:focus {
  background-color: #faad63;
}

.focus\:tw-bg-orange-lighter:focus {
  background-color: #fcd9b6;
}

.focus\:tw-bg-orange-lightest:focus {
  background-color: #fff5eb;
}

.focus\:tw-bg-yellow-darkest:focus {
  background-color: #453411;
}

.focus\:tw-bg-yellow-darker:focus {
  background-color: #684f1d;
}

.focus\:tw-bg-yellow-dark:focus {
  background-color: #f2d024;
}

.focus\:tw-bg-yellow:focus {
  background-color: #ffec92;
}

.focus\:tw-bg-yellow-light:focus {
  background-color: #fff382;
}

.focus\:tw-bg-yellow-lighter:focus {
  background-color: #fff9c2;
}

.focus\:tw-bg-yellow-lightest:focus {
  background-color: #fcfbeb;
}

.focus\:tw-bg-green-darkest:focus {
  background-color: #0f2f21;
}

.focus\:tw-bg-green-darker:focus {
  background-color: #1a4731;
}

.focus\:tw-bg-green-dark:focus {
  background-color: #1f9d55;
}

.focus\:tw-bg-green:focus {
  background-color: #38c172;
}

.focus\:tw-bg-green-light:focus {
  background-color: #51d88a;
}

.focus\:tw-bg-green-lighter:focus {
  background-color: #a2f5bf;
}

.focus\:tw-bg-green-lightest:focus {
  background-color: #e3fcec;
}

.focus\:tw-bg-teal-darkest:focus {
  background-color: #0d3331;
}

.focus\:tw-bg-teal-darker:focus {
  background-color: #20504f;
}

.focus\:tw-bg-teal-dark:focus {
  background-color: #38a89d;
}

.focus\:tw-bg-teal:focus {
  background-color: #4dc0b5;
}

.focus\:tw-bg-teal-light:focus {
  background-color: #64d5ca;
}

.focus\:tw-bg-teal-lighter:focus {
  background-color: #a0f0ed;
}

.focus\:tw-bg-teal-lightest:focus {
  background-color: #e8fffe;
}

.focus\:tw-bg-blue-darkest:focus {
  background-color: #12283a;
}

.focus\:tw-bg-blue-darker:focus {
  background-color: #1c3d5a;
}

.focus\:tw-bg-blue-dark:focus {
  background-color: #2779bd;
}

.focus\:tw-bg-blue:focus {
  background-color: #3490dc;
}

.focus\:tw-bg-blue-light:focus {
  background-color: #6cb2eb;
}

.focus\:tw-bg-blue-lighter:focus {
  background-color: #bcdefa;
}

.focus\:tw-bg-blue-lightest:focus {
  background-color: #eff8ff;
}

.focus\:tw-bg-indigo-darkest:focus {
  background-color: #191e38;
}

.focus\:tw-bg-indigo-darker:focus {
  background-color: #2f365f;
}

.focus\:tw-bg-indigo-dark:focus {
  background-color: #5661b3;
}

.focus\:tw-bg-indigo:focus {
  background-color: #6574cd;
}

.focus\:tw-bg-indigo-light:focus {
  background-color: #7886d7;
}

.focus\:tw-bg-indigo-lighter:focus {
  background-color: #b2b7ff;
}

.focus\:tw-bg-indigo-lightest:focus {
  background-color: #e6e8ff;
}

.focus\:tw-bg-purple-darkest:focus {
  background-color: #21183c;
}

.focus\:tw-bg-purple-darker:focus {
  background-color: #382b5f;
}

.focus\:tw-bg-purple-dark:focus {
  background-color: #794acf;
}

.focus\:tw-bg-purple:focus {
  background-color: #9561e2;
}

.focus\:tw-bg-purple-light:focus {
  background-color: #a779e9;
}

.focus\:tw-bg-purple-lighter:focus {
  background-color: #d6bbfc;
}

.focus\:tw-bg-purple-lightest:focus {
  background-color: #f3ebff;
}

.focus\:tw-bg-pink-darkest:focus {
  background-color: #451225;
}

.focus\:tw-bg-pink-darker:focus {
  background-color: #6f213f;
}

.focus\:tw-bg-pink-dark:focus {
  background-color: #eb5286;
}

.focus\:tw-bg-pink:focus {
  background-color: #f66d9b;
}

.focus\:tw-bg-pink-light:focus {
  background-color: #fa7ea8;
}

.focus\:tw-bg-pink-lighter:focus {
  background-color: #ffbbca;
}

.focus\:tw-bg-pink-lightest:focus {
  background-color: #ffebef;
}

.focus\:tw-bg-primary-l7:focus {
  background-color: rgb(95, 95, 95);
}

.focus\:tw-bg-primary-l6:focus {
  background-color: rgb(85, 85, 85);
}

.focus\:tw-bg-primary-l5:focus {
  background-color: rgb(75, 75, 75);
}

.focus\:tw-bg-primary-l4:focus {
  background-color: rgb(65, 65, 65);
}

.focus\:tw-bg-primary-l3:focus {
  background-color: rgb(55, 55, 55);
}

.focus\:tw-bg-primary-l2:focus {
  background-color: rgb(45, 45, 45);
}

.focus\:tw-bg-primary-l1:focus {
  background-color: rgb(40, 40, 40);
}

.focus\:tw-bg-primary:focus {
  background-color: rgb(35, 35, 35);
}

.focus\:tw-bg-primary-d1:focus {
  background-color: rgb(25, 25, 25);
}

.focus\:tw-bg-primary-d2:focus {
  background-color: rgb(20, 20, 20);
}

.focus\:tw-bg-primary-d3:focus {
  background-color: rgb(15, 15, 15);
}

.focus\:tw-bg-primary-d4:focus {
  background-color: rgb(5, 5, 5);
}

.focus\:tw-bg-primary-o9:focus {
  background-color: rgba(35, 35, 35, .9);
}

.focus\:tw-bg-primary-o8:focus {
  background-color: rgba(35, 35, 35, .8);
}

.focus\:tw-bg-primary-o7:focus {
  background-color: rgba(35, 35, 35, .7);
}

.focus\:tw-bg-primary-o6:focus {
  background-color: rgba(35, 35, 35, .6);
}

.focus\:tw-bg-primary-o5:focus {
  background-color: rgba(35, 35, 35, .5);
}

.focus\:tw-bg-primary-o4:focus {
  background-color: rgba(35, 35, 35, .4);
}

.focus\:tw-bg-primary-o3:focus {
  background-color: rgba(35, 35, 35, .3);
}

.focus\:tw-bg-primary-o2:focus {
  background-color: rgba(35, 35, 35, .2);
}

.focus\:tw-bg-primary-o1:focus {
  background-color: rgba(35, 35, 35, .1);
}

.focus\:tw-bg-primary-g1:focus {
  background-color: rgba(31, 157, 85, .5607843137);
}

.focus\:tw-bg-primary-d1-o9:focus {
  background-color: rgba(25, 25, 25, .9);
}

.focus\:tw-bg-primary-l5-o3:focus {
  background-color: rgba(75, 75, 75, .3);
}

.focus\:tw-bg-primary-dark-gray:focus {
  background-color: rgb(165, 165, 165);
}

.tw-bg-bottom {
  background-position: bottom;
}

.tw-bg-center {
  background-position: center;
}

.tw-bg-left {
  background-position: left;
}

.tw-bg-left-bottom {
  background-position: left bottom;
}

.tw-bg-left-top {
  background-position: left top;
}

.tw-bg-right {
  background-position: right;
}

.tw-bg-right-bottom {
  background-position: right bottom;
}

.tw-bg-right-top {
  background-position: right top;
}

.tw-bg-top {
  background-position: top;
}

.tw-bg-repeat {
  background-repeat: repeat;
}

.tw-bg-no-repeat {
  background-repeat: no-repeat;
}

.tw-bg-repeat-x {
  background-repeat: repeat-x;
}

.tw-bg-repeat-y {
  background-repeat: repeat-y;
}

.tw-bg-auto {
  background-size: auto;
}

.tw-bg-cover {
  background-size: cover;
}

.tw-bg-contain {
  background-size: contain;
}

.tw-border-collapse {
  border-collapse: collapse;
}

.tw-border-separate {
  border-collapse: separate;
}

.tw-border-transparent {
  border-color: transparent;
}

.tw-border-black {
  border-color: #22292f;
}

.tw-border-black-darker {
  border-color: #2f2f2f;
}

.tw-border-grey-darkest {
  border-color: #3d4852;
}

.tw-border-grey-darker-1 {
  border-color: #666;
}

.tw-border-grey-darker {
  border-color: #8e8e8e;
}

.tw-border-grey-dark {
  border-color: #8795a1;
}

.tw-border-grey {
  border-color: #b8c2cc;
}

.tw-border-grey-light {
  border-color: #dae1e7;
}

.tw-border-grey-lighter {
  border-color: #f1f5f8;
}

.tw-border-grey-lightest {
  border-color: #f8fafc;
}

.tw-border-white {
  border-color: #fff;
}

.tw-border-red-darkest {
  border-color: #3b0d0c;
}

.tw-border-red-darker {
  border-color: #621b18;
}

.tw-border-red-dark {
  border-color: #cc1f1a;
}

.tw-border-red {
  border-color: #e3342f;
}

.tw-border-red-light {
  border-color: #ef5753;
}

.tw-border-red-lighter {
  border-color: #f9acaa;
}

.tw-border-red-lightest {
  border-color: #fcebea;
}

.tw-border-orange-darkest {
  border-color: #462a16;
}

.tw-border-orange-darker {
  border-color: #613b1f;
}

.tw-border-orange-dark {
  border-color: #de751f;
}

.tw-border-orange {
  border-color: #f6993f;
}

.tw-border-orange-light {
  border-color: #faad63;
}

.tw-border-orange-lighter {
  border-color: #fcd9b6;
}

.tw-border-orange-lightest {
  border-color: #fff5eb;
}

.tw-border-yellow-darkest {
  border-color: #453411;
}

.tw-border-yellow-darker {
  border-color: #684f1d;
}

.tw-border-yellow-dark {
  border-color: #f2d024;
}

.tw-border-yellow {
  border-color: #ffec92;
}

.tw-border-yellow-light {
  border-color: #fff382;
}

.tw-border-yellow-lighter {
  border-color: #fff9c2;
}

.tw-border-yellow-lightest {
  border-color: #fcfbeb;
}

.tw-border-green-darkest {
  border-color: #0f2f21;
}

.tw-border-green-darker {
  border-color: #1a4731;
}

.tw-border-green-dark {
  border-color: #1f9d55;
}

.tw-border-green {
  border-color: #38c172;
}

.tw-border-green-light {
  border-color: #51d88a;
}

.tw-border-green-lighter {
  border-color: #a2f5bf;
}

.tw-border-green-lightest {
  border-color: #e3fcec;
}

.tw-border-teal-darkest {
  border-color: #0d3331;
}

.tw-border-teal-darker {
  border-color: #20504f;
}

.tw-border-teal-dark {
  border-color: #38a89d;
}

.tw-border-teal {
  border-color: #4dc0b5;
}

.tw-border-teal-light {
  border-color: #64d5ca;
}

.tw-border-teal-lighter {
  border-color: #a0f0ed;
}

.tw-border-teal-lightest {
  border-color: #e8fffe;
}

.tw-border-blue-darkest {
  border-color: #12283a;
}

.tw-border-blue-darker {
  border-color: #1c3d5a;
}

.tw-border-blue-dark {
  border-color: #2779bd;
}

.tw-border-blue {
  border-color: #3490dc;
}

.tw-border-blue-light {
  border-color: #6cb2eb;
}

.tw-border-blue-lighter {
  border-color: #bcdefa;
}

.tw-border-blue-lightest {
  border-color: #eff8ff;
}

.tw-border-indigo-darkest {
  border-color: #191e38;
}

.tw-border-indigo-darker {
  border-color: #2f365f;
}

.tw-border-indigo-dark {
  border-color: #5661b3;
}

.tw-border-indigo {
  border-color: #6574cd;
}

.tw-border-indigo-light {
  border-color: #7886d7;
}

.tw-border-indigo-lighter {
  border-color: #b2b7ff;
}

.tw-border-indigo-lightest {
  border-color: #e6e8ff;
}

.tw-border-purple-darkest {
  border-color: #21183c;
}

.tw-border-purple-darker {
  border-color: #382b5f;
}

.tw-border-purple-dark {
  border-color: #794acf;
}

.tw-border-purple {
  border-color: #9561e2;
}

.tw-border-purple-light {
  border-color: #a779e9;
}

.tw-border-purple-lighter {
  border-color: #d6bbfc;
}

.tw-border-purple-lightest {
  border-color: #f3ebff;
}

.tw-border-pink-darkest {
  border-color: #451225;
}

.tw-border-pink-darker {
  border-color: #6f213f;
}

.tw-border-pink-dark {
  border-color: #eb5286;
}

.tw-border-pink {
  border-color: #f66d9b;
}

.tw-border-pink-light {
  border-color: #fa7ea8;
}

.tw-border-pink-lighter {
  border-color: #ffbbca;
}

.tw-border-pink-lightest {
  border-color: #ffebef;
}

.tw-border-primary-l7 {
  border-color: rgb(95, 95, 95);
}

.tw-border-primary-l6 {
  border-color: rgb(85, 85, 85);
}

.tw-border-primary-l5 {
  border-color: rgb(75, 75, 75);
}

.tw-border-primary-l4 {
  border-color: rgb(65, 65, 65);
}

.tw-border-primary-l3 {
  border-color: rgb(55, 55, 55);
}

.tw-border-primary-l2 {
  border-color: rgb(45, 45, 45);
}

.tw-border-primary-l1 {
  border-color: rgb(40, 40, 40);
}

.tw-border-primary {
  border-color: rgb(35, 35, 35);
}

.tw-border-primary-d1 {
  border-color: rgb(25, 25, 25);
}

.tw-border-primary-d2 {
  border-color: rgb(20, 20, 20);
}

.tw-border-primary-d3 {
  border-color: rgb(15, 15, 15);
}

.tw-border-primary-d4 {
  border-color: rgb(5, 5, 5);
}

.tw-border-primary-o9 {
  border-color: rgba(35, 35, 35, .9);
}

.tw-border-primary-o8 {
  border-color: rgba(35, 35, 35, .8);
}

.tw-border-primary-o7 {
  border-color: rgba(35, 35, 35, .7);
}

.tw-border-primary-o6 {
  border-color: rgba(35, 35, 35, .6);
}

.tw-border-primary-o5 {
  border-color: rgba(35, 35, 35, .5);
}

.tw-border-primary-o4 {
  border-color: rgba(35, 35, 35, .4);
}

.tw-border-primary-o3 {
  border-color: rgba(35, 35, 35, .3);
}

.tw-border-primary-o2 {
  border-color: rgba(35, 35, 35, .2);
}

.tw-border-primary-o1 {
  border-color: rgba(35, 35, 35, .1);
}

.tw-border-primary-g1 {
  border-color: rgba(31, 157, 85, .5607843137);
}

.tw-border-primary-d1-o9 {
  border-color: rgba(25, 25, 25, .9);
}

.tw-border-primary-l5-o3 {
  border-color: rgba(75, 75, 75, .3);
}

.tw-border-primary-dark-gray {
  border-color: rgb(165, 165, 165);
}

.hover\:tw-border-transparent:hover {
  border-color: transparent;
}

.hover\:tw-border-black:hover {
  border-color: #22292f;
}

.hover\:tw-border-black-darker:hover {
  border-color: #2f2f2f;
}

.hover\:tw-border-grey-darkest:hover {
  border-color: #3d4852;
}

.hover\:tw-border-grey-darker-1:hover {
  border-color: #666;
}

.hover\:tw-border-grey-darker:hover {
  border-color: #8e8e8e;
}

.hover\:tw-border-grey-dark:hover {
  border-color: #8795a1;
}

.hover\:tw-border-grey:hover {
  border-color: #b8c2cc;
}

.hover\:tw-border-grey-light:hover {
  border-color: #dae1e7;
}

.hover\:tw-border-grey-lighter:hover {
  border-color: #f1f5f8;
}

.hover\:tw-border-grey-lightest:hover {
  border-color: #f8fafc;
}

.hover\:tw-border-white:hover {
  border-color: #fff;
}

.hover\:tw-border-red-darkest:hover {
  border-color: #3b0d0c;
}

.hover\:tw-border-red-darker:hover {
  border-color: #621b18;
}

.hover\:tw-border-red-dark:hover {
  border-color: #cc1f1a;
}

.hover\:tw-border-red:hover {
  border-color: #e3342f;
}

.hover\:tw-border-red-light:hover {
  border-color: #ef5753;
}

.hover\:tw-border-red-lighter:hover {
  border-color: #f9acaa;
}

.hover\:tw-border-red-lightest:hover {
  border-color: #fcebea;
}

.hover\:tw-border-orange-darkest:hover {
  border-color: #462a16;
}

.hover\:tw-border-orange-darker:hover {
  border-color: #613b1f;
}

.hover\:tw-border-orange-dark:hover {
  border-color: #de751f;
}

.hover\:tw-border-orange:hover {
  border-color: #f6993f;
}

.hover\:tw-border-orange-light:hover {
  border-color: #faad63;
}

.hover\:tw-border-orange-lighter:hover {
  border-color: #fcd9b6;
}

.hover\:tw-border-orange-lightest:hover {
  border-color: #fff5eb;
}

.hover\:tw-border-yellow-darkest:hover {
  border-color: #453411;
}

.hover\:tw-border-yellow-darker:hover {
  border-color: #684f1d;
}

.hover\:tw-border-yellow-dark:hover {
  border-color: #f2d024;
}

.hover\:tw-border-yellow:hover {
  border-color: #ffec92;
}

.hover\:tw-border-yellow-light:hover {
  border-color: #fff382;
}

.hover\:tw-border-yellow-lighter:hover {
  border-color: #fff9c2;
}

.hover\:tw-border-yellow-lightest:hover {
  border-color: #fcfbeb;
}

.hover\:tw-border-green-darkest:hover {
  border-color: #0f2f21;
}

.hover\:tw-border-green-darker:hover {
  border-color: #1a4731;
}

.hover\:tw-border-green-dark:hover {
  border-color: #1f9d55;
}

.hover\:tw-border-green:hover {
  border-color: #38c172;
}

.hover\:tw-border-green-light:hover {
  border-color: #51d88a;
}

.hover\:tw-border-green-lighter:hover {
  border-color: #a2f5bf;
}

.hover\:tw-border-green-lightest:hover {
  border-color: #e3fcec;
}

.hover\:tw-border-teal-darkest:hover {
  border-color: #0d3331;
}

.hover\:tw-border-teal-darker:hover {
  border-color: #20504f;
}

.hover\:tw-border-teal-dark:hover {
  border-color: #38a89d;
}

.hover\:tw-border-teal:hover {
  border-color: #4dc0b5;
}

.hover\:tw-border-teal-light:hover {
  border-color: #64d5ca;
}

.hover\:tw-border-teal-lighter:hover {
  border-color: #a0f0ed;
}

.hover\:tw-border-teal-lightest:hover {
  border-color: #e8fffe;
}

.hover\:tw-border-blue-darkest:hover {
  border-color: #12283a;
}

.hover\:tw-border-blue-darker:hover {
  border-color: #1c3d5a;
}

.hover\:tw-border-blue-dark:hover {
  border-color: #2779bd;
}

.hover\:tw-border-blue:hover {
  border-color: #3490dc;
}

.hover\:tw-border-blue-light:hover {
  border-color: #6cb2eb;
}

.hover\:tw-border-blue-lighter:hover {
  border-color: #bcdefa;
}

.hover\:tw-border-blue-lightest:hover {
  border-color: #eff8ff;
}

.hover\:tw-border-indigo-darkest:hover {
  border-color: #191e38;
}

.hover\:tw-border-indigo-darker:hover {
  border-color: #2f365f;
}

.hover\:tw-border-indigo-dark:hover {
  border-color: #5661b3;
}

.hover\:tw-border-indigo:hover {
  border-color: #6574cd;
}

.hover\:tw-border-indigo-light:hover {
  border-color: #7886d7;
}

.hover\:tw-border-indigo-lighter:hover {
  border-color: #b2b7ff;
}

.hover\:tw-border-indigo-lightest:hover {
  border-color: #e6e8ff;
}

.hover\:tw-border-purple-darkest:hover {
  border-color: #21183c;
}

.hover\:tw-border-purple-darker:hover {
  border-color: #382b5f;
}

.hover\:tw-border-purple-dark:hover {
  border-color: #794acf;
}

.hover\:tw-border-purple:hover {
  border-color: #9561e2;
}

.hover\:tw-border-purple-light:hover {
  border-color: #a779e9;
}

.hover\:tw-border-purple-lighter:hover {
  border-color: #d6bbfc;
}

.hover\:tw-border-purple-lightest:hover {
  border-color: #f3ebff;
}

.hover\:tw-border-pink-darkest:hover {
  border-color: #451225;
}

.hover\:tw-border-pink-darker:hover {
  border-color: #6f213f;
}

.hover\:tw-border-pink-dark:hover {
  border-color: #eb5286;
}

.hover\:tw-border-pink:hover {
  border-color: #f66d9b;
}

.hover\:tw-border-pink-light:hover {
  border-color: #fa7ea8;
}

.hover\:tw-border-pink-lighter:hover {
  border-color: #ffbbca;
}

.hover\:tw-border-pink-lightest:hover {
  border-color: #ffebef;
}

.hover\:tw-border-primary-l7:hover {
  border-color: rgb(95, 95, 95);
}

.hover\:tw-border-primary-l6:hover {
  border-color: rgb(85, 85, 85);
}

.hover\:tw-border-primary-l5:hover {
  border-color: rgb(75, 75, 75);
}

.hover\:tw-border-primary-l4:hover {
  border-color: rgb(65, 65, 65);
}

.hover\:tw-border-primary-l3:hover {
  border-color: rgb(55, 55, 55);
}

.hover\:tw-border-primary-l2:hover {
  border-color: rgb(45, 45, 45);
}

.hover\:tw-border-primary-l1:hover {
  border-color: rgb(40, 40, 40);
}

.hover\:tw-border-primary:hover {
  border-color: rgb(35, 35, 35);
}

.hover\:tw-border-primary-d1:hover {
  border-color: rgb(25, 25, 25);
}

.hover\:tw-border-primary-d2:hover {
  border-color: rgb(20, 20, 20);
}

.hover\:tw-border-primary-d3:hover {
  border-color: rgb(15, 15, 15);
}

.hover\:tw-border-primary-d4:hover {
  border-color: rgb(5, 5, 5);
}

.hover\:tw-border-primary-o9:hover {
  border-color: rgba(35, 35, 35, .9);
}

.hover\:tw-border-primary-o8:hover {
  border-color: rgba(35, 35, 35, .8);
}

.hover\:tw-border-primary-o7:hover {
  border-color: rgba(35, 35, 35, .7);
}

.hover\:tw-border-primary-o6:hover {
  border-color: rgba(35, 35, 35, .6);
}

.hover\:tw-border-primary-o5:hover {
  border-color: rgba(35, 35, 35, .5);
}

.hover\:tw-border-primary-o4:hover {
  border-color: rgba(35, 35, 35, .4);
}

.hover\:tw-border-primary-o3:hover {
  border-color: rgba(35, 35, 35, .3);
}

.hover\:tw-border-primary-o2:hover {
  border-color: rgba(35, 35, 35, .2);
}

.hover\:tw-border-primary-o1:hover {
  border-color: rgba(35, 35, 35, .1);
}

.hover\:tw-border-primary-g1:hover {
  border-color: rgba(31, 157, 85, .5607843137);
}

.hover\:tw-border-primary-d1-o9:hover {
  border-color: rgba(25, 25, 25, .9);
}

.hover\:tw-border-primary-l5-o3:hover {
  border-color: rgba(75, 75, 75, .3);
}

.hover\:tw-border-primary-dark-gray:hover {
  border-color: rgb(165, 165, 165);
}

.focus\:tw-border-transparent:focus {
  border-color: transparent;
}

.focus\:tw-border-black:focus {
  border-color: #22292f;
}

.focus\:tw-border-black-darker:focus {
  border-color: #2f2f2f;
}

.focus\:tw-border-grey-darkest:focus {
  border-color: #3d4852;
}

.focus\:tw-border-grey-darker-1:focus {
  border-color: #666;
}

.focus\:tw-border-grey-darker:focus {
  border-color: #8e8e8e;
}

.focus\:tw-border-grey-dark:focus {
  border-color: #8795a1;
}

.focus\:tw-border-grey:focus {
  border-color: #b8c2cc;
}

.focus\:tw-border-grey-light:focus {
  border-color: #dae1e7;
}

.focus\:tw-border-grey-lighter:focus {
  border-color: #f1f5f8;
}

.focus\:tw-border-grey-lightest:focus {
  border-color: #f8fafc;
}

.focus\:tw-border-white:focus {
  border-color: #fff;
}

.focus\:tw-border-red-darkest:focus {
  border-color: #3b0d0c;
}

.focus\:tw-border-red-darker:focus {
  border-color: #621b18;
}

.focus\:tw-border-red-dark:focus {
  border-color: #cc1f1a;
}

.focus\:tw-border-red:focus {
  border-color: #e3342f;
}

.focus\:tw-border-red-light:focus {
  border-color: #ef5753;
}

.focus\:tw-border-red-lighter:focus {
  border-color: #f9acaa;
}

.focus\:tw-border-red-lightest:focus {
  border-color: #fcebea;
}

.focus\:tw-border-orange-darkest:focus {
  border-color: #462a16;
}

.focus\:tw-border-orange-darker:focus {
  border-color: #613b1f;
}

.focus\:tw-border-orange-dark:focus {
  border-color: #de751f;
}

.focus\:tw-border-orange:focus {
  border-color: #f6993f;
}

.focus\:tw-border-orange-light:focus {
  border-color: #faad63;
}

.focus\:tw-border-orange-lighter:focus {
  border-color: #fcd9b6;
}

.focus\:tw-border-orange-lightest:focus {
  border-color: #fff5eb;
}

.focus\:tw-border-yellow-darkest:focus {
  border-color: #453411;
}

.focus\:tw-border-yellow-darker:focus {
  border-color: #684f1d;
}

.focus\:tw-border-yellow-dark:focus {
  border-color: #f2d024;
}

.focus\:tw-border-yellow:focus {
  border-color: #ffec92;
}

.focus\:tw-border-yellow-light:focus {
  border-color: #fff382;
}

.focus\:tw-border-yellow-lighter:focus {
  border-color: #fff9c2;
}

.focus\:tw-border-yellow-lightest:focus {
  border-color: #fcfbeb;
}

.focus\:tw-border-green-darkest:focus {
  border-color: #0f2f21;
}

.focus\:tw-border-green-darker:focus {
  border-color: #1a4731;
}

.focus\:tw-border-green-dark:focus {
  border-color: #1f9d55;
}

.focus\:tw-border-green:focus {
  border-color: #38c172;
}

.focus\:tw-border-green-light:focus {
  border-color: #51d88a;
}

.focus\:tw-border-green-lighter:focus {
  border-color: #a2f5bf;
}

.focus\:tw-border-green-lightest:focus {
  border-color: #e3fcec;
}

.focus\:tw-border-teal-darkest:focus {
  border-color: #0d3331;
}

.focus\:tw-border-teal-darker:focus {
  border-color: #20504f;
}

.focus\:tw-border-teal-dark:focus {
  border-color: #38a89d;
}

.focus\:tw-border-teal:focus {
  border-color: #4dc0b5;
}

.focus\:tw-border-teal-light:focus {
  border-color: #64d5ca;
}

.focus\:tw-border-teal-lighter:focus {
  border-color: #a0f0ed;
}

.focus\:tw-border-teal-lightest:focus {
  border-color: #e8fffe;
}

.focus\:tw-border-blue-darkest:focus {
  border-color: #12283a;
}

.focus\:tw-border-blue-darker:focus {
  border-color: #1c3d5a;
}

.focus\:tw-border-blue-dark:focus {
  border-color: #2779bd;
}

.focus\:tw-border-blue:focus {
  border-color: #3490dc;
}

.focus\:tw-border-blue-light:focus {
  border-color: #6cb2eb;
}

.focus\:tw-border-blue-lighter:focus {
  border-color: #bcdefa;
}

.focus\:tw-border-blue-lightest:focus {
  border-color: #eff8ff;
}

.focus\:tw-border-indigo-darkest:focus {
  border-color: #191e38;
}

.focus\:tw-border-indigo-darker:focus {
  border-color: #2f365f;
}

.focus\:tw-border-indigo-dark:focus {
  border-color: #5661b3;
}

.focus\:tw-border-indigo:focus {
  border-color: #6574cd;
}

.focus\:tw-border-indigo-light:focus {
  border-color: #7886d7;
}

.focus\:tw-border-indigo-lighter:focus {
  border-color: #b2b7ff;
}

.focus\:tw-border-indigo-lightest:focus {
  border-color: #e6e8ff;
}

.focus\:tw-border-purple-darkest:focus {
  border-color: #21183c;
}

.focus\:tw-border-purple-darker:focus {
  border-color: #382b5f;
}

.focus\:tw-border-purple-dark:focus {
  border-color: #794acf;
}

.focus\:tw-border-purple:focus {
  border-color: #9561e2;
}

.focus\:tw-border-purple-light:focus {
  border-color: #a779e9;
}

.focus\:tw-border-purple-lighter:focus {
  border-color: #d6bbfc;
}

.focus\:tw-border-purple-lightest:focus {
  border-color: #f3ebff;
}

.focus\:tw-border-pink-darkest:focus {
  border-color: #451225;
}

.focus\:tw-border-pink-darker:focus {
  border-color: #6f213f;
}

.focus\:tw-border-pink-dark:focus {
  border-color: #eb5286;
}

.focus\:tw-border-pink:focus {
  border-color: #f66d9b;
}

.focus\:tw-border-pink-light:focus {
  border-color: #fa7ea8;
}

.focus\:tw-border-pink-lighter:focus {
  border-color: #ffbbca;
}

.focus\:tw-border-pink-lightest:focus {
  border-color: #ffebef;
}

.focus\:tw-border-primary-l7:focus {
  border-color: rgb(95, 95, 95);
}

.focus\:tw-border-primary-l6:focus {
  border-color: rgb(85, 85, 85);
}

.focus\:tw-border-primary-l5:focus {
  border-color: rgb(75, 75, 75);
}

.focus\:tw-border-primary-l4:focus {
  border-color: rgb(65, 65, 65);
}

.focus\:tw-border-primary-l3:focus {
  border-color: rgb(55, 55, 55);
}

.focus\:tw-border-primary-l2:focus {
  border-color: rgb(45, 45, 45);
}

.focus\:tw-border-primary-l1:focus {
  border-color: rgb(40, 40, 40);
}

.focus\:tw-border-primary:focus {
  border-color: rgb(35, 35, 35);
}

.focus\:tw-border-primary-d1:focus {
  border-color: rgb(25, 25, 25);
}

.focus\:tw-border-primary-d2:focus {
  border-color: rgb(20, 20, 20);
}

.focus\:tw-border-primary-d3:focus {
  border-color: rgb(15, 15, 15);
}

.focus\:tw-border-primary-d4:focus {
  border-color: rgb(5, 5, 5);
}

.focus\:tw-border-primary-o9:focus {
  border-color: rgba(35, 35, 35, .9);
}

.focus\:tw-border-primary-o8:focus {
  border-color: rgba(35, 35, 35, .8);
}

.focus\:tw-border-primary-o7:focus {
  border-color: rgba(35, 35, 35, .7);
}

.focus\:tw-border-primary-o6:focus {
  border-color: rgba(35, 35, 35, .6);
}

.focus\:tw-border-primary-o5:focus {
  border-color: rgba(35, 35, 35, .5);
}

.focus\:tw-border-primary-o4:focus {
  border-color: rgba(35, 35, 35, .4);
}

.focus\:tw-border-primary-o3:focus {
  border-color: rgba(35, 35, 35, .3);
}

.focus\:tw-border-primary-o2:focus {
  border-color: rgba(35, 35, 35, .2);
}

.focus\:tw-border-primary-o1:focus {
  border-color: rgba(35, 35, 35, .1);
}

.focus\:tw-border-primary-g1:focus {
  border-color: rgba(31, 157, 85, .5607843137);
}

.focus\:tw-border-primary-d1-o9:focus {
  border-color: rgba(25, 25, 25, .9);
}

.focus\:tw-border-primary-l5-o3:focus {
  border-color: rgba(75, 75, 75, .3);
}

.focus\:tw-border-primary-dark-gray:focus {
  border-color: rgb(165, 165, 165);
}

.tw-rounded-none {
  border-radius: 0;
}

.tw-rounded-sm {
  border-radius: .125rem;
}

.tw-rounded {
  border-radius: .25rem;
}

.tw-rounded-lg {
  border-radius: .5rem;
}

.tw-rounded-full {
  border-radius: 9999px;
}

.tw-rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.tw-rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tw-rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.tw-rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tw-rounded-t-sm {
  border-top-left-radius: .125rem;
  border-top-right-radius: .125rem;
}

.tw-rounded-r-sm {
  border-top-right-radius: .125rem;
  border-bottom-right-radius: .125rem;
}

.tw-rounded-b-sm {
  border-bottom-right-radius: .125rem;
  border-bottom-left-radius: .125rem;
}

.tw-rounded-l-sm {
  border-top-left-radius: .125rem;
  border-bottom-left-radius: .125rem;
}

.tw-rounded-t {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.tw-rounded-r {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.tw-rounded-b {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.tw-rounded-l {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.tw-rounded-t-lg {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.tw-rounded-r-lg {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.tw-rounded-b-lg {
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.tw-rounded-l-lg {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.tw-rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.tw-rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.tw-rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.tw-rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.tw-rounded-tl-none {
  border-top-left-radius: 0;
}

.tw-rounded-tr-none {
  border-top-right-radius: 0;
}

.tw-rounded-br-none {
  border-bottom-right-radius: 0;
}

.tw-rounded-bl-none {
  border-bottom-left-radius: 0;
}

.tw-rounded-tl-sm {
  border-top-left-radius: .125rem;
}

.tw-rounded-tr-sm {
  border-top-right-radius: .125rem;
}

.tw-rounded-br-sm {
  border-bottom-right-radius: .125rem;
}

.tw-rounded-bl-sm {
  border-bottom-left-radius: .125rem;
}

.tw-rounded-tl {
  border-top-left-radius: .25rem;
}

.tw-rounded-tr {
  border-top-right-radius: .25rem;
}

.tw-rounded-br {
  border-bottom-right-radius: .25rem;
}

.tw-rounded-bl {
  border-bottom-left-radius: .25rem;
}

.tw-rounded-tl-lg {
  border-top-left-radius: .5rem;
}

.tw-rounded-tr-lg {
  border-top-right-radius: .5rem;
}

.tw-rounded-br-lg {
  border-bottom-right-radius: .5rem;
}

.tw-rounded-bl-lg {
  border-bottom-left-radius: .5rem;
}

.tw-rounded-tl-full {
  border-top-left-radius: 9999px;
}

.tw-rounded-tr-full {
  border-top-right-radius: 9999px;
}

.tw-rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.tw-rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.tw-border-solid {
  border-style: solid;
}

.tw-border-dashed {
  border-style: dashed;
}

.tw-border-dotted {
  border-style: dotted;
}

.tw-border-none {
  border-style: none;
}

.tw-border-0 {
  border-width: 0;
}

.tw-border-2 {
  border-width: 2px;
}

.tw-border-4 {
  border-width: 4px;
}

.tw-border-8 {
  border-width: 8px;
}

.tw-border {
  border-width: 1px;
}

.tw-border-t-0 {
  border-top-width: 0;
}

.tw-border-r-0 {
  border-right-width: 0;
}

.tw-border-b-0 {
  border-bottom-width: 0;
}

.tw-border-l-0 {
  border-left-width: 0;
}

.tw-border-t-2 {
  border-top-width: 2px;
}

.tw-border-r-2 {
  border-right-width: 2px;
}

.tw-border-b-2 {
  border-bottom-width: 2px;
}

.tw-border-l-2 {
  border-left-width: 2px;
}

.tw-border-t-4 {
  border-top-width: 4px;
}

.tw-border-r-4 {
  border-right-width: 4px;
}

.tw-border-b-4 {
  border-bottom-width: 4px;
}

.tw-border-l-4 {
  border-left-width: 4px;
}

.tw-border-t-8 {
  border-top-width: 8px;
}

.tw-border-r-8 {
  border-right-width: 8px;
}

.tw-border-b-8 {
  border-bottom-width: 8px;
}

.tw-border-l-8 {
  border-left-width: 8px;
}

.tw-border-t {
  border-top-width: 1px;
}

.tw-border-r {
  border-right-width: 1px;
}

.tw-border-b {
  border-bottom-width: 1px;
}

.tw-border-l {
  border-left-width: 1px;
}

.hover\:tw-border-0:hover {
  border-width: 0;
}

.hover\:tw-border-2:hover {
  border-width: 2px;
}

.hover\:tw-border-4:hover {
  border-width: 4px;
}

.hover\:tw-border-8:hover {
  border-width: 8px;
}

.hover\:tw-border:hover {
  border-width: 1px;
}

.hover\:tw-border-t-0:hover {
  border-top-width: 0;
}

.hover\:tw-border-r-0:hover {
  border-right-width: 0;
}

.hover\:tw-border-b-0:hover {
  border-bottom-width: 0;
}

.hover\:tw-border-l-0:hover {
  border-left-width: 0;
}

.hover\:tw-border-t-2:hover {
  border-top-width: 2px;
}

.hover\:tw-border-r-2:hover {
  border-right-width: 2px;
}

.hover\:tw-border-b-2:hover {
  border-bottom-width: 2px;
}

.hover\:tw-border-l-2:hover {
  border-left-width: 2px;
}

.hover\:tw-border-t-4:hover {
  border-top-width: 4px;
}

.hover\:tw-border-r-4:hover {
  border-right-width: 4px;
}

.hover\:tw-border-b-4:hover {
  border-bottom-width: 4px;
}

.hover\:tw-border-l-4:hover {
  border-left-width: 4px;
}

.hover\:tw-border-t-8:hover {
  border-top-width: 8px;
}

.hover\:tw-border-r-8:hover {
  border-right-width: 8px;
}

.hover\:tw-border-b-8:hover {
  border-bottom-width: 8px;
}

.hover\:tw-border-l-8:hover {
  border-left-width: 8px;
}

.hover\:tw-border-t:hover {
  border-top-width: 1px;
}

.hover\:tw-border-r:hover {
  border-right-width: 1px;
}

.hover\:tw-border-b:hover {
  border-bottom-width: 1px;
}

.hover\:tw-border-l:hover {
  border-left-width: 1px;
}

.focus\:tw-border-0:focus {
  border-width: 0;
}

.focus\:tw-border-2:focus {
  border-width: 2px;
}

.focus\:tw-border-4:focus {
  border-width: 4px;
}

.focus\:tw-border-8:focus {
  border-width: 8px;
}

.focus\:tw-border:focus {
  border-width: 1px;
}

.focus\:tw-border-t-0:focus {
  border-top-width: 0;
}

.focus\:tw-border-r-0:focus {
  border-right-width: 0;
}

.focus\:tw-border-b-0:focus {
  border-bottom-width: 0;
}

.focus\:tw-border-l-0:focus {
  border-left-width: 0;
}

.focus\:tw-border-t-2:focus {
  border-top-width: 2px;
}

.focus\:tw-border-r-2:focus {
  border-right-width: 2px;
}

.focus\:tw-border-b-2:focus {
  border-bottom-width: 2px;
}

.focus\:tw-border-l-2:focus {
  border-left-width: 2px;
}

.focus\:tw-border-t-4:focus {
  border-top-width: 4px;
}

.focus\:tw-border-r-4:focus {
  border-right-width: 4px;
}

.focus\:tw-border-b-4:focus {
  border-bottom-width: 4px;
}

.focus\:tw-border-l-4:focus {
  border-left-width: 4px;
}

.focus\:tw-border-t-8:focus {
  border-top-width: 8px;
}

.focus\:tw-border-r-8:focus {
  border-right-width: 8px;
}

.focus\:tw-border-b-8:focus {
  border-bottom-width: 8px;
}

.focus\:tw-border-l-8:focus {
  border-left-width: 8px;
}

.focus\:tw-border-t:focus {
  border-top-width: 1px;
}

.focus\:tw-border-r:focus {
  border-right-width: 1px;
}

.focus\:tw-border-b:focus {
  border-bottom-width: 1px;
}

.focus\:tw-border-l:focus {
  border-left-width: 1px;
}

.tw-cursor-auto {
  cursor: auto;
}

.tw-cursor-default {
  cursor: default;
}

.tw-cursor-pointer {
  cursor: pointer;
}

.tw-cursor-wait {
  cursor: wait;
}

.tw-cursor-move {
  cursor: move;
}

.tw-cursor-not-allowed {
  cursor: not-allowed;
}

.tw-block {
  display: block;
}

.tw-inline-block {
  display: inline-block;
}

.tw-inline {
  display: inline;
}

.tw-table {
  display: table;
}

.tw-table-row {
  display: table-row;
}

.tw-table-cell {
  display: table-cell;
}

.tw-hidden {
  display: none;
}

.group:hover .group-hover\:tw-block {
  display: block;
}

.group:hover .group-hover\:tw-inline-block {
  display: inline-block;
}

.group:hover .group-hover\:tw-inline {
  display: inline;
}

.group:hover .group-hover\:tw-table {
  display: table;
}

.group:hover .group-hover\:tw-table-row {
  display: table-row;
}

.group:hover .group-hover\:tw-table-cell {
  display: table-cell;
}

.group:hover .group-hover\:tw-hidden {
  display: none;
}

.hover\:tw-block:hover {
  display: block;
}

.hover\:tw-inline-block:hover {
  display: inline-block;
}

.hover\:tw-inline:hover {
  display: inline;
}

.hover\:tw-table:hover {
  display: table;
}

.hover\:tw-table-row:hover {
  display: table-row;
}

.hover\:tw-table-cell:hover {
  display: table-cell;
}

.hover\:tw-hidden:hover {
  display: none;
}

.tw-flex {
  display: flex;
}

.tw-inline-flex {
  display: inline-flex;
}

.tw-flex-row {
  flex-direction: row;
}

.tw-flex-row-reverse {
  flex-direction: row-reverse;
}

.tw-flex-col {
  flex-direction: column;
}

.tw-flex-col-reverse {
  flex-direction: column-reverse;
}

.tw-flex-wrap {
  flex-wrap: wrap;
}

.tw-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.tw-flex-no-wrap {
  flex-wrap: nowrap;
}

.tw-items-start {
  align-items: flex-start;
}

.tw-items-end {
  align-items: flex-end;
}

.tw-items-center {
  align-items: center;
}

.tw-items-baseline {
  align-items: baseline;
}

.tw-items-stretch {
  align-items: stretch;
}

.tw-self-auto {
  align-self: auto;
}

.tw-self-start {
  align-self: flex-start;
}

.tw-self-end {
  align-self: flex-end;
}

.tw-self-center {
  align-self: center;
}

.tw-self-stretch {
  align-self: stretch;
}

.tw-justify-start {
  justify-content: flex-start;
}

.tw-justify-end {
  justify-content: flex-end;
}

.tw-justify-center {
  justify-content: center;
}

.tw-justify-between {
  justify-content: space-between;
}

.tw-justify-around {
  justify-content: space-around;
}

.tw-content-center {
  align-content: center;
}

.tw-content-start {
  align-content: flex-start;
}

.tw-content-end {
  align-content: flex-end;
}

.tw-content-between {
  align-content: space-between;
}

.tw-content-around {
  align-content: space-around;
}

.tw-flex-1 {
  flex: 1;
}

.tw-flex-auto {
  flex: auto;
}

.tw-flex-initial {
  flex: initial;
}

.tw-flex-none {
  flex: none;
}

.tw-flex-grow {
  flex-grow: 1;
}

.tw-flex-shrink {
  flex-shrink: 1;
}

.tw-flex-no-grow {
  flex-grow: 0;
}

.tw-flex-no-shrink {
  flex-shrink: 0;
}

.tw-float-right {
  float: right;
}

.tw-float-left {
  float: left;
}

.tw-float-none {
  float: none;
}

.tw-clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.tw-font-sans {
  font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.tw-font-serif {
  font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
}

.tw-font-mono {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.tw-font-hairline {
  font-weight: 100;
}

.tw-font-thin {
  font-weight: 200;
}

.tw-font-light {
  font-weight: 300;
}

.tw-font-normal {
  font-weight: 400;
}

.tw-font-medium {
  font-weight: 500;
}

.tw-font-semibold {
  font-weight: 600;
}

.tw-font-bold {
  font-weight: 700;
}

.tw-font-extrabold {
  font-weight: 800;
}

.tw-font-black {
  font-weight: 900;
}

.hover\:tw-font-hairline:hover {
  font-weight: 100;
}

.hover\:tw-font-thin:hover {
  font-weight: 200;
}

.hover\:tw-font-light:hover {
  font-weight: 300;
}

.hover\:tw-font-normal:hover {
  font-weight: 400;
}

.hover\:tw-font-medium:hover {
  font-weight: 500;
}

.hover\:tw-font-semibold:hover {
  font-weight: 600;
}

.hover\:tw-font-bold:hover {
  font-weight: 700;
}

.hover\:tw-font-extrabold:hover {
  font-weight: 800;
}

.hover\:tw-font-black:hover {
  font-weight: 900;
}

.focus\:tw-font-hairline:focus {
  font-weight: 100;
}

.focus\:tw-font-thin:focus {
  font-weight: 200;
}

.focus\:tw-font-light:focus {
  font-weight: 300;
}

.focus\:tw-font-normal:focus {
  font-weight: 400;
}

.focus\:tw-font-medium:focus {
  font-weight: 500;
}

.focus\:tw-font-semibold:focus {
  font-weight: 600;
}

.focus\:tw-font-bold:focus {
  font-weight: 700;
}

.focus\:tw-font-extrabold:focus {
  font-weight: 800;
}

.focus\:tw-font-black:focus {
  font-weight: 900;
}

.tw-h-1 {
  height: .25rem;
}

.tw-h-2 {
  height: .5rem;
}

.tw-h-3 {
  height: .75rem;
}

.tw-h-4 {
  height: 1rem;
}

.tw-h-5 {
  height: 1.25rem;
}

.tw-h-6 {
  height: 1.5rem;
}

.tw-h-8 {
  height: 2rem;
}

.tw-h-10 {
  height: 2.5rem;
}

.tw-h-12 {
  height: 3rem;
}

.tw-h-16 {
  height: 4rem;
}

.tw-h-20 {
  height: 5rem;
}

.tw-h-24 {
  height: 6rem;
}

.tw-h-28 {
  height: 7rem;
}

.tw-h-32 {
  height: 8rem;
}

.tw-h-48 {
  height: 12rem;
}

.tw-h-64 {
  height: 16rem;
}

.tw-h-auto {
  height: auto;
}

.tw-h-px {
  height: 1px;
}

.tw-h-full {
  height: 100%;
}

.tw-h-screen {
  height: 100vh;
}

.tw-leading-none {
  line-height: 1;
}

.tw-leading-tight {
  line-height: 1.25;
}

.tw-leading-normal {
  line-height: 1.5;
}

.tw-leading-loose {
  line-height: 2;
}

.tw-m-0 {
  margin: 0;
}

.tw-m-1 {
  margin: .25rem;
}

.tw-m-2 {
  margin: .5rem;
}

.tw-m-3 {
  margin: .75rem;
}

.tw-m-4 {
  margin: 1rem;
}

.tw-m-5 {
  margin: 1.25rem;
}

.tw-m-6 {
  margin: 1.5rem;
}

.tw-m-8 {
  margin: 2rem;
}

.tw-m-10 {
  margin: 2.5rem;
}

.tw-m-12 {
  margin: 3rem;
}

.tw-m-16 {
  margin: 4rem;
}

.tw-m-20 {
  margin: 5rem;
}

.tw-m-24 {
  margin: 6rem;
}

.tw-m-32 {
  margin: 8rem;
}

.tw-m-40 {
  margin: 10rem;
}

.tw-m-auto {
  margin: auto;
}

.tw-m-px {
  margin: 1px;
}

.tw-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.tw-mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.tw-my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.tw-mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

.tw-my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.tw-mx-2 {
  margin-left: .5rem;
  margin-right: .5rem;
}

.tw-my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.tw-mx-3 {
  margin-left: .75rem;
  margin-right: .75rem;
}

.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.tw-mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.tw-my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.tw-mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.tw-my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.tw-mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.tw-my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.tw-mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.tw-my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.tw-mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.tw-my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.tw-mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.tw-my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.tw-mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.tw-my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.tw-mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.tw-my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.tw-mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.tw-my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.tw-mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.tw-my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.tw-mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.tw-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

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

.tw-my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.tw-mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

.tw-mt-0 {
  margin-top: 0;
}

.tw-mr-0 {
  margin-right: 0;
}

.tw-mb-0 {
  margin-bottom: 0;
}

.tw-ml-0 {
  margin-left: 0;
}

.tw-mt-1 {
  margin-top: .25rem;
}

.tw-mr-1 {
  margin-right: .25rem;
}

.tw-mb-1 {
  margin-bottom: .25rem;
}

.tw-ml-1 {
  margin-left: .25rem;
}

.tw-mt-2 {
  margin-top: .5rem;
}

.tw-mr-2 {
  margin-right: .5rem;
}

.tw-mb-2 {
  margin-bottom: .5rem;
}

.tw-ml-2 {
  margin-left: .5rem;
}

.tw-mt-3 {
  margin-top: .75rem;
}

.tw-mr-3 {
  margin-right: .75rem;
}

.tw-mb-3 {
  margin-bottom: .75rem;
}

.tw-ml-3 {
  margin-left: .75rem;
}

.tw-mt-4 {
  margin-top: 1rem;
}

.tw-mr-4 {
  margin-right: 1rem;
}

.tw-mb-4 {
  margin-bottom: 1rem;
}

.tw-ml-4 {
  margin-left: 1rem;
}

.tw-mt-5 {
  margin-top: 1.25rem;
}

.tw-mr-5 {
  margin-right: 1.25rem;
}

.tw-mb-5 {
  margin-bottom: 1.25rem;
}

.tw-ml-5 {
  margin-left: 1.25rem;
}

.tw-mt-6 {
  margin-top: 1.5rem;
}

.tw-mr-6 {
  margin-right: 1.5rem;
}

.tw-mb-6 {
  margin-bottom: 1.5rem;
}

.tw-ml-6 {
  margin-left: 1.5rem;
}

.tw-mt-8 {
  margin-top: 2rem;
}

.tw-mr-8 {
  margin-right: 2rem;
}

.tw-mb-8 {
  margin-bottom: 2rem;
}

.tw-ml-8 {
  margin-left: 2rem;
}

.tw-mt-10 {
  margin-top: 2.5rem;
}

.tw-mr-10 {
  margin-right: 2.5rem;
}

.tw-mb-10 {
  margin-bottom: 2.5rem;
}

.tw-ml-10 {
  margin-left: 2.5rem;
}

.tw-mt-12 {
  margin-top: 3rem;
}

.tw-mr-12 {
  margin-right: 3rem;
}

.tw-mb-12 {
  margin-bottom: 3rem;
}

.tw-ml-12 {
  margin-left: 3rem;
}

.tw-mt-16 {
  margin-top: 4rem;
}

.tw-mr-16 {
  margin-right: 4rem;
}

.tw-mb-16 {
  margin-bottom: 4rem;
}

.tw-ml-16 {
  margin-left: 4rem;
}

.tw-mt-20 {
  margin-top: 5rem;
}

.tw-mr-20 {
  margin-right: 5rem;
}

.tw-mb-20 {
  margin-bottom: 5rem;
}

.tw-ml-20 {
  margin-left: 5rem;
}

.tw-mt-24 {
  margin-top: 6rem;
}

.tw-mr-24 {
  margin-right: 6rem;
}

.tw-mb-24 {
  margin-bottom: 6rem;
}

.tw-ml-24 {
  margin-left: 6rem;
}

.tw-mt-32 {
  margin-top: 8rem;
}

.tw-mr-32 {
  margin-right: 8rem;
}

.tw-mb-32 {
  margin-bottom: 8rem;
}

.tw-ml-32 {
  margin-left: 8rem;
}

.tw-mt-40 {
  margin-top: 10rem;
}

.tw-mr-40 {
  margin-right: 10rem;
}

.tw-mb-40 {
  margin-bottom: 10rem;
}

.tw-ml-40 {
  margin-left: 10rem;
}

.tw-mt-auto {
  margin-top: auto;
}

.tw-mr-auto {
  margin-right: auto;
}

.tw-mb-auto {
  margin-bottom: auto;
}

.tw-ml-auto {
  margin-left: auto;
}

.tw-mt-px {
  margin-top: 1px;
}

.tw-mr-px {
  margin-right: 1px;
}

.tw-mb-px {
  margin-bottom: 1px;
}

.tw-ml-px {
  margin-left: 1px;
}

.tw-max-h-0 {
  max-height: 0;
}

.tw-max-h-1 {
  max-height: .25rem;
}

.tw-max-h-2 {
  max-height: .5rem;
}

.tw-max-h-3 {
  max-height: .75rem;
}

.tw-max-h-4 {
  max-height: 1rem;
}

.tw-max-h-5 {
  max-height: 1.25rem;
}

.tw-max-h-6 {
  max-height: 1.5rem;
}

.tw-max-h-8 {
  max-height: 2rem;
}

.tw-max-h-10 {
  max-height: 2.5rem;
}

.tw-max-h-12 {
  max-height: 3rem;
}

.tw-max-h-16 {
  max-height: 4rem;
}

.tw-max-h-20 {
  max-height: 5rem;
}

.tw-max-h-24 {
  max-height: 6rem;
}

.tw-max-h-28 {
  max-height: 7rem;
}

.tw-max-h-32 {
  max-height: 8rem;
}

.tw-max-h-40 {
  max-height: 10rem;
}

.tw-max-h-44 {
  max-height: 11rem;
}

.tw-max-h-48 {
  max-height: 12rem;
}

.tw-max-h-64 {
  max-height: 16rem;
}

.tw-max-h-full {
  max-height: 100%;
}

.tw-max-h-screen {
  max-height: 100vh;
}

.tw-max-w-xs {
  max-width: 20rem;
}

.tw-max-w-sm {
  max-width: 30rem;
}

.tw-max-w-md {
  max-width: 40rem;
}

.tw-max-w-lg {
  max-width: 50rem;
}

.tw-max-w-xl {
  max-width: 60rem;
}

.tw-max-w-2xl {
  max-width: 70rem;
}

.tw-max-w-3xl {
  max-width: 80rem;
}

.tw-max-w-4xl {
  max-width: 90rem;
}

.tw-max-w-5xl {
  max-width: 100rem;
}

.tw-max-w-full {
  max-width: 100%;
}

.tw-min-h-0 {
  min-height: 0;
}

.tw-min-h-1 {
  min-height: .25rem;
}

.tw-min-h-2 {
  min-height: .5rem;
}

.tw-min-h-3 {
  min-height: .75rem;
}

.tw-min-h-4 {
  min-height: 1rem;
}

.tw-min-h-5 {
  min-height: 1.25rem;
}

.tw-min-h-6 {
  min-height: 1.5rem;
}

.tw-min-h-7 {
  min-height: 1.75rem;
}

.tw-min-h-8 {
  min-height: 2rem;
}

.tw-min-h-10 {
  min-height: 2.5rem;
}

.tw-min-h-12 {
  min-height: 3rem;
}

.tw-min-h-16 {
  min-height: 4rem;
}

.tw-min-h-20 {
  min-height: 5rem;
}

.tw-min-h-24 {
  min-height: 6rem;
}

.tw-min-h-28 {
  min-height: 7rem;
}

.tw-min-h-32 {
  min-height: 8rem;
}

.tw-min-h-40 {
  min-height: 10rem;
}

.tw-min-h-44 {
  min-height: 11rem;
}

.tw-min-h-48 {
  min-height: 12rem;
}

.tw-min-h-64 {
  min-height: 16rem;
}

.tw-min-h-full {
  min-height: 100%;
}

.tw-min-h-screen {
  min-height: 100vh;
}

.tw-min-w-0 {
  min-width: 0;
}

.tw-min-w-1 {
  min-width: .25rem;
}

.tw-min-w-2 {
  min-width: .5rem;
}

.tw-min-w-3 {
  min-width: .75rem;
}

.tw-min-w-4 {
  min-width: 1rem;
}

.tw-min-w-5 {
  min-width: 1.25rem;
}

.tw-min-w-6 {
  min-width: 1.5rem;
}

.tw-min-w-8 {
  min-width: 2rem;
}

.tw-min-w-10 {
  min-width: 2.5rem;
}

.tw-min-w-12 {
  min-width: 3rem;
}

.tw-min-w-16 {
  min-width: 4rem;
}

.tw-min-w-20 {
  min-width: 5rem;
}

.tw-min-w-24 {
  min-width: 6rem;
}

.tw-min-w-28 {
  min-width: 7rem;
}

.tw-min-w-32 {
  min-width: 8rem;
}

.tw-min-w-48 {
  min-width: 12rem;
}

.tw-min-w-64 {
  min-width: 16rem;
}

.tw-min-w-88 {
  min-width: 22rem;
}

.tw-min-w-full {
  min-width: 100%;
}

.tw--m-0 {
  margin: 0;
}

.tw--m-1 {
  margin: -0.25rem;
}

.tw--m-2 {
  margin: -0.5rem;
}

.tw--m-3 {
  margin: -0.75rem;
}

.tw--m-4 {
  margin: -1rem;
}

.tw--m-5 {
  margin: -1.25rem;
}

.tw--m-6 {
  margin: -1.5rem;
}

.tw--m-8 {
  margin: -2rem;
}

.tw--m-10 {
  margin: -2.5rem;
}

.tw--m-12 {
  margin: -3rem;
}

.tw--m-16 {
  margin: -4rem;
}

.tw--m-20 {
  margin: -5rem;
}

.tw--m-24 {
  margin: -6rem;
}

.tw--m-32 {
  margin: -8rem;
}

.tw--m-px {
  margin: -1px;
}

.tw--my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.tw--mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.tw--my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

.tw--mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.tw--my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.tw--mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.tw--my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

.tw--mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.tw--my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.tw--mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.tw--my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}

.tw--mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.tw--my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

.tw--mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.tw--my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}

.tw--mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.tw--my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}

.tw--mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

.tw--my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}

.tw--mx-12 {
  margin-left: -3rem;
  margin-right: -3rem;
}

.tw--my-16 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}

.tw--mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}

.tw--my-20 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}

.tw--mx-20 {
  margin-left: -5rem;
  margin-right: -5rem;
}

.tw--my-24 {
  margin-top: -6rem;
  margin-bottom: -6rem;
}

.tw--mx-24 {
  margin-left: -6rem;
  margin-right: -6rem;
}

.tw--my-32 {
  margin-top: -8rem;
  margin-bottom: -8rem;
}

.tw--mx-32 {
  margin-left: -8rem;
  margin-right: -8rem;
}

.tw--my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}

.tw--mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

.tw--mt-0 {
  margin-top: 0;
}

.tw--mr-0 {
  margin-right: 0;
}

.tw--mb-0 {
  margin-bottom: 0;
}

.tw--ml-0 {
  margin-left: 0;
}

.tw--mt-1 {
  margin-top: -0.25rem;
}

.tw--mr-1 {
  margin-right: -0.25rem;
}

.tw--mb-1 {
  margin-bottom: -0.25rem;
}

.tw--ml-1 {
  margin-left: -0.25rem;
}

.tw--mt-2 {
  margin-top: -0.5rem;
}

.tw--mr-2 {
  margin-right: -0.5rem;
}

.tw--mb-2 {
  margin-bottom: -0.5rem;
}

.tw--ml-2 {
  margin-left: -0.5rem;
}

.tw--mt-3 {
  margin-top: -0.75rem;
}

.tw--mr-3 {
  margin-right: -0.75rem;
}

.tw--mb-3 {
  margin-bottom: -0.75rem;
}

.tw--ml-3 {
  margin-left: -0.75rem;
}

.tw--mt-4 {
  margin-top: -1rem;
}

.tw--mr-4 {
  margin-right: -1rem;
}

.tw--mb-4 {
  margin-bottom: -1rem;
}

.tw--ml-4 {
  margin-left: -1rem;
}

.tw--mt-5 {
  margin-top: -1.25rem;
}

.tw--mr-5 {
  margin-right: -1.25rem;
}

.tw--mb-5 {
  margin-bottom: -1.25rem;
}

.tw--ml-5 {
  margin-left: -1.25rem;
}

.tw--mt-6 {
  margin-top: -1.5rem;
}

.tw--mr-6 {
  margin-right: -1.5rem;
}

.tw--mb-6 {
  margin-bottom: -1.5rem;
}

.tw--ml-6 {
  margin-left: -1.5rem;
}

.tw--mt-8 {
  margin-top: -2rem;
}

.tw--mr-8 {
  margin-right: -2rem;
}

.tw--mb-8 {
  margin-bottom: -2rem;
}

.tw--ml-8 {
  margin-left: -2rem;
}

.tw--mt-10 {
  margin-top: -2.5rem;
}

.tw--mr-10 {
  margin-right: -2.5rem;
}

.tw--mb-10 {
  margin-bottom: -2.5rem;
}

.tw--ml-10 {
  margin-left: -2.5rem;
}

.tw--mt-12 {
  margin-top: -3rem;
}

.tw--mr-12 {
  margin-right: -3rem;
}

.tw--mb-12 {
  margin-bottom: -3rem;
}

.tw--ml-12 {
  margin-left: -3rem;
}

.tw--mt-16 {
  margin-top: -4rem;
}

.tw--mr-16 {
  margin-right: -4rem;
}

.tw--mb-16 {
  margin-bottom: -4rem;
}

.tw--ml-16 {
  margin-left: -4rem;
}

.tw--mt-20 {
  margin-top: -5rem;
}

.tw--mr-20 {
  margin-right: -5rem;
}

.tw--mb-20 {
  margin-bottom: -5rem;
}

.tw--ml-20 {
  margin-left: -5rem;
}

.tw--mt-24 {
  margin-top: -6rem;
}

.tw--mr-24 {
  margin-right: -6rem;
}

.tw--mb-24 {
  margin-bottom: -6rem;
}

.tw--ml-24 {
  margin-left: -6rem;
}

.tw--mt-32 {
  margin-top: -8rem;
}

.tw--mr-32 {
  margin-right: -8rem;
}

.tw--mb-32 {
  margin-bottom: -8rem;
}

.tw--ml-32 {
  margin-left: -8rem;
}

.tw--mt-px {
  margin-top: -1px;
}

.tw--mr-px {
  margin-right: -1px;
}

.tw--mb-px {
  margin-bottom: -1px;
}

.tw--ml-px {
  margin-left: -1px;
}

.tw-opacity-0 {
  opacity: 0;
}

.tw-opacity-25 {
  opacity: .25;
}

.tw-opacity-50 {
  opacity: .5;
}

.tw-opacity-75 {
  opacity: .75;
}

.tw-opacity-100 {
  opacity: 1;
}

.hover\:tw-opacity-0:hover {
  opacity: 0;
}

.hover\:tw-opacity-25:hover {
  opacity: .25;
}

.hover\:tw-opacity-50:hover {
  opacity: .5;
}

.hover\:tw-opacity-75:hover {
  opacity: .75;
}

.hover\:tw-opacity-100:hover {
  opacity: 1;
}

.tw-outline-none {
  outline: 0;
}

.focus\:tw-outline-none:focus {
  outline: 0;
}

.tw-overflow-auto {
  overflow: auto;
}

.tw-overflow-hidden {
  overflow: hidden;
}

.tw-overflow-visible {
  overflow: visible;
}

.tw-overflow-scroll {
  overflow: scroll;
}

.tw-overflow-x-auto {
  overflow-x: auto;
}

.tw-overflow-y-auto {
  overflow-y: auto;
}

.tw-overflow-x-hidden {
  overflow-x: hidden;
}

.tw-overflow-y-hidden {
  overflow-y: hidden;
}

.tw-overflow-x-visible {
  overflow-x: visible;
}

.tw-overflow-y-visible {
  overflow-y: visible;
}

.tw-overflow-x-scroll {
  overflow-x: scroll;
}

.tw-overflow-y-scroll {
  overflow-y: scroll;
}

.tw-scrolling-touch {
  -webkit-overflow-scrolling: touch;
}

.tw-scrolling-auto {
  -webkit-overflow-scrolling: auto;
}

.tw-p-0 {
  padding: 0;
}

.tw-p-1 {
  padding: .25rem;
}

.tw-p-2 {
  padding: .5rem;
}

.tw-p-3 {
  padding: .75rem;
}

.tw-p-4 {
  padding: 1rem;
}

.tw-p-5 {
  padding: 1.25rem;
}

.tw-p-6 {
  padding: 1.5rem;
}

.tw-p-8 {
  padding: 2rem;
}

.tw-p-10 {
  padding: 2.5rem;
}

.tw-p-12 {
  padding: 3rem;
}

.tw-p-16 {
  padding: 4rem;
}

.tw-p-20 {
  padding: 5rem;
}

.tw-p-24 {
  padding: 6rem;
}

.tw-p-32 {
  padding: 8rem;
}

.tw-p-40 {
  padding: 10rem;
}

.tw-p-px {
  padding: 1px;
}

.tw-p-15px {
  padding: .9375rem;
}

.tw-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.tw-px-0 {
  padding-left: 0;
  padding-right: 0;
}

.tw-py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.tw-px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.tw-py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.tw-px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.tw-py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.tw-px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.tw-py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.tw-px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.tw-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.tw-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.tw-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.tw-py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.tw-px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.tw-py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.tw-px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.tw-py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.tw-px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.tw-py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.tw-px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.tw-py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.tw-px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.tw-py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.tw-px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.tw-py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.tw-px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.tw-py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.tw-px-px {
  padding-left: 1px;
  padding-right: 1px;
}

.tw-py-15px {
  padding-top: .9375rem;
  padding-bottom: .9375rem;
}

.tw-px-15px {
  padding-left: .9375rem;
  padding-right: .9375rem;
}

.tw-pt-0 {
  padding-top: 0;
}

.tw-pr-0 {
  padding-right: 0;
}

.tw-pb-0 {
  padding-bottom: 0;
}

.tw-pl-0 {
  padding-left: 0;
}

.tw-pt-1 {
  padding-top: .25rem;
}

.tw-pr-1 {
  padding-right: .25rem;
}

.tw-pb-1 {
  padding-bottom: .25rem;
}

.tw-pl-1 {
  padding-left: .25rem;
}

.tw-pt-2 {
  padding-top: .5rem;
}

.tw-pr-2 {
  padding-right: .5rem;
}

.tw-pb-2 {
  padding-bottom: .5rem;
}

.tw-pl-2 {
  padding-left: .5rem;
}

.tw-pt-3 {
  padding-top: .75rem;
}

.tw-pr-3 {
  padding-right: .75rem;
}

.tw-pb-3 {
  padding-bottom: .75rem;
}

.tw-pl-3 {
  padding-left: .75rem;
}

.tw-pt-4 {
  padding-top: 1rem;
}

.tw-pr-4 {
  padding-right: 1rem;
}

.tw-pb-4 {
  padding-bottom: 1rem;
}

.tw-pl-4 {
  padding-left: 1rem;
}

.tw-pt-5 {
  padding-top: 1.25rem;
}

.tw-pr-5 {
  padding-right: 1.25rem;
}

.tw-pb-5 {
  padding-bottom: 1.25rem;
}

.tw-pl-5 {
  padding-left: 1.25rem;
}

.tw-pt-6 {
  padding-top: 1.5rem;
}

.tw-pr-6 {
  padding-right: 1.5rem;
}

.tw-pb-6 {
  padding-bottom: 1.5rem;
}

.tw-pl-6 {
  padding-left: 1.5rem;
}

.tw-pt-8 {
  padding-top: 2rem;
}

.tw-pr-8 {
  padding-right: 2rem;
}

.tw-pb-8 {
  padding-bottom: 2rem;
}

.tw-pl-8 {
  padding-left: 2rem;
}

.tw-pt-10 {
  padding-top: 2.5rem;
}

.tw-pr-10 {
  padding-right: 2.5rem;
}

.tw-pb-10 {
  padding-bottom: 2.5rem;
}

.tw-pl-10 {
  padding-left: 2.5rem;
}

.tw-pt-12 {
  padding-top: 3rem;
}

.tw-pr-12 {
  padding-right: 3rem;
}

.tw-pb-12 {
  padding-bottom: 3rem;
}

.tw-pl-12 {
  padding-left: 3rem;
}

.tw-pt-16 {
  padding-top: 4rem;
}

.tw-pr-16 {
  padding-right: 4rem;
}

.tw-pb-16 {
  padding-bottom: 4rem;
}

.tw-pl-16 {
  padding-left: 4rem;
}

.tw-pt-20 {
  padding-top: 5rem;
}

.tw-pr-20 {
  padding-right: 5rem;
}

.tw-pb-20 {
  padding-bottom: 5rem;
}

.tw-pl-20 {
  padding-left: 5rem;
}

.tw-pt-24 {
  padding-top: 6rem;
}

.tw-pr-24 {
  padding-right: 6rem;
}

.tw-pb-24 {
  padding-bottom: 6rem;
}

.tw-pl-24 {
  padding-left: 6rem;
}

.tw-pt-32 {
  padding-top: 8rem;
}

.tw-pr-32 {
  padding-right: 8rem;
}

.tw-pb-32 {
  padding-bottom: 8rem;
}

.tw-pl-32 {
  padding-left: 8rem;
}

.tw-pt-40 {
  padding-top: 10rem;
}

.tw-pr-40 {
  padding-right: 10rem;
}

.tw-pb-40 {
  padding-bottom: 10rem;
}

.tw-pl-40 {
  padding-left: 10rem;
}

.tw-pt-px {
  padding-top: 1px;
}

.tw-pr-px {
  padding-right: 1px;
}

.tw-pb-px {
  padding-bottom: 1px;
}

.tw-pl-px {
  padding-left: 1px;
}

.tw-pt-15px {
  padding-top: .9375rem;
}

.tw-pr-15px {
  padding-right: .9375rem;
}

.tw-pb-15px {
  padding-bottom: .9375rem;
}

.tw-pl-15px {
  padding-left: .9375rem;
}

.tw-pointer-events-none {
  pointer-events: none;
}

.tw-pointer-events-auto {
  pointer-events: auto;
}

.tw-static {
  position: static;
}

.tw-fixed {
  position: fixed;
}

.tw-absolute {
  position: absolute;
}

.tw-relative {
  position: relative;
}

.tw-sticky {
  position: sticky;
}

.tw-pin-none {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.tw-pin {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.tw-pin-y {
  top: 0;
  bottom: 0;
}

.tw-pin-x {
  right: 0;
  left: 0;
}

.tw-pin-t {
  top: 0;
}

.tw-pin-r {
  right: 0;
}

.tw-pin-b {
  bottom: 0;
}

.tw-pin-l {
  left: 0;
}

.tw-resize-none {
  resize: none;
}

.tw-resize-y {
  resize: vertical;
}

.tw-resize-x {
  resize: horizontal;
}

.tw-resize {
  resize: both;
}

.tw-shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
}

.tw-shadow-md {
  box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
}

.tw-shadow-lg {
  box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
}

.tw-shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}

.tw-shadow-outline {
  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
}

.tw-shadow-none {
  box-shadow: none;
}

.hover\:tw-shadow:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
}

.hover\:tw-shadow-md:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
}

.hover\:tw-shadow-lg:hover {
  box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
}

.hover\:tw-shadow-inner:hover {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}

.hover\:tw-shadow-outline:hover {
  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
}

.hover\:tw-shadow-none:hover {
  box-shadow: none;
}

.focus\:tw-shadow:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
}

.focus\:tw-shadow-md:focus {
  box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
}

.focus\:tw-shadow-lg:focus {
  box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
}

.focus\:tw-shadow-inner:focus {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}

.focus\:tw-shadow-outline:focus {
  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
}

.focus\:tw-shadow-none:focus {
  box-shadow: none;
}

.tw-fill-current {
  fill: currentColor;
}

.tw-stroke-current {
  stroke: currentColor;
}

.tw-table-auto {
  table-layout: auto;
}

.tw-table-fixed {
  table-layout: fixed;
}

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

.tw-text-center {
  text-align: center;
}

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

.tw-text-justify {
  text-align: justify;
}

.tw-text-transparent {
  color: transparent;
}

.tw-text-black {
  color: #22292f;
}

.tw-text-black-darker {
  color: #2f2f2f;
}

.tw-text-grey-darkest {
  color: #3d4852;
}

.tw-text-grey-darker-1 {
  color: #666;
}

.tw-text-grey-darker {
  color: #8e8e8e;
}

.tw-text-grey-dark {
  color: #8795a1;
}

.tw-text-grey {
  color: #b8c2cc;
}

.tw-text-grey-light {
  color: #dae1e7;
}

.tw-text-grey-lighter {
  color: #f1f5f8;
}

.tw-text-grey-lightest {
  color: #f8fafc;
}

.tw-text-white {
  color: #fff;
}

.tw-text-red-darkest {
  color: #3b0d0c;
}

.tw-text-red-darker {
  color: #621b18;
}

.tw-text-red-dark {
  color: #cc1f1a;
}

.tw-text-red {
  color: #e3342f;
}

.tw-text-red-light {
  color: #ef5753;
}

.tw-text-red-lighter {
  color: #f9acaa;
}

.tw-text-red-lightest {
  color: #fcebea;
}

.tw-text-orange-darkest {
  color: #462a16;
}

.tw-text-orange-darker {
  color: #613b1f;
}

.tw-text-orange-dark {
  color: #de751f;
}

.tw-text-orange {
  color: #f6993f;
}

.tw-text-orange-light {
  color: #faad63;
}

.tw-text-orange-lighter {
  color: #fcd9b6;
}

.tw-text-orange-lightest {
  color: #fff5eb;
}

.tw-text-yellow-darkest {
  color: #453411;
}

.tw-text-yellow-darker {
  color: #684f1d;
}

.tw-text-yellow-dark {
  color: #f2d024;
}

.tw-text-yellow {
  color: #ffec92;
}

.tw-text-yellow-light {
  color: #fff382;
}

.tw-text-yellow-lighter {
  color: #fff9c2;
}

.tw-text-yellow-lightest {
  color: #fcfbeb;
}

.tw-text-green-darkest {
  color: #0f2f21;
}

.tw-text-green-darker {
  color: #1a4731;
}

.tw-text-green-dark {
  color: #1f9d55;
}

.tw-text-green {
  color: #38c172;
}

.tw-text-green-light {
  color: #51d88a;
}

.tw-text-green-lighter {
  color: #a2f5bf;
}

.tw-text-green-lightest {
  color: #e3fcec;
}

.tw-text-teal-darkest {
  color: #0d3331;
}

.tw-text-teal-darker {
  color: #20504f;
}

.tw-text-teal-dark {
  color: #38a89d;
}

.tw-text-teal {
  color: #4dc0b5;
}

.tw-text-teal-light {
  color: #64d5ca;
}

.tw-text-teal-lighter {
  color: #a0f0ed;
}

.tw-text-teal-lightest {
  color: #e8fffe;
}

.tw-text-blue-darkest {
  color: #12283a;
}

.tw-text-blue-darker {
  color: #1c3d5a;
}

.tw-text-blue-dark {
  color: #2779bd;
}

.tw-text-blue {
  color: #3490dc;
}

.tw-text-blue-light {
  color: #6cb2eb;
}

.tw-text-blue-lighter {
  color: #bcdefa;
}

.tw-text-blue-lightest {
  color: #eff8ff;
}

.tw-text-indigo-darkest {
  color: #191e38;
}

.tw-text-indigo-darker {
  color: #2f365f;
}

.tw-text-indigo-dark {
  color: #5661b3;
}

.tw-text-indigo {
  color: #6574cd;
}

.tw-text-indigo-light {
  color: #7886d7;
}

.tw-text-indigo-lighter {
  color: #b2b7ff;
}

.tw-text-indigo-lightest {
  color: #e6e8ff;
}

.tw-text-purple-darkest {
  color: #21183c;
}

.tw-text-purple-darker {
  color: #382b5f;
}

.tw-text-purple-dark {
  color: #794acf;
}

.tw-text-purple {
  color: #9561e2;
}

.tw-text-purple-light {
  color: #a779e9;
}

.tw-text-purple-lighter {
  color: #d6bbfc;
}

.tw-text-purple-lightest {
  color: #f3ebff;
}

.tw-text-pink-darkest {
  color: #451225;
}

.tw-text-pink-darker {
  color: #6f213f;
}

.tw-text-pink-dark {
  color: #eb5286;
}

.tw-text-pink {
  color: #f66d9b;
}

.tw-text-pink-light {
  color: #fa7ea8;
}

.tw-text-pink-lighter {
  color: #ffbbca;
}

.tw-text-pink-lightest {
  color: #ffebef;
}

.tw-text-primary-l7 {
  color: rgb(95, 95, 95);
}

.tw-text-primary-l6 {
  color: rgb(85, 85, 85);
}

.tw-text-primary-l5 {
  color: rgb(75, 75, 75);
}

.tw-text-primary-l4 {
  color: rgb(65, 65, 65);
}

.tw-text-primary-l3 {
  color: rgb(55, 55, 55);
}

.tw-text-primary-l2 {
  color: rgb(45, 45, 45);
}

.tw-text-primary-l1 {
  color: rgb(40, 40, 40);
}

.tw-text-primary {
  color: rgb(35, 35, 35);
}

.tw-text-primary-d1 {
  color: rgb(25, 25, 25);
}

.tw-text-primary-d2 {
  color: rgb(20, 20, 20);
}

.tw-text-primary-d3 {
  color: rgb(15, 15, 15);
}

.tw-text-primary-d4 {
  color: rgb(5, 5, 5);
}

.tw-text-primary-o9 {
  color: rgba(35, 35, 35, .9);
}

.tw-text-primary-o8 {
  color: rgba(35, 35, 35, .8);
}

.tw-text-primary-o7 {
  color: rgba(35, 35, 35, .7);
}

.tw-text-primary-o6 {
  color: rgba(35, 35, 35, .6);
}

.tw-text-primary-o5 {
  color: rgba(35, 35, 35, .5);
}

.tw-text-primary-o4 {
  color: rgba(35, 35, 35, .4);
}

.tw-text-primary-o3 {
  color: rgba(35, 35, 35, .3);
}

.tw-text-primary-o2 {
  color: rgba(35, 35, 35, .2);
}

.tw-text-primary-o1 {
  color: rgba(35, 35, 35, .1);
}

.tw-text-primary-g1 {
  color: rgba(31, 157, 85, .5607843137);
}

.tw-text-primary-d1-o9 {
  color: rgba(25, 25, 25, .9);
}

.tw-text-primary-l5-o3 {
  color: rgba(75, 75, 75, .3);
}

.tw-text-primary-dark-gray {
  color: rgb(165, 165, 165);
}

.hover\:tw-text-transparent:hover {
  color: transparent;
}

.hover\:tw-text-black:hover {
  color: #22292f;
}

.hover\:tw-text-black-darker:hover {
  color: #2f2f2f;
}

.hover\:tw-text-grey-darkest:hover {
  color: #3d4852;
}

.hover\:tw-text-grey-darker-1:hover {
  color: #666;
}

.hover\:tw-text-grey-darker:hover {
  color: #8e8e8e;
}

.hover\:tw-text-grey-dark:hover {
  color: #8795a1;
}

.hover\:tw-text-grey:hover {
  color: #b8c2cc;
}

.hover\:tw-text-grey-light:hover {
  color: #dae1e7;
}

.hover\:tw-text-grey-lighter:hover {
  color: #f1f5f8;
}

.hover\:tw-text-grey-lightest:hover {
  color: #f8fafc;
}

.hover\:tw-text-white:hover {
  color: #fff;
}

.hover\:tw-text-red-darkest:hover {
  color: #3b0d0c;
}

.hover\:tw-text-red-darker:hover {
  color: #621b18;
}

.hover\:tw-text-red-dark:hover {
  color: #cc1f1a;
}

.hover\:tw-text-red:hover {
  color: #e3342f;
}

.hover\:tw-text-red-light:hover {
  color: #ef5753;
}

.hover\:tw-text-red-lighter:hover {
  color: #f9acaa;
}

.hover\:tw-text-red-lightest:hover {
  color: #fcebea;
}

.hover\:tw-text-orange-darkest:hover {
  color: #462a16;
}

.hover\:tw-text-orange-darker:hover {
  color: #613b1f;
}

.hover\:tw-text-orange-dark:hover {
  color: #de751f;
}

.hover\:tw-text-orange:hover {
  color: #f6993f;
}

.hover\:tw-text-orange-light:hover {
  color: #faad63;
}

.hover\:tw-text-orange-lighter:hover {
  color: #fcd9b6;
}

.hover\:tw-text-orange-lightest:hover {
  color: #fff5eb;
}

.hover\:tw-text-yellow-darkest:hover {
  color: #453411;
}

.hover\:tw-text-yellow-darker:hover {
  color: #684f1d;
}

.hover\:tw-text-yellow-dark:hover {
  color: #f2d024;
}

.hover\:tw-text-yellow:hover {
  color: #ffec92;
}

.hover\:tw-text-yellow-light:hover {
  color: #fff382;
}

.hover\:tw-text-yellow-lighter:hover {
  color: #fff9c2;
}

.hover\:tw-text-yellow-lightest:hover {
  color: #fcfbeb;
}

.hover\:tw-text-green-darkest:hover {
  color: #0f2f21;
}

.hover\:tw-text-green-darker:hover {
  color: #1a4731;
}

.hover\:tw-text-green-dark:hover {
  color: #1f9d55;
}

.hover\:tw-text-green:hover {
  color: #38c172;
}

.hover\:tw-text-green-light:hover {
  color: #51d88a;
}

.hover\:tw-text-green-lighter:hover {
  color: #a2f5bf;
}

.hover\:tw-text-green-lightest:hover {
  color: #e3fcec;
}

.hover\:tw-text-teal-darkest:hover {
  color: #0d3331;
}

.hover\:tw-text-teal-darker:hover {
  color: #20504f;
}

.hover\:tw-text-teal-dark:hover {
  color: #38a89d;
}

.hover\:tw-text-teal:hover {
  color: #4dc0b5;
}

.hover\:tw-text-teal-light:hover {
  color: #64d5ca;
}

.hover\:tw-text-teal-lighter:hover {
  color: #a0f0ed;
}

.hover\:tw-text-teal-lightest:hover {
  color: #e8fffe;
}

.hover\:tw-text-blue-darkest:hover {
  color: #12283a;
}

.hover\:tw-text-blue-darker:hover {
  color: #1c3d5a;
}

.hover\:tw-text-blue-dark:hover {
  color: #2779bd;
}

.hover\:tw-text-blue:hover {
  color: #3490dc;
}

.hover\:tw-text-blue-light:hover {
  color: #6cb2eb;
}

.hover\:tw-text-blue-lighter:hover {
  color: #bcdefa;
}

.hover\:tw-text-blue-lightest:hover {
  color: #eff8ff;
}

.hover\:tw-text-indigo-darkest:hover {
  color: #191e38;
}

.hover\:tw-text-indigo-darker:hover {
  color: #2f365f;
}

.hover\:tw-text-indigo-dark:hover {
  color: #5661b3;
}

.hover\:tw-text-indigo:hover {
  color: #6574cd;
}

.hover\:tw-text-indigo-light:hover {
  color: #7886d7;
}

.hover\:tw-text-indigo-lighter:hover {
  color: #b2b7ff;
}

.hover\:tw-text-indigo-lightest:hover {
  color: #e6e8ff;
}

.hover\:tw-text-purple-darkest:hover {
  color: #21183c;
}

.hover\:tw-text-purple-darker:hover {
  color: #382b5f;
}

.hover\:tw-text-purple-dark:hover {
  color: #794acf;
}

.hover\:tw-text-purple:hover {
  color: #9561e2;
}

.hover\:tw-text-purple-light:hover {
  color: #a779e9;
}

.hover\:tw-text-purple-lighter:hover {
  color: #d6bbfc;
}

.hover\:tw-text-purple-lightest:hover {
  color: #f3ebff;
}

.hover\:tw-text-pink-darkest:hover {
  color: #451225;
}

.hover\:tw-text-pink-darker:hover {
  color: #6f213f;
}

.hover\:tw-text-pink-dark:hover {
  color: #eb5286;
}

.hover\:tw-text-pink:hover {
  color: #f66d9b;
}

.hover\:tw-text-pink-light:hover {
  color: #fa7ea8;
}

.hover\:tw-text-pink-lighter:hover {
  color: #ffbbca;
}

.hover\:tw-text-pink-lightest:hover {
  color: #ffebef;
}

.hover\:tw-text-primary-l7:hover {
  color: rgb(95, 95, 95);
}

.hover\:tw-text-primary-l6:hover {
  color: rgb(85, 85, 85);
}

.hover\:tw-text-primary-l5:hover {
  color: rgb(75, 75, 75);
}

.hover\:tw-text-primary-l4:hover {
  color: rgb(65, 65, 65);
}

.hover\:tw-text-primary-l3:hover {
  color: rgb(55, 55, 55);
}

.hover\:tw-text-primary-l2:hover {
  color: rgb(45, 45, 45);
}

.hover\:tw-text-primary-l1:hover {
  color: rgb(40, 40, 40);
}

.hover\:tw-text-primary:hover {
  color: rgb(35, 35, 35);
}

.hover\:tw-text-primary-d1:hover {
  color: rgb(25, 25, 25);
}

.hover\:tw-text-primary-d2:hover {
  color: rgb(20, 20, 20);
}

.hover\:tw-text-primary-d3:hover {
  color: rgb(15, 15, 15);
}

.hover\:tw-text-primary-d4:hover {
  color: rgb(5, 5, 5);
}

.hover\:tw-text-primary-o9:hover {
  color: rgba(35, 35, 35, .9);
}

.hover\:tw-text-primary-o8:hover {
  color: rgba(35, 35, 35, .8);
}

.hover\:tw-text-primary-o7:hover {
  color: rgba(35, 35, 35, .7);
}

.hover\:tw-text-primary-o6:hover {
  color: rgba(35, 35, 35, .6);
}

.hover\:tw-text-primary-o5:hover {
  color: rgba(35, 35, 35, .5);
}

.hover\:tw-text-primary-o4:hover {
  color: rgba(35, 35, 35, .4);
}

.hover\:tw-text-primary-o3:hover {
  color: rgba(35, 35, 35, .3);
}

.hover\:tw-text-primary-o2:hover {
  color: rgba(35, 35, 35, .2);
}

.hover\:tw-text-primary-o1:hover {
  color: rgba(35, 35, 35, .1);
}

.hover\:tw-text-primary-g1:hover {
  color: rgba(31, 157, 85, .5607843137);
}

.hover\:tw-text-primary-d1-o9:hover {
  color: rgba(25, 25, 25, .9);
}

.hover\:tw-text-primary-l5-o3:hover {
  color: rgba(75, 75, 75, .3);
}

.hover\:tw-text-primary-dark-gray:hover {
  color: rgb(165, 165, 165);
}

.focus\:tw-text-transparent:focus {
  color: transparent;
}

.focus\:tw-text-black:focus {
  color: #22292f;
}

.focus\:tw-text-black-darker:focus {
  color: #2f2f2f;
}

.focus\:tw-text-grey-darkest:focus {
  color: #3d4852;
}

.focus\:tw-text-grey-darker-1:focus {
  color: #666;
}

.focus\:tw-text-grey-darker:focus {
  color: #8e8e8e;
}

.focus\:tw-text-grey-dark:focus {
  color: #8795a1;
}

.focus\:tw-text-grey:focus {
  color: #b8c2cc;
}

.focus\:tw-text-grey-light:focus {
  color: #dae1e7;
}

.focus\:tw-text-grey-lighter:focus {
  color: #f1f5f8;
}

.focus\:tw-text-grey-lightest:focus {
  color: #f8fafc;
}

.focus\:tw-text-white:focus {
  color: #fff;
}

.focus\:tw-text-red-darkest:focus {
  color: #3b0d0c;
}

.focus\:tw-text-red-darker:focus {
  color: #621b18;
}

.focus\:tw-text-red-dark:focus {
  color: #cc1f1a;
}

.focus\:tw-text-red:focus {
  color: #e3342f;
}

.focus\:tw-text-red-light:focus {
  color: #ef5753;
}

.focus\:tw-text-red-lighter:focus {
  color: #f9acaa;
}

.focus\:tw-text-red-lightest:focus {
  color: #fcebea;
}

.focus\:tw-text-orange-darkest:focus {
  color: #462a16;
}

.focus\:tw-text-orange-darker:focus {
  color: #613b1f;
}

.focus\:tw-text-orange-dark:focus {
  color: #de751f;
}

.focus\:tw-text-orange:focus {
  color: #f6993f;
}

.focus\:tw-text-orange-light:focus {
  color: #faad63;
}

.focus\:tw-text-orange-lighter:focus {
  color: #fcd9b6;
}

.focus\:tw-text-orange-lightest:focus {
  color: #fff5eb;
}

.focus\:tw-text-yellow-darkest:focus {
  color: #453411;
}

.focus\:tw-text-yellow-darker:focus {
  color: #684f1d;
}

.focus\:tw-text-yellow-dark:focus {
  color: #f2d024;
}

.focus\:tw-text-yellow:focus {
  color: #ffec92;
}

.focus\:tw-text-yellow-light:focus {
  color: #fff382;
}

.focus\:tw-text-yellow-lighter:focus {
  color: #fff9c2;
}

.focus\:tw-text-yellow-lightest:focus {
  color: #fcfbeb;
}

.focus\:tw-text-green-darkest:focus {
  color: #0f2f21;
}

.focus\:tw-text-green-darker:focus {
  color: #1a4731;
}

.focus\:tw-text-green-dark:focus {
  color: #1f9d55;
}

.focus\:tw-text-green:focus {
  color: #38c172;
}

.focus\:tw-text-green-light:focus {
  color: #51d88a;
}

.focus\:tw-text-green-lighter:focus {
  color: #a2f5bf;
}

.focus\:tw-text-green-lightest:focus {
  color: #e3fcec;
}

.focus\:tw-text-teal-darkest:focus {
  color: #0d3331;
}

.focus\:tw-text-teal-darker:focus {
  color: #20504f;
}

.focus\:tw-text-teal-dark:focus {
  color: #38a89d;
}

.focus\:tw-text-teal:focus {
  color: #4dc0b5;
}

.focus\:tw-text-teal-light:focus {
  color: #64d5ca;
}

.focus\:tw-text-teal-lighter:focus {
  color: #a0f0ed;
}

.focus\:tw-text-teal-lightest:focus {
  color: #e8fffe;
}

.focus\:tw-text-blue-darkest:focus {
  color: #12283a;
}

.focus\:tw-text-blue-darker:focus {
  color: #1c3d5a;
}

.focus\:tw-text-blue-dark:focus {
  color: #2779bd;
}

.focus\:tw-text-blue:focus {
  color: #3490dc;
}

.focus\:tw-text-blue-light:focus {
  color: #6cb2eb;
}

.focus\:tw-text-blue-lighter:focus {
  color: #bcdefa;
}

.focus\:tw-text-blue-lightest:focus {
  color: #eff8ff;
}

.focus\:tw-text-indigo-darkest:focus {
  color: #191e38;
}

.focus\:tw-text-indigo-darker:focus {
  color: #2f365f;
}

.focus\:tw-text-indigo-dark:focus {
  color: #5661b3;
}

.focus\:tw-text-indigo:focus {
  color: #6574cd;
}

.focus\:tw-text-indigo-light:focus {
  color: #7886d7;
}

.focus\:tw-text-indigo-lighter:focus {
  color: #b2b7ff;
}

.focus\:tw-text-indigo-lightest:focus {
  color: #e6e8ff;
}

.focus\:tw-text-purple-darkest:focus {
  color: #21183c;
}

.focus\:tw-text-purple-darker:focus {
  color: #382b5f;
}

.focus\:tw-text-purple-dark:focus {
  color: #794acf;
}

.focus\:tw-text-purple:focus {
  color: #9561e2;
}

.focus\:tw-text-purple-light:focus {
  color: #a779e9;
}

.focus\:tw-text-purple-lighter:focus {
  color: #d6bbfc;
}

.focus\:tw-text-purple-lightest:focus {
  color: #f3ebff;
}

.focus\:tw-text-pink-darkest:focus {
  color: #451225;
}

.focus\:tw-text-pink-darker:focus {
  color: #6f213f;
}

.focus\:tw-text-pink-dark:focus {
  color: #eb5286;
}

.focus\:tw-text-pink:focus {
  color: #f66d9b;
}

.focus\:tw-text-pink-light:focus {
  color: #fa7ea8;
}

.focus\:tw-text-pink-lighter:focus {
  color: #ffbbca;
}

.focus\:tw-text-pink-lightest:focus {
  color: #ffebef;
}

.focus\:tw-text-primary-l7:focus {
  color: rgb(95, 95, 95);
}

.focus\:tw-text-primary-l6:focus {
  color: rgb(85, 85, 85);
}

.focus\:tw-text-primary-l5:focus {
  color: rgb(75, 75, 75);
}

.focus\:tw-text-primary-l4:focus {
  color: rgb(65, 65, 65);
}

.focus\:tw-text-primary-l3:focus {
  color: rgb(55, 55, 55);
}

.focus\:tw-text-primary-l2:focus {
  color: rgb(45, 45, 45);
}

.focus\:tw-text-primary-l1:focus {
  color: rgb(40, 40, 40);
}

.focus\:tw-text-primary:focus {
  color: rgb(35, 35, 35);
}

.focus\:tw-text-primary-d1:focus {
  color: rgb(25, 25, 25);
}

.focus\:tw-text-primary-d2:focus {
  color: rgb(20, 20, 20);
}

.focus\:tw-text-primary-d3:focus {
  color: rgb(15, 15, 15);
}

.focus\:tw-text-primary-d4:focus {
  color: rgb(5, 5, 5);
}

.focus\:tw-text-primary-o9:focus {
  color: rgba(35, 35, 35, .9);
}

.focus\:tw-text-primary-o8:focus {
  color: rgba(35, 35, 35, .8);
}

.focus\:tw-text-primary-o7:focus {
  color: rgba(35, 35, 35, .7);
}

.focus\:tw-text-primary-o6:focus {
  color: rgba(35, 35, 35, .6);
}

.focus\:tw-text-primary-o5:focus {
  color: rgba(35, 35, 35, .5);
}

.focus\:tw-text-primary-o4:focus {
  color: rgba(35, 35, 35, .4);
}

.focus\:tw-text-primary-o3:focus {
  color: rgba(35, 35, 35, .3);
}

.focus\:tw-text-primary-o2:focus {
  color: rgba(35, 35, 35, .2);
}

.focus\:tw-text-primary-o1:focus {
  color: rgba(35, 35, 35, .1);
}

.focus\:tw-text-primary-g1:focus {
  color: rgba(31, 157, 85, .5607843137);
}

.focus\:tw-text-primary-d1-o9:focus {
  color: rgba(25, 25, 25, .9);
}

.focus\:tw-text-primary-l5-o3:focus {
  color: rgba(75, 75, 75, .3);
}

.focus\:tw-text-primary-dark-gray:focus {
  color: rgb(165, 165, 165);
}

.tw-text-11px {
  font-size: 11px;
}

.tw-text-xs {
  font-size: .75rem;
}

.tw-text-13px {
  font-size: 13px;
}

.tw-text-sm {
  font-size: .875rem;
}

.tw-text-15px {
  font-size: .9375rem;
}

.tw-text-base {
  font-size: 1rem;
}

.tw-text-17px {
  font-size: 17px;
}

.tw-text-lg {
  font-size: 1.125rem;
}

.tw-text-xl {
  font-size: 1.25rem;
}

.tw-text-2xl {
  font-size: 1.5rem;
}

.tw-text-3xl {
  font-size: 1.875rem;
}

.tw-text-4xl {
  font-size: 2.25rem;
}

.tw-text-5xl {
  font-size: 3rem;
}

.tw-text-6xl {
  font-size: 4rem;
}

.tw-italic {
  font-style: italic;
}

.tw-roman {
  font-style: normal;
}

.tw-uppercase {
  text-transform: uppercase;
}

.tw-lowercase {
  text-transform: lowercase;
}

.tw-capitalize {
  text-transform: capitalize;
}

.tw-normal-case {
  text-transform: none;
}

.tw-underline {
  text-decoration: underline;
}

.tw-line-through {
  text-decoration: line-through;
}

.tw-no-underline {
  text-decoration: none;
}

.tw-antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tw-subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.hover\:tw-italic:hover {
  font-style: italic;
}

.hover\:tw-roman:hover {
  font-style: normal;
}

.hover\:tw-uppercase:hover {
  text-transform: uppercase;
}

.hover\:tw-lowercase:hover {
  text-transform: lowercase;
}

.hover\:tw-capitalize:hover {
  text-transform: capitalize;
}

.hover\:tw-normal-case:hover {
  text-transform: none;
}

.hover\:tw-underline:hover {
  text-decoration: underline;
}

.hover\:tw-line-through:hover {
  text-decoration: line-through;
}

.hover\:tw-no-underline:hover {
  text-decoration: none;
}

.hover\:tw-antialiased:hover {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hover\:tw-subpixel-antialiased:hover {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.focus\:tw-italic:focus {
  font-style: italic;
}

.focus\:tw-roman:focus {
  font-style: normal;
}

.focus\:tw-uppercase:focus {
  text-transform: uppercase;
}

.focus\:tw-lowercase:focus {
  text-transform: lowercase;
}

.focus\:tw-capitalize:focus {
  text-transform: capitalize;
}

.focus\:tw-normal-case:focus {
  text-transform: none;
}

.focus\:tw-underline:focus {
  text-decoration: underline;
}

.focus\:tw-line-through:focus {
  text-decoration: line-through;
}

.focus\:tw-no-underline:focus {
  text-decoration: none;
}

.focus\:tw-antialiased:focus {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.focus\:tw-subpixel-antialiased:focus {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.tw-tracking-tight {
  letter-spacing: -0.05em;
}

.tw-tracking-normal {
  letter-spacing: 0;
}

.tw-tracking-wide {
  letter-spacing: .05em;
}

.tw-select-none {
  user-select: none;
}

.tw-select-text {
  user-select: text;
}

.tw-align-baseline {
  vertical-align: baseline;
}

.tw-align-top {
  vertical-align: top;
}

.tw-align-middle {
  vertical-align: middle;
}

.tw-align-bottom {
  vertical-align: bottom;
}

.tw-align-text-top {
  vertical-align: text-top;
}

.tw-align-text-bottom {
  vertical-align: text-bottom;
}

.tw-visible {
  visibility: visible;
}

.tw-invisible {
  visibility: hidden;
}

.tw-whitespace-normal {
  white-space: normal;
}

.tw-whitespace-no-wrap {
  white-space: nowrap;
}

.tw-whitespace-pre {
  white-space: pre;
}

.tw-whitespace-pre-line {
  white-space: pre-line;
}

.tw-whitespace-pre-wrap {
  white-space: pre-wrap;
}

.tw-break-words {
  word-wrap: break-word;
}

.tw-break-normal {
  word-wrap: normal;
}

.tw-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tw-w-1 {
  width: .25rem;
}

.tw-w-2 {
  width: .5rem;
}

.tw-w-3 {
  width: .75rem;
}

.tw-w-4 {
  width: 1rem;
}

.tw-w-5 {
  width: 1.25rem;
}

.tw-w-6 {
  width: 1.5rem;
}

.tw-w-8 {
  width: 2rem;
}

.tw-w-10 {
  width: 2.5rem;
}

.tw-w-12 {
  width: 3rem;
}

.tw-w-16 {
  width: 4rem;
}

.tw-w-20 {
  width: 5rem;
}

.tw-w-24 {
  width: 6rem;
}

.tw-w-28 {
  width: 7rem;
}

.tw-w-32 {
  width: 8rem;
}

.tw-w-48 {
  width: 12rem;
}

.tw-w-64 {
  width: 16rem;
}

.tw-w-auto {
  width: auto;
}

.tw-w-px {
  width: 1px;
}

.tw-w-1\/2 {
  width: 50%;
}

.tw-w-1\/3 {
  width: 33.33333%;
}

.tw-w-2\/3 {
  width: 66.66667%;
}

.tw-w-1\/4 {
  width: 25%;
}

.tw-w-3\/4 {
  width: 75%;
}

.tw-w-1\/5 {
  width: 20%;
}

.tw-w-2\/5 {
  width: 40%;
}

.tw-w-3\/5 {
  width: 60%;
}

.tw-w-4\/5 {
  width: 80%;
}

.tw-w-1\/6 {
  width: 16.66667%;
}

.tw-w-5\/6 {
  width: 83.33333%;
}

.tw-w-full {
  width: 100%;
}

.tw-w-screen {
  width: 100vw;
}

.tw-z-0 {
  z-index: 0;
}

.tw-z-10 {
  z-index: 10;
}

.tw-z-20 {
  z-index: 20;
}

.tw-z-30 {
  z-index: 30;
}

.tw-z-40 {
  z-index: 40;
}

.tw-z-50 {
  z-index: 50;
}

.tw-z-auto {
  z-index: auto;
}

@media (min-width: 300px) {
  .xs\:tw-list-reset {
    list-style: none;
    padding: 0;
  }

  .xs\:tw-appearance-none {
    appearance: none;
  }

  .xs\:tw-bg-fixed {
    background-attachment: fixed;
  }

  .xs\:tw-bg-local {
    background-attachment: local;
  }

  .xs\:tw-bg-scroll {
    background-attachment: scroll;
  }

  .xs\:tw-bg-transparent {
    background-color: transparent;
  }

  .xs\:tw-bg-black {
    background-color: #22292f;
  }

  .xs\:tw-bg-black-darker {
    background-color: #2f2f2f;
  }

  .xs\:tw-bg-grey-darkest {
    background-color: #3d4852;
  }

  .xs\:tw-bg-grey-darker-1 {
    background-color: #666;
  }

  .xs\:tw-bg-grey-darker {
    background-color: #8e8e8e;
  }

  .xs\:tw-bg-grey-dark {
    background-color: #8795a1;
  }

  .xs\:tw-bg-grey {
    background-color: #b8c2cc;
  }

  .xs\:tw-bg-grey-light {
    background-color: #dae1e7;
  }

  .xs\:tw-bg-grey-lighter {
    background-color: #f1f5f8;
  }

  .xs\:tw-bg-grey-lightest {
    background-color: #f8fafc;
  }

  .xs\:tw-bg-white {
    background-color: #fff;
  }

  .xs\:tw-bg-red-darkest {
    background-color: #3b0d0c;
  }

  .xs\:tw-bg-red-darker {
    background-color: #621b18;
  }

  .xs\:tw-bg-red-dark {
    background-color: #cc1f1a;
  }

  .xs\:tw-bg-red {
    background-color: #e3342f;
  }

  .xs\:tw-bg-red-light {
    background-color: #ef5753;
  }

  .xs\:tw-bg-red-lighter {
    background-color: #f9acaa;
  }

  .xs\:tw-bg-red-lightest {
    background-color: #fcebea;
  }

  .xs\:tw-bg-orange-darkest {
    background-color: #462a16;
  }

  .xs\:tw-bg-orange-darker {
    background-color: #613b1f;
  }

  .xs\:tw-bg-orange-dark {
    background-color: #de751f;
  }

  .xs\:tw-bg-orange {
    background-color: #f6993f;
  }

  .xs\:tw-bg-orange-light {
    background-color: #faad63;
  }

  .xs\:tw-bg-orange-lighter {
    background-color: #fcd9b6;
  }

  .xs\:tw-bg-orange-lightest {
    background-color: #fff5eb;
  }

  .xs\:tw-bg-yellow-darkest {
    background-color: #453411;
  }

  .xs\:tw-bg-yellow-darker {
    background-color: #684f1d;
  }

  .xs\:tw-bg-yellow-dark {
    background-color: #f2d024;
  }

  .xs\:tw-bg-yellow {
    background-color: #ffec92;
  }

  .xs\:tw-bg-yellow-light {
    background-color: #fff382;
  }

  .xs\:tw-bg-yellow-lighter {
    background-color: #fff9c2;
  }

  .xs\:tw-bg-yellow-lightest {
    background-color: #fcfbeb;
  }

  .xs\:tw-bg-green-darkest {
    background-color: #0f2f21;
  }

  .xs\:tw-bg-green-darker {
    background-color: #1a4731;
  }

  .xs\:tw-bg-green-dark {
    background-color: #1f9d55;
  }

  .xs\:tw-bg-green {
    background-color: #38c172;
  }

  .xs\:tw-bg-green-light {
    background-color: #51d88a;
  }

  .xs\:tw-bg-green-lighter {
    background-color: #a2f5bf;
  }

  .xs\:tw-bg-green-lightest {
    background-color: #e3fcec;
  }

  .xs\:tw-bg-teal-darkest {
    background-color: #0d3331;
  }

  .xs\:tw-bg-teal-darker {
    background-color: #20504f;
  }

  .xs\:tw-bg-teal-dark {
    background-color: #38a89d;
  }

  .xs\:tw-bg-teal {
    background-color: #4dc0b5;
  }

  .xs\:tw-bg-teal-light {
    background-color: #64d5ca;
  }

  .xs\:tw-bg-teal-lighter {
    background-color: #a0f0ed;
  }

  .xs\:tw-bg-teal-lightest {
    background-color: #e8fffe;
  }

  .xs\:tw-bg-blue-darkest {
    background-color: #12283a;
  }

  .xs\:tw-bg-blue-darker {
    background-color: #1c3d5a;
  }

  .xs\:tw-bg-blue-dark {
    background-color: #2779bd;
  }

  .xs\:tw-bg-blue {
    background-color: #3490dc;
  }

  .xs\:tw-bg-blue-light {
    background-color: #6cb2eb;
  }

  .xs\:tw-bg-blue-lighter {
    background-color: #bcdefa;
  }

  .xs\:tw-bg-blue-lightest {
    background-color: #eff8ff;
  }

  .xs\:tw-bg-indigo-darkest {
    background-color: #191e38;
  }

  .xs\:tw-bg-indigo-darker {
    background-color: #2f365f;
  }

  .xs\:tw-bg-indigo-dark {
    background-color: #5661b3;
  }

  .xs\:tw-bg-indigo {
    background-color: #6574cd;
  }

  .xs\:tw-bg-indigo-light {
    background-color: #7886d7;
  }

  .xs\:tw-bg-indigo-lighter {
    background-color: #b2b7ff;
  }

  .xs\:tw-bg-indigo-lightest {
    background-color: #e6e8ff;
  }

  .xs\:tw-bg-purple-darkest {
    background-color: #21183c;
  }

  .xs\:tw-bg-purple-darker {
    background-color: #382b5f;
  }

  .xs\:tw-bg-purple-dark {
    background-color: #794acf;
  }

  .xs\:tw-bg-purple {
    background-color: #9561e2;
  }

  .xs\:tw-bg-purple-light {
    background-color: #a779e9;
  }

  .xs\:tw-bg-purple-lighter {
    background-color: #d6bbfc;
  }

  .xs\:tw-bg-purple-lightest {
    background-color: #f3ebff;
  }

  .xs\:tw-bg-pink-darkest {
    background-color: #451225;
  }

  .xs\:tw-bg-pink-darker {
    background-color: #6f213f;
  }

  .xs\:tw-bg-pink-dark {
    background-color: #eb5286;
  }

  .xs\:tw-bg-pink {
    background-color: #f66d9b;
  }

  .xs\:tw-bg-pink-light {
    background-color: #fa7ea8;
  }

  .xs\:tw-bg-pink-lighter {
    background-color: #ffbbca;
  }

  .xs\:tw-bg-pink-lightest {
    background-color: #ffebef;
  }

  .xs\:tw-bg-primary-l7 {
    background-color: rgb(95, 95, 95);
  }

  .xs\:tw-bg-primary-l6 {
    background-color: rgb(85, 85, 85);
  }

  .xs\:tw-bg-primary-l5 {
    background-color: rgb(75, 75, 75);
  }

  .xs\:tw-bg-primary-l4 {
    background-color: rgb(65, 65, 65);
  }

  .xs\:tw-bg-primary-l3 {
    background-color: rgb(55, 55, 55);
  }

  .xs\:tw-bg-primary-l2 {
    background-color: rgb(45, 45, 45);
  }

  .xs\:tw-bg-primary-l1 {
    background-color: rgb(40, 40, 40);
  }

  .xs\:tw-bg-primary {
    background-color: rgb(35, 35, 35);
  }

  .xs\:tw-bg-primary-d1 {
    background-color: rgb(25, 25, 25);
  }

  .xs\:tw-bg-primary-d2 {
    background-color: rgb(20, 20, 20);
  }

  .xs\:tw-bg-primary-d3 {
    background-color: rgb(15, 15, 15);
  }

  .xs\:tw-bg-primary-d4 {
    background-color: rgb(5, 5, 5);
  }

  .xs\:tw-bg-primary-o9 {
    background-color: rgba(35, 35, 35, .9);
  }

  .xs\:tw-bg-primary-o8 {
    background-color: rgba(35, 35, 35, .8);
  }

  .xs\:tw-bg-primary-o7 {
    background-color: rgba(35, 35, 35, .7);
  }

  .xs\:tw-bg-primary-o6 {
    background-color: rgba(35, 35, 35, .6);
  }

  .xs\:tw-bg-primary-o5 {
    background-color: rgba(35, 35, 35, .5);
  }

  .xs\:tw-bg-primary-o4 {
    background-color: rgba(35, 35, 35, .4);
  }

  .xs\:tw-bg-primary-o3 {
    background-color: rgba(35, 35, 35, .3);
  }

  .xs\:tw-bg-primary-o2 {
    background-color: rgba(35, 35, 35, .2);
  }

  .xs\:tw-bg-primary-o1 {
    background-color: rgba(35, 35, 35, .1);
  }

  .xs\:tw-bg-primary-g1 {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .xs\:tw-bg-primary-d1-o9 {
    background-color: rgba(25, 25, 25, .9);
  }

  .xs\:tw-bg-primary-l5-o3 {
    background-color: rgba(75, 75, 75, .3);
  }

  .xs\:tw-bg-primary-dark-gray {
    background-color: rgb(165, 165, 165);
  }

  .xs\:hover\:tw-bg-transparent:hover {
    background-color: transparent;
  }

  .xs\:hover\:tw-bg-black:hover {
    background-color: #22292f;
  }

  .xs\:hover\:tw-bg-black-darker:hover {
    background-color: #2f2f2f;
  }

  .xs\:hover\:tw-bg-grey-darkest:hover {
    background-color: #3d4852;
  }

  .xs\:hover\:tw-bg-grey-darker-1:hover {
    background-color: #666;
  }

  .xs\:hover\:tw-bg-grey-darker:hover {
    background-color: #8e8e8e;
  }

  .xs\:hover\:tw-bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .xs\:hover\:tw-bg-grey:hover {
    background-color: #b8c2cc;
  }

  .xs\:hover\:tw-bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .xs\:hover\:tw-bg-grey-lighter:hover {
    background-color: #f1f5f8;
  }

  .xs\:hover\:tw-bg-grey-lightest:hover {
    background-color: #f8fafc;
  }

  .xs\:hover\:tw-bg-white:hover {
    background-color: #fff;
  }

  .xs\:hover\:tw-bg-red-darkest:hover {
    background-color: #3b0d0c;
  }

  .xs\:hover\:tw-bg-red-darker:hover {
    background-color: #621b18;
  }

  .xs\:hover\:tw-bg-red-dark:hover {
    background-color: #cc1f1a;
  }

  .xs\:hover\:tw-bg-red:hover {
    background-color: #e3342f;
  }

  .xs\:hover\:tw-bg-red-light:hover {
    background-color: #ef5753;
  }

  .xs\:hover\:tw-bg-red-lighter:hover {
    background-color: #f9acaa;
  }

  .xs\:hover\:tw-bg-red-lightest:hover {
    background-color: #fcebea;
  }

  .xs\:hover\:tw-bg-orange-darkest:hover {
    background-color: #462a16;
  }

  .xs\:hover\:tw-bg-orange-darker:hover {
    background-color: #613b1f;
  }

  .xs\:hover\:tw-bg-orange-dark:hover {
    background-color: #de751f;
  }

  .xs\:hover\:tw-bg-orange:hover {
    background-color: #f6993f;
  }

  .xs\:hover\:tw-bg-orange-light:hover {
    background-color: #faad63;
  }

  .xs\:hover\:tw-bg-orange-lighter:hover {
    background-color: #fcd9b6;
  }

  .xs\:hover\:tw-bg-orange-lightest:hover {
    background-color: #fff5eb;
  }

  .xs\:hover\:tw-bg-yellow-darkest:hover {
    background-color: #453411;
  }

  .xs\:hover\:tw-bg-yellow-darker:hover {
    background-color: #684f1d;
  }

  .xs\:hover\:tw-bg-yellow-dark:hover {
    background-color: #f2d024;
  }

  .xs\:hover\:tw-bg-yellow:hover {
    background-color: #ffec92;
  }

  .xs\:hover\:tw-bg-yellow-light:hover {
    background-color: #fff382;
  }

  .xs\:hover\:tw-bg-yellow-lighter:hover {
    background-color: #fff9c2;
  }

  .xs\:hover\:tw-bg-yellow-lightest:hover {
    background-color: #fcfbeb;
  }

  .xs\:hover\:tw-bg-green-darkest:hover {
    background-color: #0f2f21;
  }

  .xs\:hover\:tw-bg-green-darker:hover {
    background-color: #1a4731;
  }

  .xs\:hover\:tw-bg-green-dark:hover {
    background-color: #1f9d55;
  }

  .xs\:hover\:tw-bg-green:hover {
    background-color: #38c172;
  }

  .xs\:hover\:tw-bg-green-light:hover {
    background-color: #51d88a;
  }

  .xs\:hover\:tw-bg-green-lighter:hover {
    background-color: #a2f5bf;
  }

  .xs\:hover\:tw-bg-green-lightest:hover {
    background-color: #e3fcec;
  }

  .xs\:hover\:tw-bg-teal-darkest:hover {
    background-color: #0d3331;
  }

  .xs\:hover\:tw-bg-teal-darker:hover {
    background-color: #20504f;
  }

  .xs\:hover\:tw-bg-teal-dark:hover {
    background-color: #38a89d;
  }

  .xs\:hover\:tw-bg-teal:hover {
    background-color: #4dc0b5;
  }

  .xs\:hover\:tw-bg-teal-light:hover {
    background-color: #64d5ca;
  }

  .xs\:hover\:tw-bg-teal-lighter:hover {
    background-color: #a0f0ed;
  }

  .xs\:hover\:tw-bg-teal-lightest:hover {
    background-color: #e8fffe;
  }

  .xs\:hover\:tw-bg-blue-darkest:hover {
    background-color: #12283a;
  }

  .xs\:hover\:tw-bg-blue-darker:hover {
    background-color: #1c3d5a;
  }

  .xs\:hover\:tw-bg-blue-dark:hover {
    background-color: #2779bd;
  }

  .xs\:hover\:tw-bg-blue:hover {
    background-color: #3490dc;
  }

  .xs\:hover\:tw-bg-blue-light:hover {
    background-color: #6cb2eb;
  }

  .xs\:hover\:tw-bg-blue-lighter:hover {
    background-color: #bcdefa;
  }

  .xs\:hover\:tw-bg-blue-lightest:hover {
    background-color: #eff8ff;
  }

  .xs\:hover\:tw-bg-indigo-darkest:hover {
    background-color: #191e38;
  }

  .xs\:hover\:tw-bg-indigo-darker:hover {
    background-color: #2f365f;
  }

  .xs\:hover\:tw-bg-indigo-dark:hover {
    background-color: #5661b3;
  }

  .xs\:hover\:tw-bg-indigo:hover {
    background-color: #6574cd;
  }

  .xs\:hover\:tw-bg-indigo-light:hover {
    background-color: #7886d7;
  }

  .xs\:hover\:tw-bg-indigo-lighter:hover {
    background-color: #b2b7ff;
  }

  .xs\:hover\:tw-bg-indigo-lightest:hover {
    background-color: #e6e8ff;
  }

  .xs\:hover\:tw-bg-purple-darkest:hover {
    background-color: #21183c;
  }

  .xs\:hover\:tw-bg-purple-darker:hover {
    background-color: #382b5f;
  }

  .xs\:hover\:tw-bg-purple-dark:hover {
    background-color: #794acf;
  }

  .xs\:hover\:tw-bg-purple:hover {
    background-color: #9561e2;
  }

  .xs\:hover\:tw-bg-purple-light:hover {
    background-color: #a779e9;
  }

  .xs\:hover\:tw-bg-purple-lighter:hover {
    background-color: #d6bbfc;
  }

  .xs\:hover\:tw-bg-purple-lightest:hover {
    background-color: #f3ebff;
  }

  .xs\:hover\:tw-bg-pink-darkest:hover {
    background-color: #451225;
  }

  .xs\:hover\:tw-bg-pink-darker:hover {
    background-color: #6f213f;
  }

  .xs\:hover\:tw-bg-pink-dark:hover {
    background-color: #eb5286;
  }

  .xs\:hover\:tw-bg-pink:hover {
    background-color: #f66d9b;
  }

  .xs\:hover\:tw-bg-pink-light:hover {
    background-color: #fa7ea8;
  }

  .xs\:hover\:tw-bg-pink-lighter:hover {
    background-color: #ffbbca;
  }

  .xs\:hover\:tw-bg-pink-lightest:hover {
    background-color: #ffebef;
  }

  .xs\:hover\:tw-bg-primary-l7:hover {
    background-color: rgb(95, 95, 95);
  }

  .xs\:hover\:tw-bg-primary-l6:hover {
    background-color: rgb(85, 85, 85);
  }

  .xs\:hover\:tw-bg-primary-l5:hover {
    background-color: rgb(75, 75, 75);
  }

  .xs\:hover\:tw-bg-primary-l4:hover {
    background-color: rgb(65, 65, 65);
  }

  .xs\:hover\:tw-bg-primary-l3:hover {
    background-color: rgb(55, 55, 55);
  }

  .xs\:hover\:tw-bg-primary-l2:hover {
    background-color: rgb(45, 45, 45);
  }

  .xs\:hover\:tw-bg-primary-l1:hover {
    background-color: rgb(40, 40, 40);
  }

  .xs\:hover\:tw-bg-primary:hover {
    background-color: rgb(35, 35, 35);
  }

  .xs\:hover\:tw-bg-primary-d1:hover {
    background-color: rgb(25, 25, 25);
  }

  .xs\:hover\:tw-bg-primary-d2:hover {
    background-color: rgb(20, 20, 20);
  }

  .xs\:hover\:tw-bg-primary-d3:hover {
    background-color: rgb(15, 15, 15);
  }

  .xs\:hover\:tw-bg-primary-d4:hover {
    background-color: rgb(5, 5, 5);
  }

  .xs\:hover\:tw-bg-primary-o9:hover {
    background-color: rgba(35, 35, 35, .9);
  }

  .xs\:hover\:tw-bg-primary-o8:hover {
    background-color: rgba(35, 35, 35, .8);
  }

  .xs\:hover\:tw-bg-primary-o7:hover {
    background-color: rgba(35, 35, 35, .7);
  }

  .xs\:hover\:tw-bg-primary-o6:hover {
    background-color: rgba(35, 35, 35, .6);
  }

  .xs\:hover\:tw-bg-primary-o5:hover {
    background-color: rgba(35, 35, 35, .5);
  }

  .xs\:hover\:tw-bg-primary-o4:hover {
    background-color: rgba(35, 35, 35, .4);
  }

  .xs\:hover\:tw-bg-primary-o3:hover {
    background-color: rgba(35, 35, 35, .3);
  }

  .xs\:hover\:tw-bg-primary-o2:hover {
    background-color: rgba(35, 35, 35, .2);
  }

  .xs\:hover\:tw-bg-primary-o1:hover {
    background-color: rgba(35, 35, 35, .1);
  }

  .xs\:hover\:tw-bg-primary-g1:hover {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .xs\:hover\:tw-bg-primary-d1-o9:hover {
    background-color: rgba(25, 25, 25, .9);
  }

  .xs\:hover\:tw-bg-primary-l5-o3:hover {
    background-color: rgba(75, 75, 75, .3);
  }

  .xs\:hover\:tw-bg-primary-dark-gray:hover {
    background-color: rgb(165, 165, 165);
  }

  .xs\:focus\:tw-bg-transparent:focus {
    background-color: transparent;
  }

  .xs\:focus\:tw-bg-black:focus {
    background-color: #22292f;
  }

  .xs\:focus\:tw-bg-black-darker:focus {
    background-color: #2f2f2f;
  }

  .xs\:focus\:tw-bg-grey-darkest:focus {
    background-color: #3d4852;
  }

  .xs\:focus\:tw-bg-grey-darker-1:focus {
    background-color: #666;
  }

  .xs\:focus\:tw-bg-grey-darker:focus {
    background-color: #8e8e8e;
  }

  .xs\:focus\:tw-bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .xs\:focus\:tw-bg-grey:focus {
    background-color: #b8c2cc;
  }

  .xs\:focus\:tw-bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .xs\:focus\:tw-bg-grey-lighter:focus {
    background-color: #f1f5f8;
  }

  .xs\:focus\:tw-bg-grey-lightest:focus {
    background-color: #f8fafc;
  }

  .xs\:focus\:tw-bg-white:focus {
    background-color: #fff;
  }

  .xs\:focus\:tw-bg-red-darkest:focus {
    background-color: #3b0d0c;
  }

  .xs\:focus\:tw-bg-red-darker:focus {
    background-color: #621b18;
  }

  .xs\:focus\:tw-bg-red-dark:focus {
    background-color: #cc1f1a;
  }

  .xs\:focus\:tw-bg-red:focus {
    background-color: #e3342f;
  }

  .xs\:focus\:tw-bg-red-light:focus {
    background-color: #ef5753;
  }

  .xs\:focus\:tw-bg-red-lighter:focus {
    background-color: #f9acaa;
  }

  .xs\:focus\:tw-bg-red-lightest:focus {
    background-color: #fcebea;
  }

  .xs\:focus\:tw-bg-orange-darkest:focus {
    background-color: #462a16;
  }

  .xs\:focus\:tw-bg-orange-darker:focus {
    background-color: #613b1f;
  }

  .xs\:focus\:tw-bg-orange-dark:focus {
    background-color: #de751f;
  }

  .xs\:focus\:tw-bg-orange:focus {
    background-color: #f6993f;
  }

  .xs\:focus\:tw-bg-orange-light:focus {
    background-color: #faad63;
  }

  .xs\:focus\:tw-bg-orange-lighter:focus {
    background-color: #fcd9b6;
  }

  .xs\:focus\:tw-bg-orange-lightest:focus {
    background-color: #fff5eb;
  }

  .xs\:focus\:tw-bg-yellow-darkest:focus {
    background-color: #453411;
  }

  .xs\:focus\:tw-bg-yellow-darker:focus {
    background-color: #684f1d;
  }

  .xs\:focus\:tw-bg-yellow-dark:focus {
    background-color: #f2d024;
  }

  .xs\:focus\:tw-bg-yellow:focus {
    background-color: #ffec92;
  }

  .xs\:focus\:tw-bg-yellow-light:focus {
    background-color: #fff382;
  }

  .xs\:focus\:tw-bg-yellow-lighter:focus {
    background-color: #fff9c2;
  }

  .xs\:focus\:tw-bg-yellow-lightest:focus {
    background-color: #fcfbeb;
  }

  .xs\:focus\:tw-bg-green-darkest:focus {
    background-color: #0f2f21;
  }

  .xs\:focus\:tw-bg-green-darker:focus {
    background-color: #1a4731;
  }

  .xs\:focus\:tw-bg-green-dark:focus {
    background-color: #1f9d55;
  }

  .xs\:focus\:tw-bg-green:focus {
    background-color: #38c172;
  }

  .xs\:focus\:tw-bg-green-light:focus {
    background-color: #51d88a;
  }

  .xs\:focus\:tw-bg-green-lighter:focus {
    background-color: #a2f5bf;
  }

  .xs\:focus\:tw-bg-green-lightest:focus {
    background-color: #e3fcec;
  }

  .xs\:focus\:tw-bg-teal-darkest:focus {
    background-color: #0d3331;
  }

  .xs\:focus\:tw-bg-teal-darker:focus {
    background-color: #20504f;
  }

  .xs\:focus\:tw-bg-teal-dark:focus {
    background-color: #38a89d;
  }

  .xs\:focus\:tw-bg-teal:focus {
    background-color: #4dc0b5;
  }

  .xs\:focus\:tw-bg-teal-light:focus {
    background-color: #64d5ca;
  }

  .xs\:focus\:tw-bg-teal-lighter:focus {
    background-color: #a0f0ed;
  }

  .xs\:focus\:tw-bg-teal-lightest:focus {
    background-color: #e8fffe;
  }

  .xs\:focus\:tw-bg-blue-darkest:focus {
    background-color: #12283a;
  }

  .xs\:focus\:tw-bg-blue-darker:focus {
    background-color: #1c3d5a;
  }

  .xs\:focus\:tw-bg-blue-dark:focus {
    background-color: #2779bd;
  }

  .xs\:focus\:tw-bg-blue:focus {
    background-color: #3490dc;
  }

  .xs\:focus\:tw-bg-blue-light:focus {
    background-color: #6cb2eb;
  }

  .xs\:focus\:tw-bg-blue-lighter:focus {
    background-color: #bcdefa;
  }

  .xs\:focus\:tw-bg-blue-lightest:focus {
    background-color: #eff8ff;
  }

  .xs\:focus\:tw-bg-indigo-darkest:focus {
    background-color: #191e38;
  }

  .xs\:focus\:tw-bg-indigo-darker:focus {
    background-color: #2f365f;
  }

  .xs\:focus\:tw-bg-indigo-dark:focus {
    background-color: #5661b3;
  }

  .xs\:focus\:tw-bg-indigo:focus {
    background-color: #6574cd;
  }

  .xs\:focus\:tw-bg-indigo-light:focus {
    background-color: #7886d7;
  }

  .xs\:focus\:tw-bg-indigo-lighter:focus {
    background-color: #b2b7ff;
  }

  .xs\:focus\:tw-bg-indigo-lightest:focus {
    background-color: #e6e8ff;
  }

  .xs\:focus\:tw-bg-purple-darkest:focus {
    background-color: #21183c;
  }

  .xs\:focus\:tw-bg-purple-darker:focus {
    background-color: #382b5f;
  }

  .xs\:focus\:tw-bg-purple-dark:focus {
    background-color: #794acf;
  }

  .xs\:focus\:tw-bg-purple:focus {
    background-color: #9561e2;
  }

  .xs\:focus\:tw-bg-purple-light:focus {
    background-color: #a779e9;
  }

  .xs\:focus\:tw-bg-purple-lighter:focus {
    background-color: #d6bbfc;
  }

  .xs\:focus\:tw-bg-purple-lightest:focus {
    background-color: #f3ebff;
  }

  .xs\:focus\:tw-bg-pink-darkest:focus {
    background-color: #451225;
  }

  .xs\:focus\:tw-bg-pink-darker:focus {
    background-color: #6f213f;
  }

  .xs\:focus\:tw-bg-pink-dark:focus {
    background-color: #eb5286;
  }

  .xs\:focus\:tw-bg-pink:focus {
    background-color: #f66d9b;
  }

  .xs\:focus\:tw-bg-pink-light:focus {
    background-color: #fa7ea8;
  }

  .xs\:focus\:tw-bg-pink-lighter:focus {
    background-color: #ffbbca;
  }

  .xs\:focus\:tw-bg-pink-lightest:focus {
    background-color: #ffebef;
  }

  .xs\:focus\:tw-bg-primary-l7:focus {
    background-color: rgb(95, 95, 95);
  }

  .xs\:focus\:tw-bg-primary-l6:focus {
    background-color: rgb(85, 85, 85);
  }

  .xs\:focus\:tw-bg-primary-l5:focus {
    background-color: rgb(75, 75, 75);
  }

  .xs\:focus\:tw-bg-primary-l4:focus {
    background-color: rgb(65, 65, 65);
  }

  .xs\:focus\:tw-bg-primary-l3:focus {
    background-color: rgb(55, 55, 55);
  }

  .xs\:focus\:tw-bg-primary-l2:focus {
    background-color: rgb(45, 45, 45);
  }

  .xs\:focus\:tw-bg-primary-l1:focus {
    background-color: rgb(40, 40, 40);
  }

  .xs\:focus\:tw-bg-primary:focus {
    background-color: rgb(35, 35, 35);
  }

  .xs\:focus\:tw-bg-primary-d1:focus {
    background-color: rgb(25, 25, 25);
  }

  .xs\:focus\:tw-bg-primary-d2:focus {
    background-color: rgb(20, 20, 20);
  }

  .xs\:focus\:tw-bg-primary-d3:focus {
    background-color: rgb(15, 15, 15);
  }

  .xs\:focus\:tw-bg-primary-d4:focus {
    background-color: rgb(5, 5, 5);
  }

  .xs\:focus\:tw-bg-primary-o9:focus {
    background-color: rgba(35, 35, 35, .9);
  }

  .xs\:focus\:tw-bg-primary-o8:focus {
    background-color: rgba(35, 35, 35, .8);
  }

  .xs\:focus\:tw-bg-primary-o7:focus {
    background-color: rgba(35, 35, 35, .7);
  }

  .xs\:focus\:tw-bg-primary-o6:focus {
    background-color: rgba(35, 35, 35, .6);
  }

  .xs\:focus\:tw-bg-primary-o5:focus {
    background-color: rgba(35, 35, 35, .5);
  }

  .xs\:focus\:tw-bg-primary-o4:focus {
    background-color: rgba(35, 35, 35, .4);
  }

  .xs\:focus\:tw-bg-primary-o3:focus {
    background-color: rgba(35, 35, 35, .3);
  }

  .xs\:focus\:tw-bg-primary-o2:focus {
    background-color: rgba(35, 35, 35, .2);
  }

  .xs\:focus\:tw-bg-primary-o1:focus {
    background-color: rgba(35, 35, 35, .1);
  }

  .xs\:focus\:tw-bg-primary-g1:focus {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .xs\:focus\:tw-bg-primary-d1-o9:focus {
    background-color: rgba(25, 25, 25, .9);
  }

  .xs\:focus\:tw-bg-primary-l5-o3:focus {
    background-color: rgba(75, 75, 75, .3);
  }

  .xs\:focus\:tw-bg-primary-dark-gray:focus {
    background-color: rgb(165, 165, 165);
  }

  .xs\:tw-bg-bottom {
    background-position: bottom;
  }

  .xs\:tw-bg-center {
    background-position: center;
  }

  .xs\:tw-bg-left {
    background-position: left;
  }

  .xs\:tw-bg-left-bottom {
    background-position: left bottom;
  }

  .xs\:tw-bg-left-top {
    background-position: left top;
  }

  .xs\:tw-bg-right {
    background-position: right;
  }

  .xs\:tw-bg-right-bottom {
    background-position: right bottom;
  }

  .xs\:tw-bg-right-top {
    background-position: right top;
  }

  .xs\:tw-bg-top {
    background-position: top;
  }

  .xs\:tw-bg-repeat {
    background-repeat: repeat;
  }

  .xs\:tw-bg-no-repeat {
    background-repeat: no-repeat;
  }

  .xs\:tw-bg-repeat-x {
    background-repeat: repeat-x;
  }

  .xs\:tw-bg-repeat-y {
    background-repeat: repeat-y;
  }

  .xs\:tw-bg-auto {
    background-size: auto;
  }

  .xs\:tw-bg-cover {
    background-size: cover;
  }

  .xs\:tw-bg-contain {
    background-size: contain;
  }

  .xs\:tw-border-transparent {
    border-color: transparent;
  }

  .xs\:tw-border-black {
    border-color: #22292f;
  }

  .xs\:tw-border-black-darker {
    border-color: #2f2f2f;
  }

  .xs\:tw-border-grey-darkest {
    border-color: #3d4852;
  }

  .xs\:tw-border-grey-darker-1 {
    border-color: #666;
  }

  .xs\:tw-border-grey-darker {
    border-color: #8e8e8e;
  }

  .xs\:tw-border-grey-dark {
    border-color: #8795a1;
  }

  .xs\:tw-border-grey {
    border-color: #b8c2cc;
  }

  .xs\:tw-border-grey-light {
    border-color: #dae1e7;
  }

  .xs\:tw-border-grey-lighter {
    border-color: #f1f5f8;
  }

  .xs\:tw-border-grey-lightest {
    border-color: #f8fafc;
  }

  .xs\:tw-border-white {
    border-color: #fff;
  }

  .xs\:tw-border-red-darkest {
    border-color: #3b0d0c;
  }

  .xs\:tw-border-red-darker {
    border-color: #621b18;
  }

  .xs\:tw-border-red-dark {
    border-color: #cc1f1a;
  }

  .xs\:tw-border-red {
    border-color: #e3342f;
  }

  .xs\:tw-border-red-light {
    border-color: #ef5753;
  }

  .xs\:tw-border-red-lighter {
    border-color: #f9acaa;
  }

  .xs\:tw-border-red-lightest {
    border-color: #fcebea;
  }

  .xs\:tw-border-orange-darkest {
    border-color: #462a16;
  }

  .xs\:tw-border-orange-darker {
    border-color: #613b1f;
  }

  .xs\:tw-border-orange-dark {
    border-color: #de751f;
  }

  .xs\:tw-border-orange {
    border-color: #f6993f;
  }

  .xs\:tw-border-orange-light {
    border-color: #faad63;
  }

  .xs\:tw-border-orange-lighter {
    border-color: #fcd9b6;
  }

  .xs\:tw-border-orange-lightest {
    border-color: #fff5eb;
  }

  .xs\:tw-border-yellow-darkest {
    border-color: #453411;
  }

  .xs\:tw-border-yellow-darker {
    border-color: #684f1d;
  }

  .xs\:tw-border-yellow-dark {
    border-color: #f2d024;
  }

  .xs\:tw-border-yellow {
    border-color: #ffec92;
  }

  .xs\:tw-border-yellow-light {
    border-color: #fff382;
  }

  .xs\:tw-border-yellow-lighter {
    border-color: #fff9c2;
  }

  .xs\:tw-border-yellow-lightest {
    border-color: #fcfbeb;
  }

  .xs\:tw-border-green-darkest {
    border-color: #0f2f21;
  }

  .xs\:tw-border-green-darker {
    border-color: #1a4731;
  }

  .xs\:tw-border-green-dark {
    border-color: #1f9d55;
  }

  .xs\:tw-border-green {
    border-color: #38c172;
  }

  .xs\:tw-border-green-light {
    border-color: #51d88a;
  }

  .xs\:tw-border-green-lighter {
    border-color: #a2f5bf;
  }

  .xs\:tw-border-green-lightest {
    border-color: #e3fcec;
  }

  .xs\:tw-border-teal-darkest {
    border-color: #0d3331;
  }

  .xs\:tw-border-teal-darker {
    border-color: #20504f;
  }

  .xs\:tw-border-teal-dark {
    border-color: #38a89d;
  }

  .xs\:tw-border-teal {
    border-color: #4dc0b5;
  }

  .xs\:tw-border-teal-light {
    border-color: #64d5ca;
  }

  .xs\:tw-border-teal-lighter {
    border-color: #a0f0ed;
  }

  .xs\:tw-border-teal-lightest {
    border-color: #e8fffe;
  }

  .xs\:tw-border-blue-darkest {
    border-color: #12283a;
  }

  .xs\:tw-border-blue-darker {
    border-color: #1c3d5a;
  }

  .xs\:tw-border-blue-dark {
    border-color: #2779bd;
  }

  .xs\:tw-border-blue {
    border-color: #3490dc;
  }

  .xs\:tw-border-blue-light {
    border-color: #6cb2eb;
  }

  .xs\:tw-border-blue-lighter {
    border-color: #bcdefa;
  }

  .xs\:tw-border-blue-lightest {
    border-color: #eff8ff;
  }

  .xs\:tw-border-indigo-darkest {
    border-color: #191e38;
  }

  .xs\:tw-border-indigo-darker {
    border-color: #2f365f;
  }

  .xs\:tw-border-indigo-dark {
    border-color: #5661b3;
  }

  .xs\:tw-border-indigo {
    border-color: #6574cd;
  }

  .xs\:tw-border-indigo-light {
    border-color: #7886d7;
  }

  .xs\:tw-border-indigo-lighter {
    border-color: #b2b7ff;
  }

  .xs\:tw-border-indigo-lightest {
    border-color: #e6e8ff;
  }

  .xs\:tw-border-purple-darkest {
    border-color: #21183c;
  }

  .xs\:tw-border-purple-darker {
    border-color: #382b5f;
  }

  .xs\:tw-border-purple-dark {
    border-color: #794acf;
  }

  .xs\:tw-border-purple {
    border-color: #9561e2;
  }

  .xs\:tw-border-purple-light {
    border-color: #a779e9;
  }

  .xs\:tw-border-purple-lighter {
    border-color: #d6bbfc;
  }

  .xs\:tw-border-purple-lightest {
    border-color: #f3ebff;
  }

  .xs\:tw-border-pink-darkest {
    border-color: #451225;
  }

  .xs\:tw-border-pink-darker {
    border-color: #6f213f;
  }

  .xs\:tw-border-pink-dark {
    border-color: #eb5286;
  }

  .xs\:tw-border-pink {
    border-color: #f66d9b;
  }

  .xs\:tw-border-pink-light {
    border-color: #fa7ea8;
  }

  .xs\:tw-border-pink-lighter {
    border-color: #ffbbca;
  }

  .xs\:tw-border-pink-lightest {
    border-color: #ffebef;
  }

  .xs\:tw-border-primary-l7 {
    border-color: rgb(95, 95, 95);
  }

  .xs\:tw-border-primary-l6 {
    border-color: rgb(85, 85, 85);
  }

  .xs\:tw-border-primary-l5 {
    border-color: rgb(75, 75, 75);
  }

  .xs\:tw-border-primary-l4 {
    border-color: rgb(65, 65, 65);
  }

  .xs\:tw-border-primary-l3 {
    border-color: rgb(55, 55, 55);
  }

  .xs\:tw-border-primary-l2 {
    border-color: rgb(45, 45, 45);
  }

  .xs\:tw-border-primary-l1 {
    border-color: rgb(40, 40, 40);
  }

  .xs\:tw-border-primary {
    border-color: rgb(35, 35, 35);
  }

  .xs\:tw-border-primary-d1 {
    border-color: rgb(25, 25, 25);
  }

  .xs\:tw-border-primary-d2 {
    border-color: rgb(20, 20, 20);
  }

  .xs\:tw-border-primary-d3 {
    border-color: rgb(15, 15, 15);
  }

  .xs\:tw-border-primary-d4 {
    border-color: rgb(5, 5, 5);
  }

  .xs\:tw-border-primary-o9 {
    border-color: rgba(35, 35, 35, .9);
  }

  .xs\:tw-border-primary-o8 {
    border-color: rgba(35, 35, 35, .8);
  }

  .xs\:tw-border-primary-o7 {
    border-color: rgba(35, 35, 35, .7);
  }

  .xs\:tw-border-primary-o6 {
    border-color: rgba(35, 35, 35, .6);
  }

  .xs\:tw-border-primary-o5 {
    border-color: rgba(35, 35, 35, .5);
  }

  .xs\:tw-border-primary-o4 {
    border-color: rgba(35, 35, 35, .4);
  }

  .xs\:tw-border-primary-o3 {
    border-color: rgba(35, 35, 35, .3);
  }

  .xs\:tw-border-primary-o2 {
    border-color: rgba(35, 35, 35, .2);
  }

  .xs\:tw-border-primary-o1 {
    border-color: rgba(35, 35, 35, .1);
  }

  .xs\:tw-border-primary-g1 {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .xs\:tw-border-primary-d1-o9 {
    border-color: rgba(25, 25, 25, .9);
  }

  .xs\:tw-border-primary-l5-o3 {
    border-color: rgba(75, 75, 75, .3);
  }

  .xs\:tw-border-primary-dark-gray {
    border-color: rgb(165, 165, 165);
  }

  .xs\:hover\:tw-border-transparent:hover {
    border-color: transparent;
  }

  .xs\:hover\:tw-border-black:hover {
    border-color: #22292f;
  }

  .xs\:hover\:tw-border-black-darker:hover {
    border-color: #2f2f2f;
  }

  .xs\:hover\:tw-border-grey-darkest:hover {
    border-color: #3d4852;
  }

  .xs\:hover\:tw-border-grey-darker-1:hover {
    border-color: #666;
  }

  .xs\:hover\:tw-border-grey-darker:hover {
    border-color: #8e8e8e;
  }

  .xs\:hover\:tw-border-grey-dark:hover {
    border-color: #8795a1;
  }

  .xs\:hover\:tw-border-grey:hover {
    border-color: #b8c2cc;
  }

  .xs\:hover\:tw-border-grey-light:hover {
    border-color: #dae1e7;
  }

  .xs\:hover\:tw-border-grey-lighter:hover {
    border-color: #f1f5f8;
  }

  .xs\:hover\:tw-border-grey-lightest:hover {
    border-color: #f8fafc;
  }

  .xs\:hover\:tw-border-white:hover {
    border-color: #fff;
  }

  .xs\:hover\:tw-border-red-darkest:hover {
    border-color: #3b0d0c;
  }

  .xs\:hover\:tw-border-red-darker:hover {
    border-color: #621b18;
  }

  .xs\:hover\:tw-border-red-dark:hover {
    border-color: #cc1f1a;
  }

  .xs\:hover\:tw-border-red:hover {
    border-color: #e3342f;
  }

  .xs\:hover\:tw-border-red-light:hover {
    border-color: #ef5753;
  }

  .xs\:hover\:tw-border-red-lighter:hover {
    border-color: #f9acaa;
  }

  .xs\:hover\:tw-border-red-lightest:hover {
    border-color: #fcebea;
  }

  .xs\:hover\:tw-border-orange-darkest:hover {
    border-color: #462a16;
  }

  .xs\:hover\:tw-border-orange-darker:hover {
    border-color: #613b1f;
  }

  .xs\:hover\:tw-border-orange-dark:hover {
    border-color: #de751f;
  }

  .xs\:hover\:tw-border-orange:hover {
    border-color: #f6993f;
  }

  .xs\:hover\:tw-border-orange-light:hover {
    border-color: #faad63;
  }

  .xs\:hover\:tw-border-orange-lighter:hover {
    border-color: #fcd9b6;
  }

  .xs\:hover\:tw-border-orange-lightest:hover {
    border-color: #fff5eb;
  }

  .xs\:hover\:tw-border-yellow-darkest:hover {
    border-color: #453411;
  }

  .xs\:hover\:tw-border-yellow-darker:hover {
    border-color: #684f1d;
  }

  .xs\:hover\:tw-border-yellow-dark:hover {
    border-color: #f2d024;
  }

  .xs\:hover\:tw-border-yellow:hover {
    border-color: #ffec92;
  }

  .xs\:hover\:tw-border-yellow-light:hover {
    border-color: #fff382;
  }

  .xs\:hover\:tw-border-yellow-lighter:hover {
    border-color: #fff9c2;
  }

  .xs\:hover\:tw-border-yellow-lightest:hover {
    border-color: #fcfbeb;
  }

  .xs\:hover\:tw-border-green-darkest:hover {
    border-color: #0f2f21;
  }

  .xs\:hover\:tw-border-green-darker:hover {
    border-color: #1a4731;
  }

  .xs\:hover\:tw-border-green-dark:hover {
    border-color: #1f9d55;
  }

  .xs\:hover\:tw-border-green:hover {
    border-color: #38c172;
  }

  .xs\:hover\:tw-border-green-light:hover {
    border-color: #51d88a;
  }

  .xs\:hover\:tw-border-green-lighter:hover {
    border-color: #a2f5bf;
  }

  .xs\:hover\:tw-border-green-lightest:hover {
    border-color: #e3fcec;
  }

  .xs\:hover\:tw-border-teal-darkest:hover {
    border-color: #0d3331;
  }

  .xs\:hover\:tw-border-teal-darker:hover {
    border-color: #20504f;
  }

  .xs\:hover\:tw-border-teal-dark:hover {
    border-color: #38a89d;
  }

  .xs\:hover\:tw-border-teal:hover {
    border-color: #4dc0b5;
  }

  .xs\:hover\:tw-border-teal-light:hover {
    border-color: #64d5ca;
  }

  .xs\:hover\:tw-border-teal-lighter:hover {
    border-color: #a0f0ed;
  }

  .xs\:hover\:tw-border-teal-lightest:hover {
    border-color: #e8fffe;
  }

  .xs\:hover\:tw-border-blue-darkest:hover {
    border-color: #12283a;
  }

  .xs\:hover\:tw-border-blue-darker:hover {
    border-color: #1c3d5a;
  }

  .xs\:hover\:tw-border-blue-dark:hover {
    border-color: #2779bd;
  }

  .xs\:hover\:tw-border-blue:hover {
    border-color: #3490dc;
  }

  .xs\:hover\:tw-border-blue-light:hover {
    border-color: #6cb2eb;
  }

  .xs\:hover\:tw-border-blue-lighter:hover {
    border-color: #bcdefa;
  }

  .xs\:hover\:tw-border-blue-lightest:hover {
    border-color: #eff8ff;
  }

  .xs\:hover\:tw-border-indigo-darkest:hover {
    border-color: #191e38;
  }

  .xs\:hover\:tw-border-indigo-darker:hover {
    border-color: #2f365f;
  }

  .xs\:hover\:tw-border-indigo-dark:hover {
    border-color: #5661b3;
  }

  .xs\:hover\:tw-border-indigo:hover {
    border-color: #6574cd;
  }

  .xs\:hover\:tw-border-indigo-light:hover {
    border-color: #7886d7;
  }

  .xs\:hover\:tw-border-indigo-lighter:hover {
    border-color: #b2b7ff;
  }

  .xs\:hover\:tw-border-indigo-lightest:hover {
    border-color: #e6e8ff;
  }

  .xs\:hover\:tw-border-purple-darkest:hover {
    border-color: #21183c;
  }

  .xs\:hover\:tw-border-purple-darker:hover {
    border-color: #382b5f;
  }

  .xs\:hover\:tw-border-purple-dark:hover {
    border-color: #794acf;
  }

  .xs\:hover\:tw-border-purple:hover {
    border-color: #9561e2;
  }

  .xs\:hover\:tw-border-purple-light:hover {
    border-color: #a779e9;
  }

  .xs\:hover\:tw-border-purple-lighter:hover {
    border-color: #d6bbfc;
  }

  .xs\:hover\:tw-border-purple-lightest:hover {
    border-color: #f3ebff;
  }

  .xs\:hover\:tw-border-pink-darkest:hover {
    border-color: #451225;
  }

  .xs\:hover\:tw-border-pink-darker:hover {
    border-color: #6f213f;
  }

  .xs\:hover\:tw-border-pink-dark:hover {
    border-color: #eb5286;
  }

  .xs\:hover\:tw-border-pink:hover {
    border-color: #f66d9b;
  }

  .xs\:hover\:tw-border-pink-light:hover {
    border-color: #fa7ea8;
  }

  .xs\:hover\:tw-border-pink-lighter:hover {
    border-color: #ffbbca;
  }

  .xs\:hover\:tw-border-pink-lightest:hover {
    border-color: #ffebef;
  }

  .xs\:hover\:tw-border-primary-l7:hover {
    border-color: rgb(95, 95, 95);
  }

  .xs\:hover\:tw-border-primary-l6:hover {
    border-color: rgb(85, 85, 85);
  }

  .xs\:hover\:tw-border-primary-l5:hover {
    border-color: rgb(75, 75, 75);
  }

  .xs\:hover\:tw-border-primary-l4:hover {
    border-color: rgb(65, 65, 65);
  }

  .xs\:hover\:tw-border-primary-l3:hover {
    border-color: rgb(55, 55, 55);
  }

  .xs\:hover\:tw-border-primary-l2:hover {
    border-color: rgb(45, 45, 45);
  }

  .xs\:hover\:tw-border-primary-l1:hover {
    border-color: rgb(40, 40, 40);
  }

  .xs\:hover\:tw-border-primary:hover {
    border-color: rgb(35, 35, 35);
  }

  .xs\:hover\:tw-border-primary-d1:hover {
    border-color: rgb(25, 25, 25);
  }

  .xs\:hover\:tw-border-primary-d2:hover {
    border-color: rgb(20, 20, 20);
  }

  .xs\:hover\:tw-border-primary-d3:hover {
    border-color: rgb(15, 15, 15);
  }

  .xs\:hover\:tw-border-primary-d4:hover {
    border-color: rgb(5, 5, 5);
  }

  .xs\:hover\:tw-border-primary-o9:hover {
    border-color: rgba(35, 35, 35, .9);
  }

  .xs\:hover\:tw-border-primary-o8:hover {
    border-color: rgba(35, 35, 35, .8);
  }

  .xs\:hover\:tw-border-primary-o7:hover {
    border-color: rgba(35, 35, 35, .7);
  }

  .xs\:hover\:tw-border-primary-o6:hover {
    border-color: rgba(35, 35, 35, .6);
  }

  .xs\:hover\:tw-border-primary-o5:hover {
    border-color: rgba(35, 35, 35, .5);
  }

  .xs\:hover\:tw-border-primary-o4:hover {
    border-color: rgba(35, 35, 35, .4);
  }

  .xs\:hover\:tw-border-primary-o3:hover {
    border-color: rgba(35, 35, 35, .3);
  }

  .xs\:hover\:tw-border-primary-o2:hover {
    border-color: rgba(35, 35, 35, .2);
  }

  .xs\:hover\:tw-border-primary-o1:hover {
    border-color: rgba(35, 35, 35, .1);
  }

  .xs\:hover\:tw-border-primary-g1:hover {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .xs\:hover\:tw-border-primary-d1-o9:hover {
    border-color: rgba(25, 25, 25, .9);
  }

  .xs\:hover\:tw-border-primary-l5-o3:hover {
    border-color: rgba(75, 75, 75, .3);
  }

  .xs\:hover\:tw-border-primary-dark-gray:hover {
    border-color: rgb(165, 165, 165);
  }

  .xs\:focus\:tw-border-transparent:focus {
    border-color: transparent;
  }

  .xs\:focus\:tw-border-black:focus {
    border-color: #22292f;
  }

  .xs\:focus\:tw-border-black-darker:focus {
    border-color: #2f2f2f;
  }

  .xs\:focus\:tw-border-grey-darkest:focus {
    border-color: #3d4852;
  }

  .xs\:focus\:tw-border-grey-darker-1:focus {
    border-color: #666;
  }

  .xs\:focus\:tw-border-grey-darker:focus {
    border-color: #8e8e8e;
  }

  .xs\:focus\:tw-border-grey-dark:focus {
    border-color: #8795a1;
  }

  .xs\:focus\:tw-border-grey:focus {
    border-color: #b8c2cc;
  }

  .xs\:focus\:tw-border-grey-light:focus {
    border-color: #dae1e7;
  }

  .xs\:focus\:tw-border-grey-lighter:focus {
    border-color: #f1f5f8;
  }

  .xs\:focus\:tw-border-grey-lightest:focus {
    border-color: #f8fafc;
  }

  .xs\:focus\:tw-border-white:focus {
    border-color: #fff;
  }

  .xs\:focus\:tw-border-red-darkest:focus {
    border-color: #3b0d0c;
  }

  .xs\:focus\:tw-border-red-darker:focus {
    border-color: #621b18;
  }

  .xs\:focus\:tw-border-red-dark:focus {
    border-color: #cc1f1a;
  }

  .xs\:focus\:tw-border-red:focus {
    border-color: #e3342f;
  }

  .xs\:focus\:tw-border-red-light:focus {
    border-color: #ef5753;
  }

  .xs\:focus\:tw-border-red-lighter:focus {
    border-color: #f9acaa;
  }

  .xs\:focus\:tw-border-red-lightest:focus {
    border-color: #fcebea;
  }

  .xs\:focus\:tw-border-orange-darkest:focus {
    border-color: #462a16;
  }

  .xs\:focus\:tw-border-orange-darker:focus {
    border-color: #613b1f;
  }

  .xs\:focus\:tw-border-orange-dark:focus {
    border-color: #de751f;
  }

  .xs\:focus\:tw-border-orange:focus {
    border-color: #f6993f;
  }

  .xs\:focus\:tw-border-orange-light:focus {
    border-color: #faad63;
  }

  .xs\:focus\:tw-border-orange-lighter:focus {
    border-color: #fcd9b6;
  }

  .xs\:focus\:tw-border-orange-lightest:focus {
    border-color: #fff5eb;
  }

  .xs\:focus\:tw-border-yellow-darkest:focus {
    border-color: #453411;
  }

  .xs\:focus\:tw-border-yellow-darker:focus {
    border-color: #684f1d;
  }

  .xs\:focus\:tw-border-yellow-dark:focus {
    border-color: #f2d024;
  }

  .xs\:focus\:tw-border-yellow:focus {
    border-color: #ffec92;
  }

  .xs\:focus\:tw-border-yellow-light:focus {
    border-color: #fff382;
  }

  .xs\:focus\:tw-border-yellow-lighter:focus {
    border-color: #fff9c2;
  }

  .xs\:focus\:tw-border-yellow-lightest:focus {
    border-color: #fcfbeb;
  }

  .xs\:focus\:tw-border-green-darkest:focus {
    border-color: #0f2f21;
  }

  .xs\:focus\:tw-border-green-darker:focus {
    border-color: #1a4731;
  }

  .xs\:focus\:tw-border-green-dark:focus {
    border-color: #1f9d55;
  }

  .xs\:focus\:tw-border-green:focus {
    border-color: #38c172;
  }

  .xs\:focus\:tw-border-green-light:focus {
    border-color: #51d88a;
  }

  .xs\:focus\:tw-border-green-lighter:focus {
    border-color: #a2f5bf;
  }

  .xs\:focus\:tw-border-green-lightest:focus {
    border-color: #e3fcec;
  }

  .xs\:focus\:tw-border-teal-darkest:focus {
    border-color: #0d3331;
  }

  .xs\:focus\:tw-border-teal-darker:focus {
    border-color: #20504f;
  }

  .xs\:focus\:tw-border-teal-dark:focus {
    border-color: #38a89d;
  }

  .xs\:focus\:tw-border-teal:focus {
    border-color: #4dc0b5;
  }

  .xs\:focus\:tw-border-teal-light:focus {
    border-color: #64d5ca;
  }

  .xs\:focus\:tw-border-teal-lighter:focus {
    border-color: #a0f0ed;
  }

  .xs\:focus\:tw-border-teal-lightest:focus {
    border-color: #e8fffe;
  }

  .xs\:focus\:tw-border-blue-darkest:focus {
    border-color: #12283a;
  }

  .xs\:focus\:tw-border-blue-darker:focus {
    border-color: #1c3d5a;
  }

  .xs\:focus\:tw-border-blue-dark:focus {
    border-color: #2779bd;
  }

  .xs\:focus\:tw-border-blue:focus {
    border-color: #3490dc;
  }

  .xs\:focus\:tw-border-blue-light:focus {
    border-color: #6cb2eb;
  }

  .xs\:focus\:tw-border-blue-lighter:focus {
    border-color: #bcdefa;
  }

  .xs\:focus\:tw-border-blue-lightest:focus {
    border-color: #eff8ff;
  }

  .xs\:focus\:tw-border-indigo-darkest:focus {
    border-color: #191e38;
  }

  .xs\:focus\:tw-border-indigo-darker:focus {
    border-color: #2f365f;
  }

  .xs\:focus\:tw-border-indigo-dark:focus {
    border-color: #5661b3;
  }

  .xs\:focus\:tw-border-indigo:focus {
    border-color: #6574cd;
  }

  .xs\:focus\:tw-border-indigo-light:focus {
    border-color: #7886d7;
  }

  .xs\:focus\:tw-border-indigo-lighter:focus {
    border-color: #b2b7ff;
  }

  .xs\:focus\:tw-border-indigo-lightest:focus {
    border-color: #e6e8ff;
  }

  .xs\:focus\:tw-border-purple-darkest:focus {
    border-color: #21183c;
  }

  .xs\:focus\:tw-border-purple-darker:focus {
    border-color: #382b5f;
  }

  .xs\:focus\:tw-border-purple-dark:focus {
    border-color: #794acf;
  }

  .xs\:focus\:tw-border-purple:focus {
    border-color: #9561e2;
  }

  .xs\:focus\:tw-border-purple-light:focus {
    border-color: #a779e9;
  }

  .xs\:focus\:tw-border-purple-lighter:focus {
    border-color: #d6bbfc;
  }

  .xs\:focus\:tw-border-purple-lightest:focus {
    border-color: #f3ebff;
  }

  .xs\:focus\:tw-border-pink-darkest:focus {
    border-color: #451225;
  }

  .xs\:focus\:tw-border-pink-darker:focus {
    border-color: #6f213f;
  }

  .xs\:focus\:tw-border-pink-dark:focus {
    border-color: #eb5286;
  }

  .xs\:focus\:tw-border-pink:focus {
    border-color: #f66d9b;
  }

  .xs\:focus\:tw-border-pink-light:focus {
    border-color: #fa7ea8;
  }

  .xs\:focus\:tw-border-pink-lighter:focus {
    border-color: #ffbbca;
  }

  .xs\:focus\:tw-border-pink-lightest:focus {
    border-color: #ffebef;
  }

  .xs\:focus\:tw-border-primary-l7:focus {
    border-color: rgb(95, 95, 95);
  }

  .xs\:focus\:tw-border-primary-l6:focus {
    border-color: rgb(85, 85, 85);
  }

  .xs\:focus\:tw-border-primary-l5:focus {
    border-color: rgb(75, 75, 75);
  }

  .xs\:focus\:tw-border-primary-l4:focus {
    border-color: rgb(65, 65, 65);
  }

  .xs\:focus\:tw-border-primary-l3:focus {
    border-color: rgb(55, 55, 55);
  }

  .xs\:focus\:tw-border-primary-l2:focus {
    border-color: rgb(45, 45, 45);
  }

  .xs\:focus\:tw-border-primary-l1:focus {
    border-color: rgb(40, 40, 40);
  }

  .xs\:focus\:tw-border-primary:focus {
    border-color: rgb(35, 35, 35);
  }

  .xs\:focus\:tw-border-primary-d1:focus {
    border-color: rgb(25, 25, 25);
  }

  .xs\:focus\:tw-border-primary-d2:focus {
    border-color: rgb(20, 20, 20);
  }

  .xs\:focus\:tw-border-primary-d3:focus {
    border-color: rgb(15, 15, 15);
  }

  .xs\:focus\:tw-border-primary-d4:focus {
    border-color: rgb(5, 5, 5);
  }

  .xs\:focus\:tw-border-primary-o9:focus {
    border-color: rgba(35, 35, 35, .9);
  }

  .xs\:focus\:tw-border-primary-o8:focus {
    border-color: rgba(35, 35, 35, .8);
  }

  .xs\:focus\:tw-border-primary-o7:focus {
    border-color: rgba(35, 35, 35, .7);
  }

  .xs\:focus\:tw-border-primary-o6:focus {
    border-color: rgba(35, 35, 35, .6);
  }

  .xs\:focus\:tw-border-primary-o5:focus {
    border-color: rgba(35, 35, 35, .5);
  }

  .xs\:focus\:tw-border-primary-o4:focus {
    border-color: rgba(35, 35, 35, .4);
  }

  .xs\:focus\:tw-border-primary-o3:focus {
    border-color: rgba(35, 35, 35, .3);
  }

  .xs\:focus\:tw-border-primary-o2:focus {
    border-color: rgba(35, 35, 35, .2);
  }

  .xs\:focus\:tw-border-primary-o1:focus {
    border-color: rgba(35, 35, 35, .1);
  }

  .xs\:focus\:tw-border-primary-g1:focus {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .xs\:focus\:tw-border-primary-d1-o9:focus {
    border-color: rgba(25, 25, 25, .9);
  }

  .xs\:focus\:tw-border-primary-l5-o3:focus {
    border-color: rgba(75, 75, 75, .3);
  }

  .xs\:focus\:tw-border-primary-dark-gray:focus {
    border-color: rgb(165, 165, 165);
  }

  .xs\:tw-rounded-none {
    border-radius: 0;
  }

  .xs\:tw-rounded-sm {
    border-radius: .125rem;
  }

  .xs\:tw-rounded {
    border-radius: .25rem;
  }

  .xs\:tw-rounded-lg {
    border-radius: .5rem;
  }

  .xs\:tw-rounded-full {
    border-radius: 9999px;
  }

  .xs\:tw-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .xs\:tw-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .xs\:tw-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xs\:tw-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xs\:tw-rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
  }

  .xs\:tw-rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
  }

  .xs\:tw-rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .xs\:tw-rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .xs\:tw-rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .xs\:tw-rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .xs\:tw-rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .xs\:tw-rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .xs\:tw-rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .xs\:tw-rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }

  .xs\:tw-rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .xs\:tw-rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .xs\:tw-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xs\:tw-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xs\:tw-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xs\:tw-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xs\:tw-rounded-tl-none {
    border-top-left-radius: 0;
  }

  .xs\:tw-rounded-tr-none {
    border-top-right-radius: 0;
  }

  .xs\:tw-rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .xs\:tw-rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .xs\:tw-rounded-tl-sm {
    border-top-left-radius: .125rem;
  }

  .xs\:tw-rounded-tr-sm {
    border-top-right-radius: .125rem;
  }

  .xs\:tw-rounded-br-sm {
    border-bottom-right-radius: .125rem;
  }

  .xs\:tw-rounded-bl-sm {
    border-bottom-left-radius: .125rem;
  }

  .xs\:tw-rounded-tl {
    border-top-left-radius: .25rem;
  }

  .xs\:tw-rounded-tr {
    border-top-right-radius: .25rem;
  }

  .xs\:tw-rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .xs\:tw-rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .xs\:tw-rounded-tl-lg {
    border-top-left-radius: .5rem;
  }

  .xs\:tw-rounded-tr-lg {
    border-top-right-radius: .5rem;
  }

  .xs\:tw-rounded-br-lg {
    border-bottom-right-radius: .5rem;
  }

  .xs\:tw-rounded-bl-lg {
    border-bottom-left-radius: .5rem;
  }

  .xs\:tw-rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .xs\:tw-rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .xs\:tw-rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .xs\:tw-rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .xs\:tw-border-solid {
    border-style: solid;
  }

  .xs\:tw-border-dashed {
    border-style: dashed;
  }

  .xs\:tw-border-dotted {
    border-style: dotted;
  }

  .xs\:tw-border-none {
    border-style: none;
  }

  .xs\:tw-border-0 {
    border-width: 0;
  }

  .xs\:tw-border-2 {
    border-width: 2px;
  }

  .xs\:tw-border-4 {
    border-width: 4px;
  }

  .xs\:tw-border-8 {
    border-width: 8px;
  }

  .xs\:tw-border {
    border-width: 1px;
  }

  .xs\:tw-border-t-0 {
    border-top-width: 0;
  }

  .xs\:tw-border-r-0 {
    border-right-width: 0;
  }

  .xs\:tw-border-b-0 {
    border-bottom-width: 0;
  }

  .xs\:tw-border-l-0 {
    border-left-width: 0;
  }

  .xs\:tw-border-t-2 {
    border-top-width: 2px;
  }

  .xs\:tw-border-r-2 {
    border-right-width: 2px;
  }

  .xs\:tw-border-b-2 {
    border-bottom-width: 2px;
  }

  .xs\:tw-border-l-2 {
    border-left-width: 2px;
  }

  .xs\:tw-border-t-4 {
    border-top-width: 4px;
  }

  .xs\:tw-border-r-4 {
    border-right-width: 4px;
  }

  .xs\:tw-border-b-4 {
    border-bottom-width: 4px;
  }

  .xs\:tw-border-l-4 {
    border-left-width: 4px;
  }

  .xs\:tw-border-t-8 {
    border-top-width: 8px;
  }

  .xs\:tw-border-r-8 {
    border-right-width: 8px;
  }

  .xs\:tw-border-b-8 {
    border-bottom-width: 8px;
  }

  .xs\:tw-border-l-8 {
    border-left-width: 8px;
  }

  .xs\:tw-border-t {
    border-top-width: 1px;
  }

  .xs\:tw-border-r {
    border-right-width: 1px;
  }

  .xs\:tw-border-b {
    border-bottom-width: 1px;
  }

  .xs\:tw-border-l {
    border-left-width: 1px;
  }

  .xs\:hover\:tw-border-0:hover {
    border-width: 0;
  }

  .xs\:hover\:tw-border-2:hover {
    border-width: 2px;
  }

  .xs\:hover\:tw-border-4:hover {
    border-width: 4px;
  }

  .xs\:hover\:tw-border-8:hover {
    border-width: 8px;
  }

  .xs\:hover\:tw-border:hover {
    border-width: 1px;
  }

  .xs\:hover\:tw-border-t-0:hover {
    border-top-width: 0;
  }

  .xs\:hover\:tw-border-r-0:hover {
    border-right-width: 0;
  }

  .xs\:hover\:tw-border-b-0:hover {
    border-bottom-width: 0;
  }

  .xs\:hover\:tw-border-l-0:hover {
    border-left-width: 0;
  }

  .xs\:hover\:tw-border-t-2:hover {
    border-top-width: 2px;
  }

  .xs\:hover\:tw-border-r-2:hover {
    border-right-width: 2px;
  }

  .xs\:hover\:tw-border-b-2:hover {
    border-bottom-width: 2px;
  }

  .xs\:hover\:tw-border-l-2:hover {
    border-left-width: 2px;
  }

  .xs\:hover\:tw-border-t-4:hover {
    border-top-width: 4px;
  }

  .xs\:hover\:tw-border-r-4:hover {
    border-right-width: 4px;
  }

  .xs\:hover\:tw-border-b-4:hover {
    border-bottom-width: 4px;
  }

  .xs\:hover\:tw-border-l-4:hover {
    border-left-width: 4px;
  }

  .xs\:hover\:tw-border-t-8:hover {
    border-top-width: 8px;
  }

  .xs\:hover\:tw-border-r-8:hover {
    border-right-width: 8px;
  }

  .xs\:hover\:tw-border-b-8:hover {
    border-bottom-width: 8px;
  }

  .xs\:hover\:tw-border-l-8:hover {
    border-left-width: 8px;
  }

  .xs\:hover\:tw-border-t:hover {
    border-top-width: 1px;
  }

  .xs\:hover\:tw-border-r:hover {
    border-right-width: 1px;
  }

  .xs\:hover\:tw-border-b:hover {
    border-bottom-width: 1px;
  }

  .xs\:hover\:tw-border-l:hover {
    border-left-width: 1px;
  }

  .xs\:focus\:tw-border-0:focus {
    border-width: 0;
  }

  .xs\:focus\:tw-border-2:focus {
    border-width: 2px;
  }

  .xs\:focus\:tw-border-4:focus {
    border-width: 4px;
  }

  .xs\:focus\:tw-border-8:focus {
    border-width: 8px;
  }

  .xs\:focus\:tw-border:focus {
    border-width: 1px;
  }

  .xs\:focus\:tw-border-t-0:focus {
    border-top-width: 0;
  }

  .xs\:focus\:tw-border-r-0:focus {
    border-right-width: 0;
  }

  .xs\:focus\:tw-border-b-0:focus {
    border-bottom-width: 0;
  }

  .xs\:focus\:tw-border-l-0:focus {
    border-left-width: 0;
  }

  .xs\:focus\:tw-border-t-2:focus {
    border-top-width: 2px;
  }

  .xs\:focus\:tw-border-r-2:focus {
    border-right-width: 2px;
  }

  .xs\:focus\:tw-border-b-2:focus {
    border-bottom-width: 2px;
  }

  .xs\:focus\:tw-border-l-2:focus {
    border-left-width: 2px;
  }

  .xs\:focus\:tw-border-t-4:focus {
    border-top-width: 4px;
  }

  .xs\:focus\:tw-border-r-4:focus {
    border-right-width: 4px;
  }

  .xs\:focus\:tw-border-b-4:focus {
    border-bottom-width: 4px;
  }

  .xs\:focus\:tw-border-l-4:focus {
    border-left-width: 4px;
  }

  .xs\:focus\:tw-border-t-8:focus {
    border-top-width: 8px;
  }

  .xs\:focus\:tw-border-r-8:focus {
    border-right-width: 8px;
  }

  .xs\:focus\:tw-border-b-8:focus {
    border-bottom-width: 8px;
  }

  .xs\:focus\:tw-border-l-8:focus {
    border-left-width: 8px;
  }

  .xs\:focus\:tw-border-t:focus {
    border-top-width: 1px;
  }

  .xs\:focus\:tw-border-r:focus {
    border-right-width: 1px;
  }

  .xs\:focus\:tw-border-b:focus {
    border-bottom-width: 1px;
  }

  .xs\:focus\:tw-border-l:focus {
    border-left-width: 1px;
  }

  .xs\:tw-cursor-auto {
    cursor: auto;
  }

  .xs\:tw-cursor-default {
    cursor: default;
  }

  .xs\:tw-cursor-pointer {
    cursor: pointer;
  }

  .xs\:tw-cursor-wait {
    cursor: wait;
  }

  .xs\:tw-cursor-move {
    cursor: move;
  }

  .xs\:tw-cursor-not-allowed {
    cursor: not-allowed;
  }

  .xs\:tw-block {
    display: block;
  }

  .xs\:tw-inline-block {
    display: inline-block;
  }

  .xs\:tw-inline {
    display: inline;
  }

  .xs\:tw-table {
    display: table;
  }

  .xs\:tw-table-row {
    display: table-row;
  }

  .xs\:tw-table-cell {
    display: table-cell;
  }

  .xs\:tw-hidden {
    display: none;
  }

  .group:hover .xs\:group-hover\:tw-block {
    display: block;
  }

  .group:hover .xs\:group-hover\:tw-inline-block {
    display: inline-block;
  }

  .group:hover .xs\:group-hover\:tw-inline {
    display: inline;
  }

  .group:hover .xs\:group-hover\:tw-table {
    display: table;
  }

  .group:hover .xs\:group-hover\:tw-table-row {
    display: table-row;
  }

  .group:hover .xs\:group-hover\:tw-table-cell {
    display: table-cell;
  }

  .group:hover .xs\:group-hover\:tw-hidden {
    display: none;
  }

  .xs\:hover\:tw-block:hover {
    display: block;
  }

  .xs\:hover\:tw-inline-block:hover {
    display: inline-block;
  }

  .xs\:hover\:tw-inline:hover {
    display: inline;
  }

  .xs\:hover\:tw-table:hover {
    display: table;
  }

  .xs\:hover\:tw-table-row:hover {
    display: table-row;
  }

  .xs\:hover\:tw-table-cell:hover {
    display: table-cell;
  }

  .xs\:hover\:tw-hidden:hover {
    display: none;
  }

  .xs\:tw-flex {
    display: flex;
  }

  .xs\:tw-inline-flex {
    display: inline-flex;
  }

  .xs\:tw-flex-row {
    flex-direction: row;
  }

  .xs\:tw-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xs\:tw-flex-col {
    flex-direction: column;
  }

  .xs\:tw-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .xs\:tw-flex-wrap {
    flex-wrap: wrap;
  }

  .xs\:tw-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .xs\:tw-flex-no-wrap {
    flex-wrap: nowrap;
  }

  .xs\:tw-items-start {
    align-items: flex-start;
  }

  .xs\:tw-items-end {
    align-items: flex-end;
  }

  .xs\:tw-items-center {
    align-items: center;
  }

  .xs\:tw-items-baseline {
    align-items: baseline;
  }

  .xs\:tw-items-stretch {
    align-items: stretch;
  }

  .xs\:tw-self-auto {
    align-self: auto;
  }

  .xs\:tw-self-start {
    align-self: flex-start;
  }

  .xs\:tw-self-end {
    align-self: flex-end;
  }

  .xs\:tw-self-center {
    align-self: center;
  }

  .xs\:tw-self-stretch {
    align-self: stretch;
  }

  .xs\:tw-justify-start {
    justify-content: flex-start;
  }

  .xs\:tw-justify-end {
    justify-content: flex-end;
  }

  .xs\:tw-justify-center {
    justify-content: center;
  }

  .xs\:tw-justify-between {
    justify-content: space-between;
  }

  .xs\:tw-justify-around {
    justify-content: space-around;
  }

  .xs\:tw-content-center {
    align-content: center;
  }

  .xs\:tw-content-start {
    align-content: flex-start;
  }

  .xs\:tw-content-end {
    align-content: flex-end;
  }

  .xs\:tw-content-between {
    align-content: space-between;
  }

  .xs\:tw-content-around {
    align-content: space-around;
  }

  .xs\:tw-flex-1 {
    flex: 1;
  }

  .xs\:tw-flex-auto {
    flex: auto;
  }

  .xs\:tw-flex-initial {
    flex: initial;
  }

  .xs\:tw-flex-none {
    flex: none;
  }

  .xs\:tw-flex-grow {
    flex-grow: 1;
  }

  .xs\:tw-flex-shrink {
    flex-shrink: 1;
  }

  .xs\:tw-flex-no-grow {
    flex-grow: 0;
  }

  .xs\:tw-flex-no-shrink {
    flex-shrink: 0;
  }

  .xs\:tw-float-right {
    float: right;
  }

  .xs\:tw-float-left {
    float: left;
  }

  .xs\:tw-float-none {
    float: none;
  }

  .xs\:tw-clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .xs\:tw-font-sans {
    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .xs\:tw-font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .xs\:tw-font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .xs\:tw-font-hairline {
    font-weight: 100;
  }

  .xs\:tw-font-thin {
    font-weight: 200;
  }

  .xs\:tw-font-light {
    font-weight: 300;
  }

  .xs\:tw-font-normal {
    font-weight: 400;
  }

  .xs\:tw-font-medium {
    font-weight: 500;
  }

  .xs\:tw-font-semibold {
    font-weight: 600;
  }

  .xs\:tw-font-bold {
    font-weight: 700;
  }

  .xs\:tw-font-extrabold {
    font-weight: 800;
  }

  .xs\:tw-font-black {
    font-weight: 900;
  }

  .xs\:hover\:tw-font-hairline:hover {
    font-weight: 100;
  }

  .xs\:hover\:tw-font-thin:hover {
    font-weight: 200;
  }

  .xs\:hover\:tw-font-light:hover {
    font-weight: 300;
  }

  .xs\:hover\:tw-font-normal:hover {
    font-weight: 400;
  }

  .xs\:hover\:tw-font-medium:hover {
    font-weight: 500;
  }

  .xs\:hover\:tw-font-semibold:hover {
    font-weight: 600;
  }

  .xs\:hover\:tw-font-bold:hover {
    font-weight: 700;
  }

  .xs\:hover\:tw-font-extrabold:hover {
    font-weight: 800;
  }

  .xs\:hover\:tw-font-black:hover {
    font-weight: 900;
  }

  .xs\:focus\:tw-font-hairline:focus {
    font-weight: 100;
  }

  .xs\:focus\:tw-font-thin:focus {
    font-weight: 200;
  }

  .xs\:focus\:tw-font-light:focus {
    font-weight: 300;
  }

  .xs\:focus\:tw-font-normal:focus {
    font-weight: 400;
  }

  .xs\:focus\:tw-font-medium:focus {
    font-weight: 500;
  }

  .xs\:focus\:tw-font-semibold:focus {
    font-weight: 600;
  }

  .xs\:focus\:tw-font-bold:focus {
    font-weight: 700;
  }

  .xs\:focus\:tw-font-extrabold:focus {
    font-weight: 800;
  }

  .xs\:focus\:tw-font-black:focus {
    font-weight: 900;
  }

  .xs\:tw-h-1 {
    height: .25rem;
  }

  .xs\:tw-h-2 {
    height: .5rem;
  }

  .xs\:tw-h-3 {
    height: .75rem;
  }

  .xs\:tw-h-4 {
    height: 1rem;
  }

  .xs\:tw-h-5 {
    height: 1.25rem;
  }

  .xs\:tw-h-6 {
    height: 1.5rem;
  }

  .xs\:tw-h-8 {
    height: 2rem;
  }

  .xs\:tw-h-10 {
    height: 2.5rem;
  }

  .xs\:tw-h-12 {
    height: 3rem;
  }

  .xs\:tw-h-16 {
    height: 4rem;
  }

  .xs\:tw-h-20 {
    height: 5rem;
  }

  .xs\:tw-h-24 {
    height: 6rem;
  }

  .xs\:tw-h-28 {
    height: 7rem;
  }

  .xs\:tw-h-32 {
    height: 8rem;
  }

  .xs\:tw-h-48 {
    height: 12rem;
  }

  .xs\:tw-h-64 {
    height: 16rem;
  }

  .xs\:tw-h-auto {
    height: auto;
  }

  .xs\:tw-h-px {
    height: 1px;
  }

  .xs\:tw-h-full {
    height: 100%;
  }

  .xs\:tw-h-screen {
    height: 100vh;
  }

  .xs\:tw-leading-none {
    line-height: 1;
  }

  .xs\:tw-leading-tight {
    line-height: 1.25;
  }

  .xs\:tw-leading-normal {
    line-height: 1.5;
  }

  .xs\:tw-leading-loose {
    line-height: 2;
  }

  .xs\:tw-m-0 {
    margin: 0;
  }

  .xs\:tw-m-1 {
    margin: .25rem;
  }

  .xs\:tw-m-2 {
    margin: .5rem;
  }

  .xs\:tw-m-3 {
    margin: .75rem;
  }

  .xs\:tw-m-4 {
    margin: 1rem;
  }

  .xs\:tw-m-5 {
    margin: 1.25rem;
  }

  .xs\:tw-m-6 {
    margin: 1.5rem;
  }

  .xs\:tw-m-8 {
    margin: 2rem;
  }

  .xs\:tw-m-10 {
    margin: 2.5rem;
  }

  .xs\:tw-m-12 {
    margin: 3rem;
  }

  .xs\:tw-m-16 {
    margin: 4rem;
  }

  .xs\:tw-m-20 {
    margin: 5rem;
  }

  .xs\:tw-m-24 {
    margin: 6rem;
  }

  .xs\:tw-m-32 {
    margin: 8rem;
  }

  .xs\:tw-m-40 {
    margin: 10rem;
  }

  .xs\:tw-m-auto {
    margin: auto;
  }

  .xs\:tw-m-px {
    margin: 1px;
  }

  .xs\:tw-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xs\:tw-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xs\:tw-my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .xs\:tw-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .xs\:tw-my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .xs\:tw-mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .xs\:tw-my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .xs\:tw-mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .xs\:tw-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .xs\:tw-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xs\:tw-my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .xs\:tw-mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .xs\:tw-my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .xs\:tw-mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xs\:tw-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xs\:tw-mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xs\:tw-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .xs\:tw-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .xs\:tw-my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .xs\:tw-mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xs\:tw-my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xs\:tw-mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xs\:tw-my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xs\:tw-mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .xs\:tw-my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xs\:tw-mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .xs\:tw-my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .xs\:tw-mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .xs\:tw-my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .xs\:tw-mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .xs\:tw-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xs\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xs\:tw-my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .xs\:tw-mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .xs\:tw-mt-0 {
    margin-top: 0;
  }

  .xs\:tw-mr-0 {
    margin-right: 0;
  }

  .xs\:tw-mb-0 {
    margin-bottom: 0;
  }

  .xs\:tw-ml-0 {
    margin-left: 0;
  }

  .xs\:tw-mt-1 {
    margin-top: .25rem;
  }

  .xs\:tw-mr-1 {
    margin-right: .25rem;
  }

  .xs\:tw-mb-1 {
    margin-bottom: .25rem;
  }

  .xs\:tw-ml-1 {
    margin-left: .25rem;
  }

  .xs\:tw-mt-2 {
    margin-top: .5rem;
  }

  .xs\:tw-mr-2 {
    margin-right: .5rem;
  }

  .xs\:tw-mb-2 {
    margin-bottom: .5rem;
  }

  .xs\:tw-ml-2 {
    margin-left: .5rem;
  }

  .xs\:tw-mt-3 {
    margin-top: .75rem;
  }

  .xs\:tw-mr-3 {
    margin-right: .75rem;
  }

  .xs\:tw-mb-3 {
    margin-bottom: .75rem;
  }

  .xs\:tw-ml-3 {
    margin-left: .75rem;
  }

  .xs\:tw-mt-4 {
    margin-top: 1rem;
  }

  .xs\:tw-mr-4 {
    margin-right: 1rem;
  }

  .xs\:tw-mb-4 {
    margin-bottom: 1rem;
  }

  .xs\:tw-ml-4 {
    margin-left: 1rem;
  }

  .xs\:tw-mt-5 {
    margin-top: 1.25rem;
  }

  .xs\:tw-mr-5 {
    margin-right: 1.25rem;
  }

  .xs\:tw-mb-5 {
    margin-bottom: 1.25rem;
  }

  .xs\:tw-ml-5 {
    margin-left: 1.25rem;
  }

  .xs\:tw-mt-6 {
    margin-top: 1.5rem;
  }

  .xs\:tw-mr-6 {
    margin-right: 1.5rem;
  }

  .xs\:tw-mb-6 {
    margin-bottom: 1.5rem;
  }

  .xs\:tw-ml-6 {
    margin-left: 1.5rem;
  }

  .xs\:tw-mt-8 {
    margin-top: 2rem;
  }

  .xs\:tw-mr-8 {
    margin-right: 2rem;
  }

  .xs\:tw-mb-8 {
    margin-bottom: 2rem;
  }

  .xs\:tw-ml-8 {
    margin-left: 2rem;
  }

  .xs\:tw-mt-10 {
    margin-top: 2.5rem;
  }

  .xs\:tw-mr-10 {
    margin-right: 2.5rem;
  }

  .xs\:tw-mb-10 {
    margin-bottom: 2.5rem;
  }

  .xs\:tw-ml-10 {
    margin-left: 2.5rem;
  }

  .xs\:tw-mt-12 {
    margin-top: 3rem;
  }

  .xs\:tw-mr-12 {
    margin-right: 3rem;
  }

  .xs\:tw-mb-12 {
    margin-bottom: 3rem;
  }

  .xs\:tw-ml-12 {
    margin-left: 3rem;
  }

  .xs\:tw-mt-16 {
    margin-top: 4rem;
  }

  .xs\:tw-mr-16 {
    margin-right: 4rem;
  }

  .xs\:tw-mb-16 {
    margin-bottom: 4rem;
  }

  .xs\:tw-ml-16 {
    margin-left: 4rem;
  }

  .xs\:tw-mt-20 {
    margin-top: 5rem;
  }

  .xs\:tw-mr-20 {
    margin-right: 5rem;
  }

  .xs\:tw-mb-20 {
    margin-bottom: 5rem;
  }

  .xs\:tw-ml-20 {
    margin-left: 5rem;
  }

  .xs\:tw-mt-24 {
    margin-top: 6rem;
  }

  .xs\:tw-mr-24 {
    margin-right: 6rem;
  }

  .xs\:tw-mb-24 {
    margin-bottom: 6rem;
  }

  .xs\:tw-ml-24 {
    margin-left: 6rem;
  }

  .xs\:tw-mt-32 {
    margin-top: 8rem;
  }

  .xs\:tw-mr-32 {
    margin-right: 8rem;
  }

  .xs\:tw-mb-32 {
    margin-bottom: 8rem;
  }

  .xs\:tw-ml-32 {
    margin-left: 8rem;
  }

  .xs\:tw-mt-40 {
    margin-top: 10rem;
  }

  .xs\:tw-mr-40 {
    margin-right: 10rem;
  }

  .xs\:tw-mb-40 {
    margin-bottom: 10rem;
  }

  .xs\:tw-ml-40 {
    margin-left: 10rem;
  }

  .xs\:tw-mt-auto {
    margin-top: auto;
  }

  .xs\:tw-mr-auto {
    margin-right: auto;
  }

  .xs\:tw-mb-auto {
    margin-bottom: auto;
  }

  .xs\:tw-ml-auto {
    margin-left: auto;
  }

  .xs\:tw-mt-px {
    margin-top: 1px;
  }

  .xs\:tw-mr-px {
    margin-right: 1px;
  }

  .xs\:tw-mb-px {
    margin-bottom: 1px;
  }

  .xs\:tw-ml-px {
    margin-left: 1px;
  }

  .xs\:tw-max-h-0 {
    max-height: 0;
  }

  .xs\:tw-max-h-1 {
    max-height: .25rem;
  }

  .xs\:tw-max-h-2 {
    max-height: .5rem;
  }

  .xs\:tw-max-h-3 {
    max-height: .75rem;
  }

  .xs\:tw-max-h-4 {
    max-height: 1rem;
  }

  .xs\:tw-max-h-5 {
    max-height: 1.25rem;
  }

  .xs\:tw-max-h-6 {
    max-height: 1.5rem;
  }

  .xs\:tw-max-h-8 {
    max-height: 2rem;
  }

  .xs\:tw-max-h-10 {
    max-height: 2.5rem;
  }

  .xs\:tw-max-h-12 {
    max-height: 3rem;
  }

  .xs\:tw-max-h-16 {
    max-height: 4rem;
  }

  .xs\:tw-max-h-20 {
    max-height: 5rem;
  }

  .xs\:tw-max-h-24 {
    max-height: 6rem;
  }

  .xs\:tw-max-h-28 {
    max-height: 7rem;
  }

  .xs\:tw-max-h-32 {
    max-height: 8rem;
  }

  .xs\:tw-max-h-40 {
    max-height: 10rem;
  }

  .xs\:tw-max-h-44 {
    max-height: 11rem;
  }

  .xs\:tw-max-h-48 {
    max-height: 12rem;
  }

  .xs\:tw-max-h-64 {
    max-height: 16rem;
  }

  .xs\:tw-max-h-full {
    max-height: 100%;
  }

  .xs\:tw-max-h-screen {
    max-height: 100vh;
  }

  .xs\:tw-max-w-xs {
    max-width: 20rem;
  }

  .xs\:tw-max-w-sm {
    max-width: 30rem;
  }

  .xs\:tw-max-w-md {
    max-width: 40rem;
  }

  .xs\:tw-max-w-lg {
    max-width: 50rem;
  }

  .xs\:tw-max-w-xl {
    max-width: 60rem;
  }

  .xs\:tw-max-w-2xl {
    max-width: 70rem;
  }

  .xs\:tw-max-w-3xl {
    max-width: 80rem;
  }

  .xs\:tw-max-w-4xl {
    max-width: 90rem;
  }

  .xs\:tw-max-w-5xl {
    max-width: 100rem;
  }

  .xs\:tw-max-w-full {
    max-width: 100%;
  }

  .xs\:tw-min-h-0 {
    min-height: 0;
  }

  .xs\:tw-min-h-1 {
    min-height: .25rem;
  }

  .xs\:tw-min-h-2 {
    min-height: .5rem;
  }

  .xs\:tw-min-h-3 {
    min-height: .75rem;
  }

  .xs\:tw-min-h-4 {
    min-height: 1rem;
  }

  .xs\:tw-min-h-5 {
    min-height: 1.25rem;
  }

  .xs\:tw-min-h-6 {
    min-height: 1.5rem;
  }

  .xs\:tw-min-h-7 {
    min-height: 1.75rem;
  }

  .xs\:tw-min-h-8 {
    min-height: 2rem;
  }

  .xs\:tw-min-h-10 {
    min-height: 2.5rem;
  }

  .xs\:tw-min-h-12 {
    min-height: 3rem;
  }

  .xs\:tw-min-h-16 {
    min-height: 4rem;
  }

  .xs\:tw-min-h-20 {
    min-height: 5rem;
  }

  .xs\:tw-min-h-24 {
    min-height: 6rem;
  }

  .xs\:tw-min-h-28 {
    min-height: 7rem;
  }

  .xs\:tw-min-h-32 {
    min-height: 8rem;
  }

  .xs\:tw-min-h-40 {
    min-height: 10rem;
  }

  .xs\:tw-min-h-44 {
    min-height: 11rem;
  }

  .xs\:tw-min-h-48 {
    min-height: 12rem;
  }

  .xs\:tw-min-h-64 {
    min-height: 16rem;
  }

  .xs\:tw-min-h-full {
    min-height: 100%;
  }

  .xs\:tw-min-h-screen {
    min-height: 100vh;
  }

  .xs\:tw-min-w-0 {
    min-width: 0;
  }

  .xs\:tw-min-w-1 {
    min-width: .25rem;
  }

  .xs\:tw-min-w-2 {
    min-width: .5rem;
  }

  .xs\:tw-min-w-3 {
    min-width: .75rem;
  }

  .xs\:tw-min-w-4 {
    min-width: 1rem;
  }

  .xs\:tw-min-w-5 {
    min-width: 1.25rem;
  }

  .xs\:tw-min-w-6 {
    min-width: 1.5rem;
  }

  .xs\:tw-min-w-8 {
    min-width: 2rem;
  }

  .xs\:tw-min-w-10 {
    min-width: 2.5rem;
  }

  .xs\:tw-min-w-12 {
    min-width: 3rem;
  }

  .xs\:tw-min-w-16 {
    min-width: 4rem;
  }

  .xs\:tw-min-w-20 {
    min-width: 5rem;
  }

  .xs\:tw-min-w-24 {
    min-width: 6rem;
  }

  .xs\:tw-min-w-28 {
    min-width: 7rem;
  }

  .xs\:tw-min-w-32 {
    min-width: 8rem;
  }

  .xs\:tw-min-w-48 {
    min-width: 12rem;
  }

  .xs\:tw-min-w-64 {
    min-width: 16rem;
  }

  .xs\:tw-min-w-88 {
    min-width: 22rem;
  }

  .xs\:tw-min-w-full {
    min-width: 100%;
  }

  .xs\:tw--m-0 {
    margin: 0;
  }

  .xs\:tw--m-1 {
    margin: -0.25rem;
  }

  .xs\:tw--m-2 {
    margin: -0.5rem;
  }

  .xs\:tw--m-3 {
    margin: -0.75rem;
  }

  .xs\:tw--m-4 {
    margin: -1rem;
  }

  .xs\:tw--m-5 {
    margin: -1.25rem;
  }

  .xs\:tw--m-6 {
    margin: -1.5rem;
  }

  .xs\:tw--m-8 {
    margin: -2rem;
  }

  .xs\:tw--m-10 {
    margin: -2.5rem;
  }

  .xs\:tw--m-12 {
    margin: -3rem;
  }

  .xs\:tw--m-16 {
    margin: -4rem;
  }

  .xs\:tw--m-20 {
    margin: -5rem;
  }

  .xs\:tw--m-24 {
    margin: -6rem;
  }

  .xs\:tw--m-32 {
    margin: -8rem;
  }

  .xs\:tw--m-px {
    margin: -1px;
  }

  .xs\:tw--my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xs\:tw--mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xs\:tw--my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .xs\:tw--mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .xs\:tw--my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .xs\:tw--mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .xs\:tw--my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .xs\:tw--mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .xs\:tw--my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .xs\:tw--mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .xs\:tw--my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .xs\:tw--mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .xs\:tw--my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .xs\:tw--mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .xs\:tw--my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .xs\:tw--mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .xs\:tw--my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .xs\:tw--mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xs\:tw--my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .xs\:tw--mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .xs\:tw--my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .xs\:tw--mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .xs\:tw--my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .xs\:tw--mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .xs\:tw--my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .xs\:tw--mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .xs\:tw--my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .xs\:tw--mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .xs\:tw--my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .xs\:tw--mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .xs\:tw--mt-0 {
    margin-top: 0;
  }

  .xs\:tw--mr-0 {
    margin-right: 0;
  }

  .xs\:tw--mb-0 {
    margin-bottom: 0;
  }

  .xs\:tw--ml-0 {
    margin-left: 0;
  }

  .xs\:tw--mt-1 {
    margin-top: -0.25rem;
  }

  .xs\:tw--mr-1 {
    margin-right: -0.25rem;
  }

  .xs\:tw--mb-1 {
    margin-bottom: -0.25rem;
  }

  .xs\:tw--ml-1 {
    margin-left: -0.25rem;
  }

  .xs\:tw--mt-2 {
    margin-top: -0.5rem;
  }

  .xs\:tw--mr-2 {
    margin-right: -0.5rem;
  }

  .xs\:tw--mb-2 {
    margin-bottom: -0.5rem;
  }

  .xs\:tw--ml-2 {
    margin-left: -0.5rem;
  }

  .xs\:tw--mt-3 {
    margin-top: -0.75rem;
  }

  .xs\:tw--mr-3 {
    margin-right: -0.75rem;
  }

  .xs\:tw--mb-3 {
    margin-bottom: -0.75rem;
  }

  .xs\:tw--ml-3 {
    margin-left: -0.75rem;
  }

  .xs\:tw--mt-4 {
    margin-top: -1rem;
  }

  .xs\:tw--mr-4 {
    margin-right: -1rem;
  }

  .xs\:tw--mb-4 {
    margin-bottom: -1rem;
  }

  .xs\:tw--ml-4 {
    margin-left: -1rem;
  }

  .xs\:tw--mt-5 {
    margin-top: -1.25rem;
  }

  .xs\:tw--mr-5 {
    margin-right: -1.25rem;
  }

  .xs\:tw--mb-5 {
    margin-bottom: -1.25rem;
  }

  .xs\:tw--ml-5 {
    margin-left: -1.25rem;
  }

  .xs\:tw--mt-6 {
    margin-top: -1.5rem;
  }

  .xs\:tw--mr-6 {
    margin-right: -1.5rem;
  }

  .xs\:tw--mb-6 {
    margin-bottom: -1.5rem;
  }

  .xs\:tw--ml-6 {
    margin-left: -1.5rem;
  }

  .xs\:tw--mt-8 {
    margin-top: -2rem;
  }

  .xs\:tw--mr-8 {
    margin-right: -2rem;
  }

  .xs\:tw--mb-8 {
    margin-bottom: -2rem;
  }

  .xs\:tw--ml-8 {
    margin-left: -2rem;
  }

  .xs\:tw--mt-10 {
    margin-top: -2.5rem;
  }

  .xs\:tw--mr-10 {
    margin-right: -2.5rem;
  }

  .xs\:tw--mb-10 {
    margin-bottom: -2.5rem;
  }

  .xs\:tw--ml-10 {
    margin-left: -2.5rem;
  }

  .xs\:tw--mt-12 {
    margin-top: -3rem;
  }

  .xs\:tw--mr-12 {
    margin-right: -3rem;
  }

  .xs\:tw--mb-12 {
    margin-bottom: -3rem;
  }

  .xs\:tw--ml-12 {
    margin-left: -3rem;
  }

  .xs\:tw--mt-16 {
    margin-top: -4rem;
  }

  .xs\:tw--mr-16 {
    margin-right: -4rem;
  }

  .xs\:tw--mb-16 {
    margin-bottom: -4rem;
  }

  .xs\:tw--ml-16 {
    margin-left: -4rem;
  }

  .xs\:tw--mt-20 {
    margin-top: -5rem;
  }

  .xs\:tw--mr-20 {
    margin-right: -5rem;
  }

  .xs\:tw--mb-20 {
    margin-bottom: -5rem;
  }

  .xs\:tw--ml-20 {
    margin-left: -5rem;
  }

  .xs\:tw--mt-24 {
    margin-top: -6rem;
  }

  .xs\:tw--mr-24 {
    margin-right: -6rem;
  }

  .xs\:tw--mb-24 {
    margin-bottom: -6rem;
  }

  .xs\:tw--ml-24 {
    margin-left: -6rem;
  }

  .xs\:tw--mt-32 {
    margin-top: -8rem;
  }

  .xs\:tw--mr-32 {
    margin-right: -8rem;
  }

  .xs\:tw--mb-32 {
    margin-bottom: -8rem;
  }

  .xs\:tw--ml-32 {
    margin-left: -8rem;
  }

  .xs\:tw--mt-px {
    margin-top: -1px;
  }

  .xs\:tw--mr-px {
    margin-right: -1px;
  }

  .xs\:tw--mb-px {
    margin-bottom: -1px;
  }

  .xs\:tw--ml-px {
    margin-left: -1px;
  }

  .xs\:tw-opacity-0 {
    opacity: 0;
  }

  .xs\:tw-opacity-25 {
    opacity: .25;
  }

  .xs\:tw-opacity-50 {
    opacity: .5;
  }

  .xs\:tw-opacity-75 {
    opacity: .75;
  }

  .xs\:tw-opacity-100 {
    opacity: 1;
  }

  .xs\:hover\:tw-opacity-0:hover {
    opacity: 0;
  }

  .xs\:hover\:tw-opacity-25:hover {
    opacity: .25;
  }

  .xs\:hover\:tw-opacity-50:hover {
    opacity: .5;
  }

  .xs\:hover\:tw-opacity-75:hover {
    opacity: .75;
  }

  .xs\:hover\:tw-opacity-100:hover {
    opacity: 1;
  }

  .xs\:tw-overflow-auto {
    overflow: auto;
  }

  .xs\:tw-overflow-hidden {
    overflow: hidden;
  }

  .xs\:tw-overflow-visible {
    overflow: visible;
  }

  .xs\:tw-overflow-scroll {
    overflow: scroll;
  }

  .xs\:tw-overflow-x-auto {
    overflow-x: auto;
  }

  .xs\:tw-overflow-y-auto {
    overflow-y: auto;
  }

  .xs\:tw-overflow-x-hidden {
    overflow-x: hidden;
  }

  .xs\:tw-overflow-y-hidden {
    overflow-y: hidden;
  }

  .xs\:tw-overflow-x-visible {
    overflow-x: visible;
  }

  .xs\:tw-overflow-y-visible {
    overflow-y: visible;
  }

  .xs\:tw-overflow-x-scroll {
    overflow-x: scroll;
  }

  .xs\:tw-overflow-y-scroll {
    overflow-y: scroll;
  }

  .xs\:tw-scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .xs\:tw-scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .xs\:tw-p-0 {
    padding: 0;
  }

  .xs\:tw-p-1 {
    padding: .25rem;
  }

  .xs\:tw-p-2 {
    padding: .5rem;
  }

  .xs\:tw-p-3 {
    padding: .75rem;
  }

  .xs\:tw-p-4 {
    padding: 1rem;
  }

  .xs\:tw-p-5 {
    padding: 1.25rem;
  }

  .xs\:tw-p-6 {
    padding: 1.5rem;
  }

  .xs\:tw-p-8 {
    padding: 2rem;
  }

  .xs\:tw-p-10 {
    padding: 2.5rem;
  }

  .xs\:tw-p-12 {
    padding: 3rem;
  }

  .xs\:tw-p-16 {
    padding: 4rem;
  }

  .xs\:tw-p-20 {
    padding: 5rem;
  }

  .xs\:tw-p-24 {
    padding: 6rem;
  }

  .xs\:tw-p-32 {
    padding: 8rem;
  }

  .xs\:tw-p-40 {
    padding: 10rem;
  }

  .xs\:tw-p-px {
    padding: 1px;
  }

  .xs\:tw-p-15px {
    padding: .9375rem;
  }

  .xs\:tw-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xs\:tw-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .xs\:tw-py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .xs\:tw-px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .xs\:tw-py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .xs\:tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .xs\:tw-py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .xs\:tw-px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .xs\:tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xs\:tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xs\:tw-py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .xs\:tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xs\:tw-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xs\:tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xs\:tw-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xs\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xs\:tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .xs\:tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xs\:tw-py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xs\:tw-px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xs\:tw-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xs\:tw-px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xs\:tw-py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xs\:tw-px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xs\:tw-py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xs\:tw-px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xs\:tw-py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xs\:tw-px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xs\:tw-py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xs\:tw-px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xs\:tw-py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .xs\:tw-px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .xs\:tw-py-15px {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
  }

  .xs\:tw-px-15px {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .xs\:tw-pt-0 {
    padding-top: 0;
  }

  .xs\:tw-pr-0 {
    padding-right: 0;
  }

  .xs\:tw-pb-0 {
    padding-bottom: 0;
  }

  .xs\:tw-pl-0 {
    padding-left: 0;
  }

  .xs\:tw-pt-1 {
    padding-top: .25rem;
  }

  .xs\:tw-pr-1 {
    padding-right: .25rem;
  }

  .xs\:tw-pb-1 {
    padding-bottom: .25rem;
  }

  .xs\:tw-pl-1 {
    padding-left: .25rem;
  }

  .xs\:tw-pt-2 {
    padding-top: .5rem;
  }

  .xs\:tw-pr-2 {
    padding-right: .5rem;
  }

  .xs\:tw-pb-2 {
    padding-bottom: .5rem;
  }

  .xs\:tw-pl-2 {
    padding-left: .5rem;
  }

  .xs\:tw-pt-3 {
    padding-top: .75rem;
  }

  .xs\:tw-pr-3 {
    padding-right: .75rem;
  }

  .xs\:tw-pb-3 {
    padding-bottom: .75rem;
  }

  .xs\:tw-pl-3 {
    padding-left: .75rem;
  }

  .xs\:tw-pt-4 {
    padding-top: 1rem;
  }

  .xs\:tw-pr-4 {
    padding-right: 1rem;
  }

  .xs\:tw-pb-4 {
    padding-bottom: 1rem;
  }

  .xs\:tw-pl-4 {
    padding-left: 1rem;
  }

  .xs\:tw-pt-5 {
    padding-top: 1.25rem;
  }

  .xs\:tw-pr-5 {
    padding-right: 1.25rem;
  }

  .xs\:tw-pb-5 {
    padding-bottom: 1.25rem;
  }

  .xs\:tw-pl-5 {
    padding-left: 1.25rem;
  }

  .xs\:tw-pt-6 {
    padding-top: 1.5rem;
  }

  .xs\:tw-pr-6 {
    padding-right: 1.5rem;
  }

  .xs\:tw-pb-6 {
    padding-bottom: 1.5rem;
  }

  .xs\:tw-pl-6 {
    padding-left: 1.5rem;
  }

  .xs\:tw-pt-8 {
    padding-top: 2rem;
  }

  .xs\:tw-pr-8 {
    padding-right: 2rem;
  }

  .xs\:tw-pb-8 {
    padding-bottom: 2rem;
  }

  .xs\:tw-pl-8 {
    padding-left: 2rem;
  }

  .xs\:tw-pt-10 {
    padding-top: 2.5rem;
  }

  .xs\:tw-pr-10 {
    padding-right: 2.5rem;
  }

  .xs\:tw-pb-10 {
    padding-bottom: 2.5rem;
  }

  .xs\:tw-pl-10 {
    padding-left: 2.5rem;
  }

  .xs\:tw-pt-12 {
    padding-top: 3rem;
  }

  .xs\:tw-pr-12 {
    padding-right: 3rem;
  }

  .xs\:tw-pb-12 {
    padding-bottom: 3rem;
  }

  .xs\:tw-pl-12 {
    padding-left: 3rem;
  }

  .xs\:tw-pt-16 {
    padding-top: 4rem;
  }

  .xs\:tw-pr-16 {
    padding-right: 4rem;
  }

  .xs\:tw-pb-16 {
    padding-bottom: 4rem;
  }

  .xs\:tw-pl-16 {
    padding-left: 4rem;
  }

  .xs\:tw-pt-20 {
    padding-top: 5rem;
  }

  .xs\:tw-pr-20 {
    padding-right: 5rem;
  }

  .xs\:tw-pb-20 {
    padding-bottom: 5rem;
  }

  .xs\:tw-pl-20 {
    padding-left: 5rem;
  }

  .xs\:tw-pt-24 {
    padding-top: 6rem;
  }

  .xs\:tw-pr-24 {
    padding-right: 6rem;
  }

  .xs\:tw-pb-24 {
    padding-bottom: 6rem;
  }

  .xs\:tw-pl-24 {
    padding-left: 6rem;
  }

  .xs\:tw-pt-32 {
    padding-top: 8rem;
  }

  .xs\:tw-pr-32 {
    padding-right: 8rem;
  }

  .xs\:tw-pb-32 {
    padding-bottom: 8rem;
  }

  .xs\:tw-pl-32 {
    padding-left: 8rem;
  }

  .xs\:tw-pt-40 {
    padding-top: 10rem;
  }

  .xs\:tw-pr-40 {
    padding-right: 10rem;
  }

  .xs\:tw-pb-40 {
    padding-bottom: 10rem;
  }

  .xs\:tw-pl-40 {
    padding-left: 10rem;
  }

  .xs\:tw-pt-px {
    padding-top: 1px;
  }

  .xs\:tw-pr-px {
    padding-right: 1px;
  }

  .xs\:tw-pb-px {
    padding-bottom: 1px;
  }

  .xs\:tw-pl-px {
    padding-left: 1px;
  }

  .xs\:tw-pt-15px {
    padding-top: .9375rem;
  }

  .xs\:tw-pr-15px {
    padding-right: .9375rem;
  }

  .xs\:tw-pb-15px {
    padding-bottom: .9375rem;
  }

  .xs\:tw-pl-15px {
    padding-left: .9375rem;
  }

  .xs\:tw-pointer-events-none {
    pointer-events: none;
  }

  .xs\:tw-pointer-events-auto {
    pointer-events: auto;
  }

  .xs\:tw-static {
    position: static;
  }

  .xs\:tw-fixed {
    position: fixed;
  }

  .xs\:tw-absolute {
    position: absolute;
  }

  .xs\:tw-relative {
    position: relative;
  }

  .xs\:tw-sticky {
    position: sticky;
  }

  .xs\:tw-pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xs\:tw-pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xs\:tw-pin-y {
    top: 0;
    bottom: 0;
  }

  .xs\:tw-pin-x {
    right: 0;
    left: 0;
  }

  .xs\:tw-pin-t {
    top: 0;
  }

  .xs\:tw-pin-r {
    right: 0;
  }

  .xs\:tw-pin-b {
    bottom: 0;
  }

  .xs\:tw-pin-l {
    left: 0;
  }

  .xs\:tw-resize-none {
    resize: none;
  }

  .xs\:tw-resize-y {
    resize: vertical;
  }

  .xs\:tw-resize-x {
    resize: horizontal;
  }

  .xs\:tw-resize {
    resize: both;
  }

  .xs\:tw-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .xs\:tw-shadow-md {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .xs\:tw-shadow-lg {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .xs\:tw-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .xs\:tw-shadow-outline {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .xs\:tw-shadow-none {
    box-shadow: none;
  }

  .xs\:hover\:tw-shadow:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .xs\:hover\:tw-shadow-md:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .xs\:hover\:tw-shadow-lg:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .xs\:hover\:tw-shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .xs\:hover\:tw-shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .xs\:hover\:tw-shadow-none:hover {
    box-shadow: none;
  }

  .xs\:focus\:tw-shadow:focus {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .xs\:focus\:tw-shadow-md:focus {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .xs\:focus\:tw-shadow-lg:focus {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .xs\:focus\:tw-shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .xs\:focus\:tw-shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .xs\:focus\:tw-shadow-none:focus {
    box-shadow: none;
  }

  .xs\:tw-table-auto {
    table-layout: auto;
  }

  .xs\:tw-table-fixed {
    table-layout: fixed;
  }

  .xs\:tw-text-left {
    text-align: left;
  }

  .xs\:tw-text-center {
    text-align: center;
  }

  .xs\:tw-text-right {
    text-align: right;
  }

  .xs\:tw-text-justify {
    text-align: justify;
  }

  .xs\:tw-text-transparent {
    color: transparent;
  }

  .xs\:tw-text-black {
    color: #22292f;
  }

  .xs\:tw-text-black-darker {
    color: #2f2f2f;
  }

  .xs\:tw-text-grey-darkest {
    color: #3d4852;
  }

  .xs\:tw-text-grey-darker-1 {
    color: #666;
  }

  .xs\:tw-text-grey-darker {
    color: #8e8e8e;
  }

  .xs\:tw-text-grey-dark {
    color: #8795a1;
  }

  .xs\:tw-text-grey {
    color: #b8c2cc;
  }

  .xs\:tw-text-grey-light {
    color: #dae1e7;
  }

  .xs\:tw-text-grey-lighter {
    color: #f1f5f8;
  }

  .xs\:tw-text-grey-lightest {
    color: #f8fafc;
  }

  .xs\:tw-text-white {
    color: #fff;
  }

  .xs\:tw-text-red-darkest {
    color: #3b0d0c;
  }

  .xs\:tw-text-red-darker {
    color: #621b18;
  }

  .xs\:tw-text-red-dark {
    color: #cc1f1a;
  }

  .xs\:tw-text-red {
    color: #e3342f;
  }

  .xs\:tw-text-red-light {
    color: #ef5753;
  }

  .xs\:tw-text-red-lighter {
    color: #f9acaa;
  }

  .xs\:tw-text-red-lightest {
    color: #fcebea;
  }

  .xs\:tw-text-orange-darkest {
    color: #462a16;
  }

  .xs\:tw-text-orange-darker {
    color: #613b1f;
  }

  .xs\:tw-text-orange-dark {
    color: #de751f;
  }

  .xs\:tw-text-orange {
    color: #f6993f;
  }

  .xs\:tw-text-orange-light {
    color: #faad63;
  }

  .xs\:tw-text-orange-lighter {
    color: #fcd9b6;
  }

  .xs\:tw-text-orange-lightest {
    color: #fff5eb;
  }

  .xs\:tw-text-yellow-darkest {
    color: #453411;
  }

  .xs\:tw-text-yellow-darker {
    color: #684f1d;
  }

  .xs\:tw-text-yellow-dark {
    color: #f2d024;
  }

  .xs\:tw-text-yellow {
    color: #ffec92;
  }

  .xs\:tw-text-yellow-light {
    color: #fff382;
  }

  .xs\:tw-text-yellow-lighter {
    color: #fff9c2;
  }

  .xs\:tw-text-yellow-lightest {
    color: #fcfbeb;
  }

  .xs\:tw-text-green-darkest {
    color: #0f2f21;
  }

  .xs\:tw-text-green-darker {
    color: #1a4731;
  }

  .xs\:tw-text-green-dark {
    color: #1f9d55;
  }

  .xs\:tw-text-green {
    color: #38c172;
  }

  .xs\:tw-text-green-light {
    color: #51d88a;
  }

  .xs\:tw-text-green-lighter {
    color: #a2f5bf;
  }

  .xs\:tw-text-green-lightest {
    color: #e3fcec;
  }

  .xs\:tw-text-teal-darkest {
    color: #0d3331;
  }

  .xs\:tw-text-teal-darker {
    color: #20504f;
  }

  .xs\:tw-text-teal-dark {
    color: #38a89d;
  }

  .xs\:tw-text-teal {
    color: #4dc0b5;
  }

  .xs\:tw-text-teal-light {
    color: #64d5ca;
  }

  .xs\:tw-text-teal-lighter {
    color: #a0f0ed;
  }

  .xs\:tw-text-teal-lightest {
    color: #e8fffe;
  }

  .xs\:tw-text-blue-darkest {
    color: #12283a;
  }

  .xs\:tw-text-blue-darker {
    color: #1c3d5a;
  }

  .xs\:tw-text-blue-dark {
    color: #2779bd;
  }

  .xs\:tw-text-blue {
    color: #3490dc;
  }

  .xs\:tw-text-blue-light {
    color: #6cb2eb;
  }

  .xs\:tw-text-blue-lighter {
    color: #bcdefa;
  }

  .xs\:tw-text-blue-lightest {
    color: #eff8ff;
  }

  .xs\:tw-text-indigo-darkest {
    color: #191e38;
  }

  .xs\:tw-text-indigo-darker {
    color: #2f365f;
  }

  .xs\:tw-text-indigo-dark {
    color: #5661b3;
  }

  .xs\:tw-text-indigo {
    color: #6574cd;
  }

  .xs\:tw-text-indigo-light {
    color: #7886d7;
  }

  .xs\:tw-text-indigo-lighter {
    color: #b2b7ff;
  }

  .xs\:tw-text-indigo-lightest {
    color: #e6e8ff;
  }

  .xs\:tw-text-purple-darkest {
    color: #21183c;
  }

  .xs\:tw-text-purple-darker {
    color: #382b5f;
  }

  .xs\:tw-text-purple-dark {
    color: #794acf;
  }

  .xs\:tw-text-purple {
    color: #9561e2;
  }

  .xs\:tw-text-purple-light {
    color: #a779e9;
  }

  .xs\:tw-text-purple-lighter {
    color: #d6bbfc;
  }

  .xs\:tw-text-purple-lightest {
    color: #f3ebff;
  }

  .xs\:tw-text-pink-darkest {
    color: #451225;
  }

  .xs\:tw-text-pink-darker {
    color: #6f213f;
  }

  .xs\:tw-text-pink-dark {
    color: #eb5286;
  }

  .xs\:tw-text-pink {
    color: #f66d9b;
  }

  .xs\:tw-text-pink-light {
    color: #fa7ea8;
  }

  .xs\:tw-text-pink-lighter {
    color: #ffbbca;
  }

  .xs\:tw-text-pink-lightest {
    color: #ffebef;
  }

  .xs\:tw-text-primary-l7 {
    color: rgb(95, 95, 95);
  }

  .xs\:tw-text-primary-l6 {
    color: rgb(85, 85, 85);
  }

  .xs\:tw-text-primary-l5 {
    color: rgb(75, 75, 75);
  }

  .xs\:tw-text-primary-l4 {
    color: rgb(65, 65, 65);
  }

  .xs\:tw-text-primary-l3 {
    color: rgb(55, 55, 55);
  }

  .xs\:tw-text-primary-l2 {
    color: rgb(45, 45, 45);
  }

  .xs\:tw-text-primary-l1 {
    color: rgb(40, 40, 40);
  }

  .xs\:tw-text-primary {
    color: rgb(35, 35, 35);
  }

  .xs\:tw-text-primary-d1 {
    color: rgb(25, 25, 25);
  }

  .xs\:tw-text-primary-d2 {
    color: rgb(20, 20, 20);
  }

  .xs\:tw-text-primary-d3 {
    color: rgb(15, 15, 15);
  }

  .xs\:tw-text-primary-d4 {
    color: rgb(5, 5, 5);
  }

  .xs\:tw-text-primary-o9 {
    color: rgba(35, 35, 35, .9);
  }

  .xs\:tw-text-primary-o8 {
    color: rgba(35, 35, 35, .8);
  }

  .xs\:tw-text-primary-o7 {
    color: rgba(35, 35, 35, .7);
  }

  .xs\:tw-text-primary-o6 {
    color: rgba(35, 35, 35, .6);
  }

  .xs\:tw-text-primary-o5 {
    color: rgba(35, 35, 35, .5);
  }

  .xs\:tw-text-primary-o4 {
    color: rgba(35, 35, 35, .4);
  }

  .xs\:tw-text-primary-o3 {
    color: rgba(35, 35, 35, .3);
  }

  .xs\:tw-text-primary-o2 {
    color: rgba(35, 35, 35, .2);
  }

  .xs\:tw-text-primary-o1 {
    color: rgba(35, 35, 35, .1);
  }

  .xs\:tw-text-primary-g1 {
    color: rgba(31, 157, 85, .5607843137);
  }

  .xs\:tw-text-primary-d1-o9 {
    color: rgba(25, 25, 25, .9);
  }

  .xs\:tw-text-primary-l5-o3 {
    color: rgba(75, 75, 75, .3);
  }

  .xs\:tw-text-primary-dark-gray {
    color: rgb(165, 165, 165);
  }

  .xs\:hover\:tw-text-transparent:hover {
    color: transparent;
  }

  .xs\:hover\:tw-text-black:hover {
    color: #22292f;
  }

  .xs\:hover\:tw-text-black-darker:hover {
    color: #2f2f2f;
  }

  .xs\:hover\:tw-text-grey-darkest:hover {
    color: #3d4852;
  }

  .xs\:hover\:tw-text-grey-darker-1:hover {
    color: #666;
  }

  .xs\:hover\:tw-text-grey-darker:hover {
    color: #8e8e8e;
  }

  .xs\:hover\:tw-text-grey-dark:hover {
    color: #8795a1;
  }

  .xs\:hover\:tw-text-grey:hover {
    color: #b8c2cc;
  }

  .xs\:hover\:tw-text-grey-light:hover {
    color: #dae1e7;
  }

  .xs\:hover\:tw-text-grey-lighter:hover {
    color: #f1f5f8;
  }

  .xs\:hover\:tw-text-grey-lightest:hover {
    color: #f8fafc;
  }

  .xs\:hover\:tw-text-white:hover {
    color: #fff;
  }

  .xs\:hover\:tw-text-red-darkest:hover {
    color: #3b0d0c;
  }

  .xs\:hover\:tw-text-red-darker:hover {
    color: #621b18;
  }

  .xs\:hover\:tw-text-red-dark:hover {
    color: #cc1f1a;
  }

  .xs\:hover\:tw-text-red:hover {
    color: #e3342f;
  }

  .xs\:hover\:tw-text-red-light:hover {
    color: #ef5753;
  }

  .xs\:hover\:tw-text-red-lighter:hover {
    color: #f9acaa;
  }

  .xs\:hover\:tw-text-red-lightest:hover {
    color: #fcebea;
  }

  .xs\:hover\:tw-text-orange-darkest:hover {
    color: #462a16;
  }

  .xs\:hover\:tw-text-orange-darker:hover {
    color: #613b1f;
  }

  .xs\:hover\:tw-text-orange-dark:hover {
    color: #de751f;
  }

  .xs\:hover\:tw-text-orange:hover {
    color: #f6993f;
  }

  .xs\:hover\:tw-text-orange-light:hover {
    color: #faad63;
  }

  .xs\:hover\:tw-text-orange-lighter:hover {
    color: #fcd9b6;
  }

  .xs\:hover\:tw-text-orange-lightest:hover {
    color: #fff5eb;
  }

  .xs\:hover\:tw-text-yellow-darkest:hover {
    color: #453411;
  }

  .xs\:hover\:tw-text-yellow-darker:hover {
    color: #684f1d;
  }

  .xs\:hover\:tw-text-yellow-dark:hover {
    color: #f2d024;
  }

  .xs\:hover\:tw-text-yellow:hover {
    color: #ffec92;
  }

  .xs\:hover\:tw-text-yellow-light:hover {
    color: #fff382;
  }

  .xs\:hover\:tw-text-yellow-lighter:hover {
    color: #fff9c2;
  }

  .xs\:hover\:tw-text-yellow-lightest:hover {
    color: #fcfbeb;
  }

  .xs\:hover\:tw-text-green-darkest:hover {
    color: #0f2f21;
  }

  .xs\:hover\:tw-text-green-darker:hover {
    color: #1a4731;
  }

  .xs\:hover\:tw-text-green-dark:hover {
    color: #1f9d55;
  }

  .xs\:hover\:tw-text-green:hover {
    color: #38c172;
  }

  .xs\:hover\:tw-text-green-light:hover {
    color: #51d88a;
  }

  .xs\:hover\:tw-text-green-lighter:hover {
    color: #a2f5bf;
  }

  .xs\:hover\:tw-text-green-lightest:hover {
    color: #e3fcec;
  }

  .xs\:hover\:tw-text-teal-darkest:hover {
    color: #0d3331;
  }

  .xs\:hover\:tw-text-teal-darker:hover {
    color: #20504f;
  }

  .xs\:hover\:tw-text-teal-dark:hover {
    color: #38a89d;
  }

  .xs\:hover\:tw-text-teal:hover {
    color: #4dc0b5;
  }

  .xs\:hover\:tw-text-teal-light:hover {
    color: #64d5ca;
  }

  .xs\:hover\:tw-text-teal-lighter:hover {
    color: #a0f0ed;
  }

  .xs\:hover\:tw-text-teal-lightest:hover {
    color: #e8fffe;
  }

  .xs\:hover\:tw-text-blue-darkest:hover {
    color: #12283a;
  }

  .xs\:hover\:tw-text-blue-darker:hover {
    color: #1c3d5a;
  }

  .xs\:hover\:tw-text-blue-dark:hover {
    color: #2779bd;
  }

  .xs\:hover\:tw-text-blue:hover {
    color: #3490dc;
  }

  .xs\:hover\:tw-text-blue-light:hover {
    color: #6cb2eb;
  }

  .xs\:hover\:tw-text-blue-lighter:hover {
    color: #bcdefa;
  }

  .xs\:hover\:tw-text-blue-lightest:hover {
    color: #eff8ff;
  }

  .xs\:hover\:tw-text-indigo-darkest:hover {
    color: #191e38;
  }

  .xs\:hover\:tw-text-indigo-darker:hover {
    color: #2f365f;
  }

  .xs\:hover\:tw-text-indigo-dark:hover {
    color: #5661b3;
  }

  .xs\:hover\:tw-text-indigo:hover {
    color: #6574cd;
  }

  .xs\:hover\:tw-text-indigo-light:hover {
    color: #7886d7;
  }

  .xs\:hover\:tw-text-indigo-lighter:hover {
    color: #b2b7ff;
  }

  .xs\:hover\:tw-text-indigo-lightest:hover {
    color: #e6e8ff;
  }

  .xs\:hover\:tw-text-purple-darkest:hover {
    color: #21183c;
  }

  .xs\:hover\:tw-text-purple-darker:hover {
    color: #382b5f;
  }

  .xs\:hover\:tw-text-purple-dark:hover {
    color: #794acf;
  }

  .xs\:hover\:tw-text-purple:hover {
    color: #9561e2;
  }

  .xs\:hover\:tw-text-purple-light:hover {
    color: #a779e9;
  }

  .xs\:hover\:tw-text-purple-lighter:hover {
    color: #d6bbfc;
  }

  .xs\:hover\:tw-text-purple-lightest:hover {
    color: #f3ebff;
  }

  .xs\:hover\:tw-text-pink-darkest:hover {
    color: #451225;
  }

  .xs\:hover\:tw-text-pink-darker:hover {
    color: #6f213f;
  }

  .xs\:hover\:tw-text-pink-dark:hover {
    color: #eb5286;
  }

  .xs\:hover\:tw-text-pink:hover {
    color: #f66d9b;
  }

  .xs\:hover\:tw-text-pink-light:hover {
    color: #fa7ea8;
  }

  .xs\:hover\:tw-text-pink-lighter:hover {
    color: #ffbbca;
  }

  .xs\:hover\:tw-text-pink-lightest:hover {
    color: #ffebef;
  }

  .xs\:hover\:tw-text-primary-l7:hover {
    color: rgb(95, 95, 95);
  }

  .xs\:hover\:tw-text-primary-l6:hover {
    color: rgb(85, 85, 85);
  }

  .xs\:hover\:tw-text-primary-l5:hover {
    color: rgb(75, 75, 75);
  }

  .xs\:hover\:tw-text-primary-l4:hover {
    color: rgb(65, 65, 65);
  }

  .xs\:hover\:tw-text-primary-l3:hover {
    color: rgb(55, 55, 55);
  }

  .xs\:hover\:tw-text-primary-l2:hover {
    color: rgb(45, 45, 45);
  }

  .xs\:hover\:tw-text-primary-l1:hover {
    color: rgb(40, 40, 40);
  }

  .xs\:hover\:tw-text-primary:hover {
    color: rgb(35, 35, 35);
  }

  .xs\:hover\:tw-text-primary-d1:hover {
    color: rgb(25, 25, 25);
  }

  .xs\:hover\:tw-text-primary-d2:hover {
    color: rgb(20, 20, 20);
  }

  .xs\:hover\:tw-text-primary-d3:hover {
    color: rgb(15, 15, 15);
  }

  .xs\:hover\:tw-text-primary-d4:hover {
    color: rgb(5, 5, 5);
  }

  .xs\:hover\:tw-text-primary-o9:hover {
    color: rgba(35, 35, 35, .9);
  }

  .xs\:hover\:tw-text-primary-o8:hover {
    color: rgba(35, 35, 35, .8);
  }

  .xs\:hover\:tw-text-primary-o7:hover {
    color: rgba(35, 35, 35, .7);
  }

  .xs\:hover\:tw-text-primary-o6:hover {
    color: rgba(35, 35, 35, .6);
  }

  .xs\:hover\:tw-text-primary-o5:hover {
    color: rgba(35, 35, 35, .5);
  }

  .xs\:hover\:tw-text-primary-o4:hover {
    color: rgba(35, 35, 35, .4);
  }

  .xs\:hover\:tw-text-primary-o3:hover {
    color: rgba(35, 35, 35, .3);
  }

  .xs\:hover\:tw-text-primary-o2:hover {
    color: rgba(35, 35, 35, .2);
  }

  .xs\:hover\:tw-text-primary-o1:hover {
    color: rgba(35, 35, 35, .1);
  }

  .xs\:hover\:tw-text-primary-g1:hover {
    color: rgba(31, 157, 85, .5607843137);
  }

  .xs\:hover\:tw-text-primary-d1-o9:hover {
    color: rgba(25, 25, 25, .9);
  }

  .xs\:hover\:tw-text-primary-l5-o3:hover {
    color: rgba(75, 75, 75, .3);
  }

  .xs\:hover\:tw-text-primary-dark-gray:hover {
    color: rgb(165, 165, 165);
  }

  .xs\:focus\:tw-text-transparent:focus {
    color: transparent;
  }

  .xs\:focus\:tw-text-black:focus {
    color: #22292f;
  }

  .xs\:focus\:tw-text-black-darker:focus {
    color: #2f2f2f;
  }

  .xs\:focus\:tw-text-grey-darkest:focus {
    color: #3d4852;
  }

  .xs\:focus\:tw-text-grey-darker-1:focus {
    color: #666;
  }

  .xs\:focus\:tw-text-grey-darker:focus {
    color: #8e8e8e;
  }

  .xs\:focus\:tw-text-grey-dark:focus {
    color: #8795a1;
  }

  .xs\:focus\:tw-text-grey:focus {
    color: #b8c2cc;
  }

  .xs\:focus\:tw-text-grey-light:focus {
    color: #dae1e7;
  }

  .xs\:focus\:tw-text-grey-lighter:focus {
    color: #f1f5f8;
  }

  .xs\:focus\:tw-text-grey-lightest:focus {
    color: #f8fafc;
  }

  .xs\:focus\:tw-text-white:focus {
    color: #fff;
  }

  .xs\:focus\:tw-text-red-darkest:focus {
    color: #3b0d0c;
  }

  .xs\:focus\:tw-text-red-darker:focus {
    color: #621b18;
  }

  .xs\:focus\:tw-text-red-dark:focus {
    color: #cc1f1a;
  }

  .xs\:focus\:tw-text-red:focus {
    color: #e3342f;
  }

  .xs\:focus\:tw-text-red-light:focus {
    color: #ef5753;
  }

  .xs\:focus\:tw-text-red-lighter:focus {
    color: #f9acaa;
  }

  .xs\:focus\:tw-text-red-lightest:focus {
    color: #fcebea;
  }

  .xs\:focus\:tw-text-orange-darkest:focus {
    color: #462a16;
  }

  .xs\:focus\:tw-text-orange-darker:focus {
    color: #613b1f;
  }

  .xs\:focus\:tw-text-orange-dark:focus {
    color: #de751f;
  }

  .xs\:focus\:tw-text-orange:focus {
    color: #f6993f;
  }

  .xs\:focus\:tw-text-orange-light:focus {
    color: #faad63;
  }

  .xs\:focus\:tw-text-orange-lighter:focus {
    color: #fcd9b6;
  }

  .xs\:focus\:tw-text-orange-lightest:focus {
    color: #fff5eb;
  }

  .xs\:focus\:tw-text-yellow-darkest:focus {
    color: #453411;
  }

  .xs\:focus\:tw-text-yellow-darker:focus {
    color: #684f1d;
  }

  .xs\:focus\:tw-text-yellow-dark:focus {
    color: #f2d024;
  }

  .xs\:focus\:tw-text-yellow:focus {
    color: #ffec92;
  }

  .xs\:focus\:tw-text-yellow-light:focus {
    color: #fff382;
  }

  .xs\:focus\:tw-text-yellow-lighter:focus {
    color: #fff9c2;
  }

  .xs\:focus\:tw-text-yellow-lightest:focus {
    color: #fcfbeb;
  }

  .xs\:focus\:tw-text-green-darkest:focus {
    color: #0f2f21;
  }

  .xs\:focus\:tw-text-green-darker:focus {
    color: #1a4731;
  }

  .xs\:focus\:tw-text-green-dark:focus {
    color: #1f9d55;
  }

  .xs\:focus\:tw-text-green:focus {
    color: #38c172;
  }

  .xs\:focus\:tw-text-green-light:focus {
    color: #51d88a;
  }

  .xs\:focus\:tw-text-green-lighter:focus {
    color: #a2f5bf;
  }

  .xs\:focus\:tw-text-green-lightest:focus {
    color: #e3fcec;
  }

  .xs\:focus\:tw-text-teal-darkest:focus {
    color: #0d3331;
  }

  .xs\:focus\:tw-text-teal-darker:focus {
    color: #20504f;
  }

  .xs\:focus\:tw-text-teal-dark:focus {
    color: #38a89d;
  }

  .xs\:focus\:tw-text-teal:focus {
    color: #4dc0b5;
  }

  .xs\:focus\:tw-text-teal-light:focus {
    color: #64d5ca;
  }

  .xs\:focus\:tw-text-teal-lighter:focus {
    color: #a0f0ed;
  }

  .xs\:focus\:tw-text-teal-lightest:focus {
    color: #e8fffe;
  }

  .xs\:focus\:tw-text-blue-darkest:focus {
    color: #12283a;
  }

  .xs\:focus\:tw-text-blue-darker:focus {
    color: #1c3d5a;
  }

  .xs\:focus\:tw-text-blue-dark:focus {
    color: #2779bd;
  }

  .xs\:focus\:tw-text-blue:focus {
    color: #3490dc;
  }

  .xs\:focus\:tw-text-blue-light:focus {
    color: #6cb2eb;
  }

  .xs\:focus\:tw-text-blue-lighter:focus {
    color: #bcdefa;
  }

  .xs\:focus\:tw-text-blue-lightest:focus {
    color: #eff8ff;
  }

  .xs\:focus\:tw-text-indigo-darkest:focus {
    color: #191e38;
  }

  .xs\:focus\:tw-text-indigo-darker:focus {
    color: #2f365f;
  }

  .xs\:focus\:tw-text-indigo-dark:focus {
    color: #5661b3;
  }

  .xs\:focus\:tw-text-indigo:focus {
    color: #6574cd;
  }

  .xs\:focus\:tw-text-indigo-light:focus {
    color: #7886d7;
  }

  .xs\:focus\:tw-text-indigo-lighter:focus {
    color: #b2b7ff;
  }

  .xs\:focus\:tw-text-indigo-lightest:focus {
    color: #e6e8ff;
  }

  .xs\:focus\:tw-text-purple-darkest:focus {
    color: #21183c;
  }

  .xs\:focus\:tw-text-purple-darker:focus {
    color: #382b5f;
  }

  .xs\:focus\:tw-text-purple-dark:focus {
    color: #794acf;
  }

  .xs\:focus\:tw-text-purple:focus {
    color: #9561e2;
  }

  .xs\:focus\:tw-text-purple-light:focus {
    color: #a779e9;
  }

  .xs\:focus\:tw-text-purple-lighter:focus {
    color: #d6bbfc;
  }

  .xs\:focus\:tw-text-purple-lightest:focus {
    color: #f3ebff;
  }

  .xs\:focus\:tw-text-pink-darkest:focus {
    color: #451225;
  }

  .xs\:focus\:tw-text-pink-darker:focus {
    color: #6f213f;
  }

  .xs\:focus\:tw-text-pink-dark:focus {
    color: #eb5286;
  }

  .xs\:focus\:tw-text-pink:focus {
    color: #f66d9b;
  }

  .xs\:focus\:tw-text-pink-light:focus {
    color: #fa7ea8;
  }

  .xs\:focus\:tw-text-pink-lighter:focus {
    color: #ffbbca;
  }

  .xs\:focus\:tw-text-pink-lightest:focus {
    color: #ffebef;
  }

  .xs\:focus\:tw-text-primary-l7:focus {
    color: rgb(95, 95, 95);
  }

  .xs\:focus\:tw-text-primary-l6:focus {
    color: rgb(85, 85, 85);
  }

  .xs\:focus\:tw-text-primary-l5:focus {
    color: rgb(75, 75, 75);
  }

  .xs\:focus\:tw-text-primary-l4:focus {
    color: rgb(65, 65, 65);
  }

  .xs\:focus\:tw-text-primary-l3:focus {
    color: rgb(55, 55, 55);
  }

  .xs\:focus\:tw-text-primary-l2:focus {
    color: rgb(45, 45, 45);
  }

  .xs\:focus\:tw-text-primary-l1:focus {
    color: rgb(40, 40, 40);
  }

  .xs\:focus\:tw-text-primary:focus {
    color: rgb(35, 35, 35);
  }

  .xs\:focus\:tw-text-primary-d1:focus {
    color: rgb(25, 25, 25);
  }

  .xs\:focus\:tw-text-primary-d2:focus {
    color: rgb(20, 20, 20);
  }

  .xs\:focus\:tw-text-primary-d3:focus {
    color: rgb(15, 15, 15);
  }

  .xs\:focus\:tw-text-primary-d4:focus {
    color: rgb(5, 5, 5);
  }

  .xs\:focus\:tw-text-primary-o9:focus {
    color: rgba(35, 35, 35, .9);
  }

  .xs\:focus\:tw-text-primary-o8:focus {
    color: rgba(35, 35, 35, .8);
  }

  .xs\:focus\:tw-text-primary-o7:focus {
    color: rgba(35, 35, 35, .7);
  }

  .xs\:focus\:tw-text-primary-o6:focus {
    color: rgba(35, 35, 35, .6);
  }

  .xs\:focus\:tw-text-primary-o5:focus {
    color: rgba(35, 35, 35, .5);
  }

  .xs\:focus\:tw-text-primary-o4:focus {
    color: rgba(35, 35, 35, .4);
  }

  .xs\:focus\:tw-text-primary-o3:focus {
    color: rgba(35, 35, 35, .3);
  }

  .xs\:focus\:tw-text-primary-o2:focus {
    color: rgba(35, 35, 35, .2);
  }

  .xs\:focus\:tw-text-primary-o1:focus {
    color: rgba(35, 35, 35, .1);
  }

  .xs\:focus\:tw-text-primary-g1:focus {
    color: rgba(31, 157, 85, .5607843137);
  }

  .xs\:focus\:tw-text-primary-d1-o9:focus {
    color: rgba(25, 25, 25, .9);
  }

  .xs\:focus\:tw-text-primary-l5-o3:focus {
    color: rgba(75, 75, 75, .3);
  }

  .xs\:focus\:tw-text-primary-dark-gray:focus {
    color: rgb(165, 165, 165);
  }

  .xs\:tw-text-11px {
    font-size: 11px;
  }

  .xs\:tw-text-xs {
    font-size: .75rem;
  }

  .xs\:tw-text-13px {
    font-size: 13px;
  }

  .xs\:tw-text-sm {
    font-size: .875rem;
  }

  .xs\:tw-text-15px {
    font-size: .9375rem;
  }

  .xs\:tw-text-base {
    font-size: 1rem;
  }

  .xs\:tw-text-17px {
    font-size: 17px;
  }

  .xs\:tw-text-lg {
    font-size: 1.125rem;
  }

  .xs\:tw-text-xl {
    font-size: 1.25rem;
  }

  .xs\:tw-text-2xl {
    font-size: 1.5rem;
  }

  .xs\:tw-text-3xl {
    font-size: 1.875rem;
  }

  .xs\:tw-text-4xl {
    font-size: 2.25rem;
  }

  .xs\:tw-text-5xl {
    font-size: 3rem;
  }

  .xs\:tw-text-6xl {
    font-size: 4rem;
  }

  .xs\:tw-italic {
    font-style: italic;
  }

  .xs\:tw-roman {
    font-style: normal;
  }

  .xs\:tw-uppercase {
    text-transform: uppercase;
  }

  .xs\:tw-lowercase {
    text-transform: lowercase;
  }

  .xs\:tw-capitalize {
    text-transform: capitalize;
  }

  .xs\:tw-normal-case {
    text-transform: none;
  }

  .xs\:tw-underline {
    text-decoration: underline;
  }

  .xs\:tw-line-through {
    text-decoration: line-through;
  }

  .xs\:tw-no-underline {
    text-decoration: none;
  }

  .xs\:tw-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xs\:tw-subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xs\:hover\:tw-italic:hover {
    font-style: italic;
  }

  .xs\:hover\:tw-roman:hover {
    font-style: normal;
  }

  .xs\:hover\:tw-uppercase:hover {
    text-transform: uppercase;
  }

  .xs\:hover\:tw-lowercase:hover {
    text-transform: lowercase;
  }

  .xs\:hover\:tw-capitalize:hover {
    text-transform: capitalize;
  }

  .xs\:hover\:tw-normal-case:hover {
    text-transform: none;
  }

  .xs\:hover\:tw-underline:hover {
    text-decoration: underline;
  }

  .xs\:hover\:tw-line-through:hover {
    text-decoration: line-through;
  }

  .xs\:hover\:tw-no-underline:hover {
    text-decoration: none;
  }

  .xs\:hover\:tw-antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xs\:hover\:tw-subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xs\:focus\:tw-italic:focus {
    font-style: italic;
  }

  .xs\:focus\:tw-roman:focus {
    font-style: normal;
  }

  .xs\:focus\:tw-uppercase:focus {
    text-transform: uppercase;
  }

  .xs\:focus\:tw-lowercase:focus {
    text-transform: lowercase;
  }

  .xs\:focus\:tw-capitalize:focus {
    text-transform: capitalize;
  }

  .xs\:focus\:tw-normal-case:focus {
    text-transform: none;
  }

  .xs\:focus\:tw-underline:focus {
    text-decoration: underline;
  }

  .xs\:focus\:tw-line-through:focus {
    text-decoration: line-through;
  }

  .xs\:focus\:tw-no-underline:focus {
    text-decoration: none;
  }

  .xs\:focus\:tw-antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xs\:focus\:tw-subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xs\:tw-tracking-tight {
    letter-spacing: -0.05em;
  }

  .xs\:tw-tracking-normal {
    letter-spacing: 0;
  }

  .xs\:tw-tracking-wide {
    letter-spacing: .05em;
  }

  .xs\:tw-select-none {
    user-select: none;
  }

  .xs\:tw-select-text {
    user-select: text;
  }

  .xs\:tw-align-baseline {
    vertical-align: baseline;
  }

  .xs\:tw-align-top {
    vertical-align: top;
  }

  .xs\:tw-align-middle {
    vertical-align: middle;
  }

  .xs\:tw-align-bottom {
    vertical-align: bottom;
  }

  .xs\:tw-align-text-top {
    vertical-align: text-top;
  }

  .xs\:tw-align-text-bottom {
    vertical-align: text-bottom;
  }

  .xs\:tw-visible {
    visibility: visible;
  }

  .xs\:tw-invisible {
    visibility: hidden;
  }

  .xs\:tw-whitespace-normal {
    white-space: normal;
  }

  .xs\:tw-whitespace-no-wrap {
    white-space: nowrap;
  }

  .xs\:tw-whitespace-pre {
    white-space: pre;
  }

  .xs\:tw-whitespace-pre-line {
    white-space: pre-line;
  }

  .xs\:tw-whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .xs\:tw-break-words {
    word-wrap: break-word;
  }

  .xs\:tw-break-normal {
    word-wrap: normal;
  }

  .xs\:tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xs\:tw-w-1 {
    width: .25rem;
  }

  .xs\:tw-w-2 {
    width: .5rem;
  }

  .xs\:tw-w-3 {
    width: .75rem;
  }

  .xs\:tw-w-4 {
    width: 1rem;
  }

  .xs\:tw-w-5 {
    width: 1.25rem;
  }

  .xs\:tw-w-6 {
    width: 1.5rem;
  }

  .xs\:tw-w-8 {
    width: 2rem;
  }

  .xs\:tw-w-10 {
    width: 2.5rem;
  }

  .xs\:tw-w-12 {
    width: 3rem;
  }

  .xs\:tw-w-16 {
    width: 4rem;
  }

  .xs\:tw-w-20 {
    width: 5rem;
  }

  .xs\:tw-w-24 {
    width: 6rem;
  }

  .xs\:tw-w-28 {
    width: 7rem;
  }

  .xs\:tw-w-32 {
    width: 8rem;
  }

  .xs\:tw-w-48 {
    width: 12rem;
  }

  .xs\:tw-w-64 {
    width: 16rem;
  }

  .xs\:tw-w-auto {
    width: auto;
  }

  .xs\:tw-w-px {
    width: 1px;
  }

  .xs\:tw-w-1\/2 {
    width: 50%;
  }

  .xs\:tw-w-1\/3 {
    width: 33.33333%;
  }

  .xs\:tw-w-2\/3 {
    width: 66.66667%;
  }

  .xs\:tw-w-1\/4 {
    width: 25%;
  }

  .xs\:tw-w-3\/4 {
    width: 75%;
  }

  .xs\:tw-w-1\/5 {
    width: 20%;
  }

  .xs\:tw-w-2\/5 {
    width: 40%;
  }

  .xs\:tw-w-3\/5 {
    width: 60%;
  }

  .xs\:tw-w-4\/5 {
    width: 80%;
  }

  .xs\:tw-w-1\/6 {
    width: 16.66667%;
  }

  .xs\:tw-w-5\/6 {
    width: 83.33333%;
  }

  .xs\:tw-w-full {
    width: 100%;
  }

  .xs\:tw-w-screen {
    width: 100vw;
  }

  .xs\:tw-z-0 {
    z-index: 0;
  }

  .xs\:tw-z-10 {
    z-index: 10;
  }

  .xs\:tw-z-20 {
    z-index: 20;
  }

  .xs\:tw-z-30 {
    z-index: 30;
  }

  .xs\:tw-z-40 {
    z-index: 40;
  }

  .xs\:tw-z-50 {
    z-index: 50;
  }

  .xs\:tw-z-auto {
    z-index: auto;
  }
}

@media (min-width: 470px) {
  .sm\:tw-list-reset {
    list-style: none;
    padding: 0;
  }

  .sm\:tw-appearance-none {
    appearance: none;
  }

  .sm\:tw-bg-fixed {
    background-attachment: fixed;
  }

  .sm\:tw-bg-local {
    background-attachment: local;
  }

  .sm\:tw-bg-scroll {
    background-attachment: scroll;
  }

  .sm\:tw-bg-transparent {
    background-color: transparent;
  }

  .sm\:tw-bg-black {
    background-color: #22292f;
  }

  .sm\:tw-bg-black-darker {
    background-color: #2f2f2f;
  }

  .sm\:tw-bg-grey-darkest {
    background-color: #3d4852;
  }

  .sm\:tw-bg-grey-darker-1 {
    background-color: #666;
  }

  .sm\:tw-bg-grey-darker {
    background-color: #8e8e8e;
  }

  .sm\:tw-bg-grey-dark {
    background-color: #8795a1;
  }

  .sm\:tw-bg-grey {
    background-color: #b8c2cc;
  }

  .sm\:tw-bg-grey-light {
    background-color: #dae1e7;
  }

  .sm\:tw-bg-grey-lighter {
    background-color: #f1f5f8;
  }

  .sm\:tw-bg-grey-lightest {
    background-color: #f8fafc;
  }

  .sm\:tw-bg-white {
    background-color: #fff;
  }

  .sm\:tw-bg-red-darkest {
    background-color: #3b0d0c;
  }

  .sm\:tw-bg-red-darker {
    background-color: #621b18;
  }

  .sm\:tw-bg-red-dark {
    background-color: #cc1f1a;
  }

  .sm\:tw-bg-red {
    background-color: #e3342f;
  }

  .sm\:tw-bg-red-light {
    background-color: #ef5753;
  }

  .sm\:tw-bg-red-lighter {
    background-color: #f9acaa;
  }

  .sm\:tw-bg-red-lightest {
    background-color: #fcebea;
  }

  .sm\:tw-bg-orange-darkest {
    background-color: #462a16;
  }

  .sm\:tw-bg-orange-darker {
    background-color: #613b1f;
  }

  .sm\:tw-bg-orange-dark {
    background-color: #de751f;
  }

  .sm\:tw-bg-orange {
    background-color: #f6993f;
  }

  .sm\:tw-bg-orange-light {
    background-color: #faad63;
  }

  .sm\:tw-bg-orange-lighter {
    background-color: #fcd9b6;
  }

  .sm\:tw-bg-orange-lightest {
    background-color: #fff5eb;
  }

  .sm\:tw-bg-yellow-darkest {
    background-color: #453411;
  }

  .sm\:tw-bg-yellow-darker {
    background-color: #684f1d;
  }

  .sm\:tw-bg-yellow-dark {
    background-color: #f2d024;
  }

  .sm\:tw-bg-yellow {
    background-color: #ffec92;
  }

  .sm\:tw-bg-yellow-light {
    background-color: #fff382;
  }

  .sm\:tw-bg-yellow-lighter {
    background-color: #fff9c2;
  }

  .sm\:tw-bg-yellow-lightest {
    background-color: #fcfbeb;
  }

  .sm\:tw-bg-green-darkest {
    background-color: #0f2f21;
  }

  .sm\:tw-bg-green-darker {
    background-color: #1a4731;
  }

  .sm\:tw-bg-green-dark {
    background-color: #1f9d55;
  }

  .sm\:tw-bg-green {
    background-color: #38c172;
  }

  .sm\:tw-bg-green-light {
    background-color: #51d88a;
  }

  .sm\:tw-bg-green-lighter {
    background-color: #a2f5bf;
  }

  .sm\:tw-bg-green-lightest {
    background-color: #e3fcec;
  }

  .sm\:tw-bg-teal-darkest {
    background-color: #0d3331;
  }

  .sm\:tw-bg-teal-darker {
    background-color: #20504f;
  }

  .sm\:tw-bg-teal-dark {
    background-color: #38a89d;
  }

  .sm\:tw-bg-teal {
    background-color: #4dc0b5;
  }

  .sm\:tw-bg-teal-light {
    background-color: #64d5ca;
  }

  .sm\:tw-bg-teal-lighter {
    background-color: #a0f0ed;
  }

  .sm\:tw-bg-teal-lightest {
    background-color: #e8fffe;
  }

  .sm\:tw-bg-blue-darkest {
    background-color: #12283a;
  }

  .sm\:tw-bg-blue-darker {
    background-color: #1c3d5a;
  }

  .sm\:tw-bg-blue-dark {
    background-color: #2779bd;
  }

  .sm\:tw-bg-blue {
    background-color: #3490dc;
  }

  .sm\:tw-bg-blue-light {
    background-color: #6cb2eb;
  }

  .sm\:tw-bg-blue-lighter {
    background-color: #bcdefa;
  }

  .sm\:tw-bg-blue-lightest {
    background-color: #eff8ff;
  }

  .sm\:tw-bg-indigo-darkest {
    background-color: #191e38;
  }

  .sm\:tw-bg-indigo-darker {
    background-color: #2f365f;
  }

  .sm\:tw-bg-indigo-dark {
    background-color: #5661b3;
  }

  .sm\:tw-bg-indigo {
    background-color: #6574cd;
  }

  .sm\:tw-bg-indigo-light {
    background-color: #7886d7;
  }

  .sm\:tw-bg-indigo-lighter {
    background-color: #b2b7ff;
  }

  .sm\:tw-bg-indigo-lightest {
    background-color: #e6e8ff;
  }

  .sm\:tw-bg-purple-darkest {
    background-color: #21183c;
  }

  .sm\:tw-bg-purple-darker {
    background-color: #382b5f;
  }

  .sm\:tw-bg-purple-dark {
    background-color: #794acf;
  }

  .sm\:tw-bg-purple {
    background-color: #9561e2;
  }

  .sm\:tw-bg-purple-light {
    background-color: #a779e9;
  }

  .sm\:tw-bg-purple-lighter {
    background-color: #d6bbfc;
  }

  .sm\:tw-bg-purple-lightest {
    background-color: #f3ebff;
  }

  .sm\:tw-bg-pink-darkest {
    background-color: #451225;
  }

  .sm\:tw-bg-pink-darker {
    background-color: #6f213f;
  }

  .sm\:tw-bg-pink-dark {
    background-color: #eb5286;
  }

  .sm\:tw-bg-pink {
    background-color: #f66d9b;
  }

  .sm\:tw-bg-pink-light {
    background-color: #fa7ea8;
  }

  .sm\:tw-bg-pink-lighter {
    background-color: #ffbbca;
  }

  .sm\:tw-bg-pink-lightest {
    background-color: #ffebef;
  }

  .sm\:tw-bg-primary-l7 {
    background-color: rgb(95, 95, 95);
  }

  .sm\:tw-bg-primary-l6 {
    background-color: rgb(85, 85, 85);
  }

  .sm\:tw-bg-primary-l5 {
    background-color: rgb(75, 75, 75);
  }

  .sm\:tw-bg-primary-l4 {
    background-color: rgb(65, 65, 65);
  }

  .sm\:tw-bg-primary-l3 {
    background-color: rgb(55, 55, 55);
  }

  .sm\:tw-bg-primary-l2 {
    background-color: rgb(45, 45, 45);
  }

  .sm\:tw-bg-primary-l1 {
    background-color: rgb(40, 40, 40);
  }

  .sm\:tw-bg-primary {
    background-color: rgb(35, 35, 35);
  }

  .sm\:tw-bg-primary-d1 {
    background-color: rgb(25, 25, 25);
  }

  .sm\:tw-bg-primary-d2 {
    background-color: rgb(20, 20, 20);
  }

  .sm\:tw-bg-primary-d3 {
    background-color: rgb(15, 15, 15);
  }

  .sm\:tw-bg-primary-d4 {
    background-color: rgb(5, 5, 5);
  }

  .sm\:tw-bg-primary-o9 {
    background-color: rgba(35, 35, 35, .9);
  }

  .sm\:tw-bg-primary-o8 {
    background-color: rgba(35, 35, 35, .8);
  }

  .sm\:tw-bg-primary-o7 {
    background-color: rgba(35, 35, 35, .7);
  }

  .sm\:tw-bg-primary-o6 {
    background-color: rgba(35, 35, 35, .6);
  }

  .sm\:tw-bg-primary-o5 {
    background-color: rgba(35, 35, 35, .5);
  }

  .sm\:tw-bg-primary-o4 {
    background-color: rgba(35, 35, 35, .4);
  }

  .sm\:tw-bg-primary-o3 {
    background-color: rgba(35, 35, 35, .3);
  }

  .sm\:tw-bg-primary-o2 {
    background-color: rgba(35, 35, 35, .2);
  }

  .sm\:tw-bg-primary-o1 {
    background-color: rgba(35, 35, 35, .1);
  }

  .sm\:tw-bg-primary-g1 {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .sm\:tw-bg-primary-d1-o9 {
    background-color: rgba(25, 25, 25, .9);
  }

  .sm\:tw-bg-primary-l5-o3 {
    background-color: rgba(75, 75, 75, .3);
  }

  .sm\:tw-bg-primary-dark-gray {
    background-color: rgb(165, 165, 165);
  }

  .sm\:hover\:tw-bg-transparent:hover {
    background-color: transparent;
  }

  .sm\:hover\:tw-bg-black:hover {
    background-color: #22292f;
  }

  .sm\:hover\:tw-bg-black-darker:hover {
    background-color: #2f2f2f;
  }

  .sm\:hover\:tw-bg-grey-darkest:hover {
    background-color: #3d4852;
  }

  .sm\:hover\:tw-bg-grey-darker-1:hover {
    background-color: #666;
  }

  .sm\:hover\:tw-bg-grey-darker:hover {
    background-color: #8e8e8e;
  }

  .sm\:hover\:tw-bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .sm\:hover\:tw-bg-grey:hover {
    background-color: #b8c2cc;
  }

  .sm\:hover\:tw-bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .sm\:hover\:tw-bg-grey-lighter:hover {
    background-color: #f1f5f8;
  }

  .sm\:hover\:tw-bg-grey-lightest:hover {
    background-color: #f8fafc;
  }

  .sm\:hover\:tw-bg-white:hover {
    background-color: #fff;
  }

  .sm\:hover\:tw-bg-red-darkest:hover {
    background-color: #3b0d0c;
  }

  .sm\:hover\:tw-bg-red-darker:hover {
    background-color: #621b18;
  }

  .sm\:hover\:tw-bg-red-dark:hover {
    background-color: #cc1f1a;
  }

  .sm\:hover\:tw-bg-red:hover {
    background-color: #e3342f;
  }

  .sm\:hover\:tw-bg-red-light:hover {
    background-color: #ef5753;
  }

  .sm\:hover\:tw-bg-red-lighter:hover {
    background-color: #f9acaa;
  }

  .sm\:hover\:tw-bg-red-lightest:hover {
    background-color: #fcebea;
  }

  .sm\:hover\:tw-bg-orange-darkest:hover {
    background-color: #462a16;
  }

  .sm\:hover\:tw-bg-orange-darker:hover {
    background-color: #613b1f;
  }

  .sm\:hover\:tw-bg-orange-dark:hover {
    background-color: #de751f;
  }

  .sm\:hover\:tw-bg-orange:hover {
    background-color: #f6993f;
  }

  .sm\:hover\:tw-bg-orange-light:hover {
    background-color: #faad63;
  }

  .sm\:hover\:tw-bg-orange-lighter:hover {
    background-color: #fcd9b6;
  }

  .sm\:hover\:tw-bg-orange-lightest:hover {
    background-color: #fff5eb;
  }

  .sm\:hover\:tw-bg-yellow-darkest:hover {
    background-color: #453411;
  }

  .sm\:hover\:tw-bg-yellow-darker:hover {
    background-color: #684f1d;
  }

  .sm\:hover\:tw-bg-yellow-dark:hover {
    background-color: #f2d024;
  }

  .sm\:hover\:tw-bg-yellow:hover {
    background-color: #ffec92;
  }

  .sm\:hover\:tw-bg-yellow-light:hover {
    background-color: #fff382;
  }

  .sm\:hover\:tw-bg-yellow-lighter:hover {
    background-color: #fff9c2;
  }

  .sm\:hover\:tw-bg-yellow-lightest:hover {
    background-color: #fcfbeb;
  }

  .sm\:hover\:tw-bg-green-darkest:hover {
    background-color: #0f2f21;
  }

  .sm\:hover\:tw-bg-green-darker:hover {
    background-color: #1a4731;
  }

  .sm\:hover\:tw-bg-green-dark:hover {
    background-color: #1f9d55;
  }

  .sm\:hover\:tw-bg-green:hover {
    background-color: #38c172;
  }

  .sm\:hover\:tw-bg-green-light:hover {
    background-color: #51d88a;
  }

  .sm\:hover\:tw-bg-green-lighter:hover {
    background-color: #a2f5bf;
  }

  .sm\:hover\:tw-bg-green-lightest:hover {
    background-color: #e3fcec;
  }

  .sm\:hover\:tw-bg-teal-darkest:hover {
    background-color: #0d3331;
  }

  .sm\:hover\:tw-bg-teal-darker:hover {
    background-color: #20504f;
  }

  .sm\:hover\:tw-bg-teal-dark:hover {
    background-color: #38a89d;
  }

  .sm\:hover\:tw-bg-teal:hover {
    background-color: #4dc0b5;
  }

  .sm\:hover\:tw-bg-teal-light:hover {
    background-color: #64d5ca;
  }

  .sm\:hover\:tw-bg-teal-lighter:hover {
    background-color: #a0f0ed;
  }

  .sm\:hover\:tw-bg-teal-lightest:hover {
    background-color: #e8fffe;
  }

  .sm\:hover\:tw-bg-blue-darkest:hover {
    background-color: #12283a;
  }

  .sm\:hover\:tw-bg-blue-darker:hover {
    background-color: #1c3d5a;
  }

  .sm\:hover\:tw-bg-blue-dark:hover {
    background-color: #2779bd;
  }

  .sm\:hover\:tw-bg-blue:hover {
    background-color: #3490dc;
  }

  .sm\:hover\:tw-bg-blue-light:hover {
    background-color: #6cb2eb;
  }

  .sm\:hover\:tw-bg-blue-lighter:hover {
    background-color: #bcdefa;
  }

  .sm\:hover\:tw-bg-blue-lightest:hover {
    background-color: #eff8ff;
  }

  .sm\:hover\:tw-bg-indigo-darkest:hover {
    background-color: #191e38;
  }

  .sm\:hover\:tw-bg-indigo-darker:hover {
    background-color: #2f365f;
  }

  .sm\:hover\:tw-bg-indigo-dark:hover {
    background-color: #5661b3;
  }

  .sm\:hover\:tw-bg-indigo:hover {
    background-color: #6574cd;
  }

  .sm\:hover\:tw-bg-indigo-light:hover {
    background-color: #7886d7;
  }

  .sm\:hover\:tw-bg-indigo-lighter:hover {
    background-color: #b2b7ff;
  }

  .sm\:hover\:tw-bg-indigo-lightest:hover {
    background-color: #e6e8ff;
  }

  .sm\:hover\:tw-bg-purple-darkest:hover {
    background-color: #21183c;
  }

  .sm\:hover\:tw-bg-purple-darker:hover {
    background-color: #382b5f;
  }

  .sm\:hover\:tw-bg-purple-dark:hover {
    background-color: #794acf;
  }

  .sm\:hover\:tw-bg-purple:hover {
    background-color: #9561e2;
  }

  .sm\:hover\:tw-bg-purple-light:hover {
    background-color: #a779e9;
  }

  .sm\:hover\:tw-bg-purple-lighter:hover {
    background-color: #d6bbfc;
  }

  .sm\:hover\:tw-bg-purple-lightest:hover {
    background-color: #f3ebff;
  }

  .sm\:hover\:tw-bg-pink-darkest:hover {
    background-color: #451225;
  }

  .sm\:hover\:tw-bg-pink-darker:hover {
    background-color: #6f213f;
  }

  .sm\:hover\:tw-bg-pink-dark:hover {
    background-color: #eb5286;
  }

  .sm\:hover\:tw-bg-pink:hover {
    background-color: #f66d9b;
  }

  .sm\:hover\:tw-bg-pink-light:hover {
    background-color: #fa7ea8;
  }

  .sm\:hover\:tw-bg-pink-lighter:hover {
    background-color: #ffbbca;
  }

  .sm\:hover\:tw-bg-pink-lightest:hover {
    background-color: #ffebef;
  }

  .sm\:hover\:tw-bg-primary-l7:hover {
    background-color: rgb(95, 95, 95);
  }

  .sm\:hover\:tw-bg-primary-l6:hover {
    background-color: rgb(85, 85, 85);
  }

  .sm\:hover\:tw-bg-primary-l5:hover {
    background-color: rgb(75, 75, 75);
  }

  .sm\:hover\:tw-bg-primary-l4:hover {
    background-color: rgb(65, 65, 65);
  }

  .sm\:hover\:tw-bg-primary-l3:hover {
    background-color: rgb(55, 55, 55);
  }

  .sm\:hover\:tw-bg-primary-l2:hover {
    background-color: rgb(45, 45, 45);
  }

  .sm\:hover\:tw-bg-primary-l1:hover {
    background-color: rgb(40, 40, 40);
  }

  .sm\:hover\:tw-bg-primary:hover {
    background-color: rgb(35, 35, 35);
  }

  .sm\:hover\:tw-bg-primary-d1:hover {
    background-color: rgb(25, 25, 25);
  }

  .sm\:hover\:tw-bg-primary-d2:hover {
    background-color: rgb(20, 20, 20);
  }

  .sm\:hover\:tw-bg-primary-d3:hover {
    background-color: rgb(15, 15, 15);
  }

  .sm\:hover\:tw-bg-primary-d4:hover {
    background-color: rgb(5, 5, 5);
  }

  .sm\:hover\:tw-bg-primary-o9:hover {
    background-color: rgba(35, 35, 35, .9);
  }

  .sm\:hover\:tw-bg-primary-o8:hover {
    background-color: rgba(35, 35, 35, .8);
  }

  .sm\:hover\:tw-bg-primary-o7:hover {
    background-color: rgba(35, 35, 35, .7);
  }

  .sm\:hover\:tw-bg-primary-o6:hover {
    background-color: rgba(35, 35, 35, .6);
  }

  .sm\:hover\:tw-bg-primary-o5:hover {
    background-color: rgba(35, 35, 35, .5);
  }

  .sm\:hover\:tw-bg-primary-o4:hover {
    background-color: rgba(35, 35, 35, .4);
  }

  .sm\:hover\:tw-bg-primary-o3:hover {
    background-color: rgba(35, 35, 35, .3);
  }

  .sm\:hover\:tw-bg-primary-o2:hover {
    background-color: rgba(35, 35, 35, .2);
  }

  .sm\:hover\:tw-bg-primary-o1:hover {
    background-color: rgba(35, 35, 35, .1);
  }

  .sm\:hover\:tw-bg-primary-g1:hover {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .sm\:hover\:tw-bg-primary-d1-o9:hover {
    background-color: rgba(25, 25, 25, .9);
  }

  .sm\:hover\:tw-bg-primary-l5-o3:hover {
    background-color: rgba(75, 75, 75, .3);
  }

  .sm\:hover\:tw-bg-primary-dark-gray:hover {
    background-color: rgb(165, 165, 165);
  }

  .sm\:focus\:tw-bg-transparent:focus {
    background-color: transparent;
  }

  .sm\:focus\:tw-bg-black:focus {
    background-color: #22292f;
  }

  .sm\:focus\:tw-bg-black-darker:focus {
    background-color: #2f2f2f;
  }

  .sm\:focus\:tw-bg-grey-darkest:focus {
    background-color: #3d4852;
  }

  .sm\:focus\:tw-bg-grey-darker-1:focus {
    background-color: #666;
  }

  .sm\:focus\:tw-bg-grey-darker:focus {
    background-color: #8e8e8e;
  }

  .sm\:focus\:tw-bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .sm\:focus\:tw-bg-grey:focus {
    background-color: #b8c2cc;
  }

  .sm\:focus\:tw-bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .sm\:focus\:tw-bg-grey-lighter:focus {
    background-color: #f1f5f8;
  }

  .sm\:focus\:tw-bg-grey-lightest:focus {
    background-color: #f8fafc;
  }

  .sm\:focus\:tw-bg-white:focus {
    background-color: #fff;
  }

  .sm\:focus\:tw-bg-red-darkest:focus {
    background-color: #3b0d0c;
  }

  .sm\:focus\:tw-bg-red-darker:focus {
    background-color: #621b18;
  }

  .sm\:focus\:tw-bg-red-dark:focus {
    background-color: #cc1f1a;
  }

  .sm\:focus\:tw-bg-red:focus {
    background-color: #e3342f;
  }

  .sm\:focus\:tw-bg-red-light:focus {
    background-color: #ef5753;
  }

  .sm\:focus\:tw-bg-red-lighter:focus {
    background-color: #f9acaa;
  }

  .sm\:focus\:tw-bg-red-lightest:focus {
    background-color: #fcebea;
  }

  .sm\:focus\:tw-bg-orange-darkest:focus {
    background-color: #462a16;
  }

  .sm\:focus\:tw-bg-orange-darker:focus {
    background-color: #613b1f;
  }

  .sm\:focus\:tw-bg-orange-dark:focus {
    background-color: #de751f;
  }

  .sm\:focus\:tw-bg-orange:focus {
    background-color: #f6993f;
  }

  .sm\:focus\:tw-bg-orange-light:focus {
    background-color: #faad63;
  }

  .sm\:focus\:tw-bg-orange-lighter:focus {
    background-color: #fcd9b6;
  }

  .sm\:focus\:tw-bg-orange-lightest:focus {
    background-color: #fff5eb;
  }

  .sm\:focus\:tw-bg-yellow-darkest:focus {
    background-color: #453411;
  }

  .sm\:focus\:tw-bg-yellow-darker:focus {
    background-color: #684f1d;
  }

  .sm\:focus\:tw-bg-yellow-dark:focus {
    background-color: #f2d024;
  }

  .sm\:focus\:tw-bg-yellow:focus {
    background-color: #ffec92;
  }

  .sm\:focus\:tw-bg-yellow-light:focus {
    background-color: #fff382;
  }

  .sm\:focus\:tw-bg-yellow-lighter:focus {
    background-color: #fff9c2;
  }

  .sm\:focus\:tw-bg-yellow-lightest:focus {
    background-color: #fcfbeb;
  }

  .sm\:focus\:tw-bg-green-darkest:focus {
    background-color: #0f2f21;
  }

  .sm\:focus\:tw-bg-green-darker:focus {
    background-color: #1a4731;
  }

  .sm\:focus\:tw-bg-green-dark:focus {
    background-color: #1f9d55;
  }

  .sm\:focus\:tw-bg-green:focus {
    background-color: #38c172;
  }

  .sm\:focus\:tw-bg-green-light:focus {
    background-color: #51d88a;
  }

  .sm\:focus\:tw-bg-green-lighter:focus {
    background-color: #a2f5bf;
  }

  .sm\:focus\:tw-bg-green-lightest:focus {
    background-color: #e3fcec;
  }

  .sm\:focus\:tw-bg-teal-darkest:focus {
    background-color: #0d3331;
  }

  .sm\:focus\:tw-bg-teal-darker:focus {
    background-color: #20504f;
  }

  .sm\:focus\:tw-bg-teal-dark:focus {
    background-color: #38a89d;
  }

  .sm\:focus\:tw-bg-teal:focus {
    background-color: #4dc0b5;
  }

  .sm\:focus\:tw-bg-teal-light:focus {
    background-color: #64d5ca;
  }

  .sm\:focus\:tw-bg-teal-lighter:focus {
    background-color: #a0f0ed;
  }

  .sm\:focus\:tw-bg-teal-lightest:focus {
    background-color: #e8fffe;
  }

  .sm\:focus\:tw-bg-blue-darkest:focus {
    background-color: #12283a;
  }

  .sm\:focus\:tw-bg-blue-darker:focus {
    background-color: #1c3d5a;
  }

  .sm\:focus\:tw-bg-blue-dark:focus {
    background-color: #2779bd;
  }

  .sm\:focus\:tw-bg-blue:focus {
    background-color: #3490dc;
  }

  .sm\:focus\:tw-bg-blue-light:focus {
    background-color: #6cb2eb;
  }

  .sm\:focus\:tw-bg-blue-lighter:focus {
    background-color: #bcdefa;
  }

  .sm\:focus\:tw-bg-blue-lightest:focus {
    background-color: #eff8ff;
  }

  .sm\:focus\:tw-bg-indigo-darkest:focus {
    background-color: #191e38;
  }

  .sm\:focus\:tw-bg-indigo-darker:focus {
    background-color: #2f365f;
  }

  .sm\:focus\:tw-bg-indigo-dark:focus {
    background-color: #5661b3;
  }

  .sm\:focus\:tw-bg-indigo:focus {
    background-color: #6574cd;
  }

  .sm\:focus\:tw-bg-indigo-light:focus {
    background-color: #7886d7;
  }

  .sm\:focus\:tw-bg-indigo-lighter:focus {
    background-color: #b2b7ff;
  }

  .sm\:focus\:tw-bg-indigo-lightest:focus {
    background-color: #e6e8ff;
  }

  .sm\:focus\:tw-bg-purple-darkest:focus {
    background-color: #21183c;
  }

  .sm\:focus\:tw-bg-purple-darker:focus {
    background-color: #382b5f;
  }

  .sm\:focus\:tw-bg-purple-dark:focus {
    background-color: #794acf;
  }

  .sm\:focus\:tw-bg-purple:focus {
    background-color: #9561e2;
  }

  .sm\:focus\:tw-bg-purple-light:focus {
    background-color: #a779e9;
  }

  .sm\:focus\:tw-bg-purple-lighter:focus {
    background-color: #d6bbfc;
  }

  .sm\:focus\:tw-bg-purple-lightest:focus {
    background-color: #f3ebff;
  }

  .sm\:focus\:tw-bg-pink-darkest:focus {
    background-color: #451225;
  }

  .sm\:focus\:tw-bg-pink-darker:focus {
    background-color: #6f213f;
  }

  .sm\:focus\:tw-bg-pink-dark:focus {
    background-color: #eb5286;
  }

  .sm\:focus\:tw-bg-pink:focus {
    background-color: #f66d9b;
  }

  .sm\:focus\:tw-bg-pink-light:focus {
    background-color: #fa7ea8;
  }

  .sm\:focus\:tw-bg-pink-lighter:focus {
    background-color: #ffbbca;
  }

  .sm\:focus\:tw-bg-pink-lightest:focus {
    background-color: #ffebef;
  }

  .sm\:focus\:tw-bg-primary-l7:focus {
    background-color: rgb(95, 95, 95);
  }

  .sm\:focus\:tw-bg-primary-l6:focus {
    background-color: rgb(85, 85, 85);
  }

  .sm\:focus\:tw-bg-primary-l5:focus {
    background-color: rgb(75, 75, 75);
  }

  .sm\:focus\:tw-bg-primary-l4:focus {
    background-color: rgb(65, 65, 65);
  }

  .sm\:focus\:tw-bg-primary-l3:focus {
    background-color: rgb(55, 55, 55);
  }

  .sm\:focus\:tw-bg-primary-l2:focus {
    background-color: rgb(45, 45, 45);
  }

  .sm\:focus\:tw-bg-primary-l1:focus {
    background-color: rgb(40, 40, 40);
  }

  .sm\:focus\:tw-bg-primary:focus {
    background-color: rgb(35, 35, 35);
  }

  .sm\:focus\:tw-bg-primary-d1:focus {
    background-color: rgb(25, 25, 25);
  }

  .sm\:focus\:tw-bg-primary-d2:focus {
    background-color: rgb(20, 20, 20);
  }

  .sm\:focus\:tw-bg-primary-d3:focus {
    background-color: rgb(15, 15, 15);
  }

  .sm\:focus\:tw-bg-primary-d4:focus {
    background-color: rgb(5, 5, 5);
  }

  .sm\:focus\:tw-bg-primary-o9:focus {
    background-color: rgba(35, 35, 35, .9);
  }

  .sm\:focus\:tw-bg-primary-o8:focus {
    background-color: rgba(35, 35, 35, .8);
  }

  .sm\:focus\:tw-bg-primary-o7:focus {
    background-color: rgba(35, 35, 35, .7);
  }

  .sm\:focus\:tw-bg-primary-o6:focus {
    background-color: rgba(35, 35, 35, .6);
  }

  .sm\:focus\:tw-bg-primary-o5:focus {
    background-color: rgba(35, 35, 35, .5);
  }

  .sm\:focus\:tw-bg-primary-o4:focus {
    background-color: rgba(35, 35, 35, .4);
  }

  .sm\:focus\:tw-bg-primary-o3:focus {
    background-color: rgba(35, 35, 35, .3);
  }

  .sm\:focus\:tw-bg-primary-o2:focus {
    background-color: rgba(35, 35, 35, .2);
  }

  .sm\:focus\:tw-bg-primary-o1:focus {
    background-color: rgba(35, 35, 35, .1);
  }

  .sm\:focus\:tw-bg-primary-g1:focus {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .sm\:focus\:tw-bg-primary-d1-o9:focus {
    background-color: rgba(25, 25, 25, .9);
  }

  .sm\:focus\:tw-bg-primary-l5-o3:focus {
    background-color: rgba(75, 75, 75, .3);
  }

  .sm\:focus\:tw-bg-primary-dark-gray:focus {
    background-color: rgb(165, 165, 165);
  }

  .sm\:tw-bg-bottom {
    background-position: bottom;
  }

  .sm\:tw-bg-center {
    background-position: center;
  }

  .sm\:tw-bg-left {
    background-position: left;
  }

  .sm\:tw-bg-left-bottom {
    background-position: left bottom;
  }

  .sm\:tw-bg-left-top {
    background-position: left top;
  }

  .sm\:tw-bg-right {
    background-position: right;
  }

  .sm\:tw-bg-right-bottom {
    background-position: right bottom;
  }

  .sm\:tw-bg-right-top {
    background-position: right top;
  }

  .sm\:tw-bg-top {
    background-position: top;
  }

  .sm\:tw-bg-repeat {
    background-repeat: repeat;
  }

  .sm\:tw-bg-no-repeat {
    background-repeat: no-repeat;
  }

  .sm\:tw-bg-repeat-x {
    background-repeat: repeat-x;
  }

  .sm\:tw-bg-repeat-y {
    background-repeat: repeat-y;
  }

  .sm\:tw-bg-auto {
    background-size: auto;
  }

  .sm\:tw-bg-cover {
    background-size: cover;
  }

  .sm\:tw-bg-contain {
    background-size: contain;
  }

  .sm\:tw-border-transparent {
    border-color: transparent;
  }

  .sm\:tw-border-black {
    border-color: #22292f;
  }

  .sm\:tw-border-black-darker {
    border-color: #2f2f2f;
  }

  .sm\:tw-border-grey-darkest {
    border-color: #3d4852;
  }

  .sm\:tw-border-grey-darker-1 {
    border-color: #666;
  }

  .sm\:tw-border-grey-darker {
    border-color: #8e8e8e;
  }

  .sm\:tw-border-grey-dark {
    border-color: #8795a1;
  }

  .sm\:tw-border-grey {
    border-color: #b8c2cc;
  }

  .sm\:tw-border-grey-light {
    border-color: #dae1e7;
  }

  .sm\:tw-border-grey-lighter {
    border-color: #f1f5f8;
  }

  .sm\:tw-border-grey-lightest {
    border-color: #f8fafc;
  }

  .sm\:tw-border-white {
    border-color: #fff;
  }

  .sm\:tw-border-red-darkest {
    border-color: #3b0d0c;
  }

  .sm\:tw-border-red-darker {
    border-color: #621b18;
  }

  .sm\:tw-border-red-dark {
    border-color: #cc1f1a;
  }

  .sm\:tw-border-red {
    border-color: #e3342f;
  }

  .sm\:tw-border-red-light {
    border-color: #ef5753;
  }

  .sm\:tw-border-red-lighter {
    border-color: #f9acaa;
  }

  .sm\:tw-border-red-lightest {
    border-color: #fcebea;
  }

  .sm\:tw-border-orange-darkest {
    border-color: #462a16;
  }

  .sm\:tw-border-orange-darker {
    border-color: #613b1f;
  }

  .sm\:tw-border-orange-dark {
    border-color: #de751f;
  }

  .sm\:tw-border-orange {
    border-color: #f6993f;
  }

  .sm\:tw-border-orange-light {
    border-color: #faad63;
  }

  .sm\:tw-border-orange-lighter {
    border-color: #fcd9b6;
  }

  .sm\:tw-border-orange-lightest {
    border-color: #fff5eb;
  }

  .sm\:tw-border-yellow-darkest {
    border-color: #453411;
  }

  .sm\:tw-border-yellow-darker {
    border-color: #684f1d;
  }

  .sm\:tw-border-yellow-dark {
    border-color: #f2d024;
  }

  .sm\:tw-border-yellow {
    border-color: #ffec92;
  }

  .sm\:tw-border-yellow-light {
    border-color: #fff382;
  }

  .sm\:tw-border-yellow-lighter {
    border-color: #fff9c2;
  }

  .sm\:tw-border-yellow-lightest {
    border-color: #fcfbeb;
  }

  .sm\:tw-border-green-darkest {
    border-color: #0f2f21;
  }

  .sm\:tw-border-green-darker {
    border-color: #1a4731;
  }

  .sm\:tw-border-green-dark {
    border-color: #1f9d55;
  }

  .sm\:tw-border-green {
    border-color: #38c172;
  }

  .sm\:tw-border-green-light {
    border-color: #51d88a;
  }

  .sm\:tw-border-green-lighter {
    border-color: #a2f5bf;
  }

  .sm\:tw-border-green-lightest {
    border-color: #e3fcec;
  }

  .sm\:tw-border-teal-darkest {
    border-color: #0d3331;
  }

  .sm\:tw-border-teal-darker {
    border-color: #20504f;
  }

  .sm\:tw-border-teal-dark {
    border-color: #38a89d;
  }

  .sm\:tw-border-teal {
    border-color: #4dc0b5;
  }

  .sm\:tw-border-teal-light {
    border-color: #64d5ca;
  }

  .sm\:tw-border-teal-lighter {
    border-color: #a0f0ed;
  }

  .sm\:tw-border-teal-lightest {
    border-color: #e8fffe;
  }

  .sm\:tw-border-blue-darkest {
    border-color: #12283a;
  }

  .sm\:tw-border-blue-darker {
    border-color: #1c3d5a;
  }

  .sm\:tw-border-blue-dark {
    border-color: #2779bd;
  }

  .sm\:tw-border-blue {
    border-color: #3490dc;
  }

  .sm\:tw-border-blue-light {
    border-color: #6cb2eb;
  }

  .sm\:tw-border-blue-lighter {
    border-color: #bcdefa;
  }

  .sm\:tw-border-blue-lightest {
    border-color: #eff8ff;
  }

  .sm\:tw-border-indigo-darkest {
    border-color: #191e38;
  }

  .sm\:tw-border-indigo-darker {
    border-color: #2f365f;
  }

  .sm\:tw-border-indigo-dark {
    border-color: #5661b3;
  }

  .sm\:tw-border-indigo {
    border-color: #6574cd;
  }

  .sm\:tw-border-indigo-light {
    border-color: #7886d7;
  }

  .sm\:tw-border-indigo-lighter {
    border-color: #b2b7ff;
  }

  .sm\:tw-border-indigo-lightest {
    border-color: #e6e8ff;
  }

  .sm\:tw-border-purple-darkest {
    border-color: #21183c;
  }

  .sm\:tw-border-purple-darker {
    border-color: #382b5f;
  }

  .sm\:tw-border-purple-dark {
    border-color: #794acf;
  }

  .sm\:tw-border-purple {
    border-color: #9561e2;
  }

  .sm\:tw-border-purple-light {
    border-color: #a779e9;
  }

  .sm\:tw-border-purple-lighter {
    border-color: #d6bbfc;
  }

  .sm\:tw-border-purple-lightest {
    border-color: #f3ebff;
  }

  .sm\:tw-border-pink-darkest {
    border-color: #451225;
  }

  .sm\:tw-border-pink-darker {
    border-color: #6f213f;
  }

  .sm\:tw-border-pink-dark {
    border-color: #eb5286;
  }

  .sm\:tw-border-pink {
    border-color: #f66d9b;
  }

  .sm\:tw-border-pink-light {
    border-color: #fa7ea8;
  }

  .sm\:tw-border-pink-lighter {
    border-color: #ffbbca;
  }

  .sm\:tw-border-pink-lightest {
    border-color: #ffebef;
  }

  .sm\:tw-border-primary-l7 {
    border-color: rgb(95, 95, 95);
  }

  .sm\:tw-border-primary-l6 {
    border-color: rgb(85, 85, 85);
  }

  .sm\:tw-border-primary-l5 {
    border-color: rgb(75, 75, 75);
  }

  .sm\:tw-border-primary-l4 {
    border-color: rgb(65, 65, 65);
  }

  .sm\:tw-border-primary-l3 {
    border-color: rgb(55, 55, 55);
  }

  .sm\:tw-border-primary-l2 {
    border-color: rgb(45, 45, 45);
  }

  .sm\:tw-border-primary-l1 {
    border-color: rgb(40, 40, 40);
  }

  .sm\:tw-border-primary {
    border-color: rgb(35, 35, 35);
  }

  .sm\:tw-border-primary-d1 {
    border-color: rgb(25, 25, 25);
  }

  .sm\:tw-border-primary-d2 {
    border-color: rgb(20, 20, 20);
  }

  .sm\:tw-border-primary-d3 {
    border-color: rgb(15, 15, 15);
  }

  .sm\:tw-border-primary-d4 {
    border-color: rgb(5, 5, 5);
  }

  .sm\:tw-border-primary-o9 {
    border-color: rgba(35, 35, 35, .9);
  }

  .sm\:tw-border-primary-o8 {
    border-color: rgba(35, 35, 35, .8);
  }

  .sm\:tw-border-primary-o7 {
    border-color: rgba(35, 35, 35, .7);
  }

  .sm\:tw-border-primary-o6 {
    border-color: rgba(35, 35, 35, .6);
  }

  .sm\:tw-border-primary-o5 {
    border-color: rgba(35, 35, 35, .5);
  }

  .sm\:tw-border-primary-o4 {
    border-color: rgba(35, 35, 35, .4);
  }

  .sm\:tw-border-primary-o3 {
    border-color: rgba(35, 35, 35, .3);
  }

  .sm\:tw-border-primary-o2 {
    border-color: rgba(35, 35, 35, .2);
  }

  .sm\:tw-border-primary-o1 {
    border-color: rgba(35, 35, 35, .1);
  }

  .sm\:tw-border-primary-g1 {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .sm\:tw-border-primary-d1-o9 {
    border-color: rgba(25, 25, 25, .9);
  }

  .sm\:tw-border-primary-l5-o3 {
    border-color: rgba(75, 75, 75, .3);
  }

  .sm\:tw-border-primary-dark-gray {
    border-color: rgb(165, 165, 165);
  }

  .sm\:hover\:tw-border-transparent:hover {
    border-color: transparent;
  }

  .sm\:hover\:tw-border-black:hover {
    border-color: #22292f;
  }

  .sm\:hover\:tw-border-black-darker:hover {
    border-color: #2f2f2f;
  }

  .sm\:hover\:tw-border-grey-darkest:hover {
    border-color: #3d4852;
  }

  .sm\:hover\:tw-border-grey-darker-1:hover {
    border-color: #666;
  }

  .sm\:hover\:tw-border-grey-darker:hover {
    border-color: #8e8e8e;
  }

  .sm\:hover\:tw-border-grey-dark:hover {
    border-color: #8795a1;
  }

  .sm\:hover\:tw-border-grey:hover {
    border-color: #b8c2cc;
  }

  .sm\:hover\:tw-border-grey-light:hover {
    border-color: #dae1e7;
  }

  .sm\:hover\:tw-border-grey-lighter:hover {
    border-color: #f1f5f8;
  }

  .sm\:hover\:tw-border-grey-lightest:hover {
    border-color: #f8fafc;
  }

  .sm\:hover\:tw-border-white:hover {
    border-color: #fff;
  }

  .sm\:hover\:tw-border-red-darkest:hover {
    border-color: #3b0d0c;
  }

  .sm\:hover\:tw-border-red-darker:hover {
    border-color: #621b18;
  }

  .sm\:hover\:tw-border-red-dark:hover {
    border-color: #cc1f1a;
  }

  .sm\:hover\:tw-border-red:hover {
    border-color: #e3342f;
  }

  .sm\:hover\:tw-border-red-light:hover {
    border-color: #ef5753;
  }

  .sm\:hover\:tw-border-red-lighter:hover {
    border-color: #f9acaa;
  }

  .sm\:hover\:tw-border-red-lightest:hover {
    border-color: #fcebea;
  }

  .sm\:hover\:tw-border-orange-darkest:hover {
    border-color: #462a16;
  }

  .sm\:hover\:tw-border-orange-darker:hover {
    border-color: #613b1f;
  }

  .sm\:hover\:tw-border-orange-dark:hover {
    border-color: #de751f;
  }

  .sm\:hover\:tw-border-orange:hover {
    border-color: #f6993f;
  }

  .sm\:hover\:tw-border-orange-light:hover {
    border-color: #faad63;
  }

  .sm\:hover\:tw-border-orange-lighter:hover {
    border-color: #fcd9b6;
  }

  .sm\:hover\:tw-border-orange-lightest:hover {
    border-color: #fff5eb;
  }

  .sm\:hover\:tw-border-yellow-darkest:hover {
    border-color: #453411;
  }

  .sm\:hover\:tw-border-yellow-darker:hover {
    border-color: #684f1d;
  }

  .sm\:hover\:tw-border-yellow-dark:hover {
    border-color: #f2d024;
  }

  .sm\:hover\:tw-border-yellow:hover {
    border-color: #ffec92;
  }

  .sm\:hover\:tw-border-yellow-light:hover {
    border-color: #fff382;
  }

  .sm\:hover\:tw-border-yellow-lighter:hover {
    border-color: #fff9c2;
  }

  .sm\:hover\:tw-border-yellow-lightest:hover {
    border-color: #fcfbeb;
  }

  .sm\:hover\:tw-border-green-darkest:hover {
    border-color: #0f2f21;
  }

  .sm\:hover\:tw-border-green-darker:hover {
    border-color: #1a4731;
  }

  .sm\:hover\:tw-border-green-dark:hover {
    border-color: #1f9d55;
  }

  .sm\:hover\:tw-border-green:hover {
    border-color: #38c172;
  }

  .sm\:hover\:tw-border-green-light:hover {
    border-color: #51d88a;
  }

  .sm\:hover\:tw-border-green-lighter:hover {
    border-color: #a2f5bf;
  }

  .sm\:hover\:tw-border-green-lightest:hover {
    border-color: #e3fcec;
  }

  .sm\:hover\:tw-border-teal-darkest:hover {
    border-color: #0d3331;
  }

  .sm\:hover\:tw-border-teal-darker:hover {
    border-color: #20504f;
  }

  .sm\:hover\:tw-border-teal-dark:hover {
    border-color: #38a89d;
  }

  .sm\:hover\:tw-border-teal:hover {
    border-color: #4dc0b5;
  }

  .sm\:hover\:tw-border-teal-light:hover {
    border-color: #64d5ca;
  }

  .sm\:hover\:tw-border-teal-lighter:hover {
    border-color: #a0f0ed;
  }

  .sm\:hover\:tw-border-teal-lightest:hover {
    border-color: #e8fffe;
  }

  .sm\:hover\:tw-border-blue-darkest:hover {
    border-color: #12283a;
  }

  .sm\:hover\:tw-border-blue-darker:hover {
    border-color: #1c3d5a;
  }

  .sm\:hover\:tw-border-blue-dark:hover {
    border-color: #2779bd;
  }

  .sm\:hover\:tw-border-blue:hover {
    border-color: #3490dc;
  }

  .sm\:hover\:tw-border-blue-light:hover {
    border-color: #6cb2eb;
  }

  .sm\:hover\:tw-border-blue-lighter:hover {
    border-color: #bcdefa;
  }

  .sm\:hover\:tw-border-blue-lightest:hover {
    border-color: #eff8ff;
  }

  .sm\:hover\:tw-border-indigo-darkest:hover {
    border-color: #191e38;
  }

  .sm\:hover\:tw-border-indigo-darker:hover {
    border-color: #2f365f;
  }

  .sm\:hover\:tw-border-indigo-dark:hover {
    border-color: #5661b3;
  }

  .sm\:hover\:tw-border-indigo:hover {
    border-color: #6574cd;
  }

  .sm\:hover\:tw-border-indigo-light:hover {
    border-color: #7886d7;
  }

  .sm\:hover\:tw-border-indigo-lighter:hover {
    border-color: #b2b7ff;
  }

  .sm\:hover\:tw-border-indigo-lightest:hover {
    border-color: #e6e8ff;
  }

  .sm\:hover\:tw-border-purple-darkest:hover {
    border-color: #21183c;
  }

  .sm\:hover\:tw-border-purple-darker:hover {
    border-color: #382b5f;
  }

  .sm\:hover\:tw-border-purple-dark:hover {
    border-color: #794acf;
  }

  .sm\:hover\:tw-border-purple:hover {
    border-color: #9561e2;
  }

  .sm\:hover\:tw-border-purple-light:hover {
    border-color: #a779e9;
  }

  .sm\:hover\:tw-border-purple-lighter:hover {
    border-color: #d6bbfc;
  }

  .sm\:hover\:tw-border-purple-lightest:hover {
    border-color: #f3ebff;
  }

  .sm\:hover\:tw-border-pink-darkest:hover {
    border-color: #451225;
  }

  .sm\:hover\:tw-border-pink-darker:hover {
    border-color: #6f213f;
  }

  .sm\:hover\:tw-border-pink-dark:hover {
    border-color: #eb5286;
  }

  .sm\:hover\:tw-border-pink:hover {
    border-color: #f66d9b;
  }

  .sm\:hover\:tw-border-pink-light:hover {
    border-color: #fa7ea8;
  }

  .sm\:hover\:tw-border-pink-lighter:hover {
    border-color: #ffbbca;
  }

  .sm\:hover\:tw-border-pink-lightest:hover {
    border-color: #ffebef;
  }

  .sm\:hover\:tw-border-primary-l7:hover {
    border-color: rgb(95, 95, 95);
  }

  .sm\:hover\:tw-border-primary-l6:hover {
    border-color: rgb(85, 85, 85);
  }

  .sm\:hover\:tw-border-primary-l5:hover {
    border-color: rgb(75, 75, 75);
  }

  .sm\:hover\:tw-border-primary-l4:hover {
    border-color: rgb(65, 65, 65);
  }

  .sm\:hover\:tw-border-primary-l3:hover {
    border-color: rgb(55, 55, 55);
  }

  .sm\:hover\:tw-border-primary-l2:hover {
    border-color: rgb(45, 45, 45);
  }

  .sm\:hover\:tw-border-primary-l1:hover {
    border-color: rgb(40, 40, 40);
  }

  .sm\:hover\:tw-border-primary:hover {
    border-color: rgb(35, 35, 35);
  }

  .sm\:hover\:tw-border-primary-d1:hover {
    border-color: rgb(25, 25, 25);
  }

  .sm\:hover\:tw-border-primary-d2:hover {
    border-color: rgb(20, 20, 20);
  }

  .sm\:hover\:tw-border-primary-d3:hover {
    border-color: rgb(15, 15, 15);
  }

  .sm\:hover\:tw-border-primary-d4:hover {
    border-color: rgb(5, 5, 5);
  }

  .sm\:hover\:tw-border-primary-o9:hover {
    border-color: rgba(35, 35, 35, .9);
  }

  .sm\:hover\:tw-border-primary-o8:hover {
    border-color: rgba(35, 35, 35, .8);
  }

  .sm\:hover\:tw-border-primary-o7:hover {
    border-color: rgba(35, 35, 35, .7);
  }

  .sm\:hover\:tw-border-primary-o6:hover {
    border-color: rgba(35, 35, 35, .6);
  }

  .sm\:hover\:tw-border-primary-o5:hover {
    border-color: rgba(35, 35, 35, .5);
  }

  .sm\:hover\:tw-border-primary-o4:hover {
    border-color: rgba(35, 35, 35, .4);
  }

  .sm\:hover\:tw-border-primary-o3:hover {
    border-color: rgba(35, 35, 35, .3);
  }

  .sm\:hover\:tw-border-primary-o2:hover {
    border-color: rgba(35, 35, 35, .2);
  }

  .sm\:hover\:tw-border-primary-o1:hover {
    border-color: rgba(35, 35, 35, .1);
  }

  .sm\:hover\:tw-border-primary-g1:hover {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .sm\:hover\:tw-border-primary-d1-o9:hover {
    border-color: rgba(25, 25, 25, .9);
  }

  .sm\:hover\:tw-border-primary-l5-o3:hover {
    border-color: rgba(75, 75, 75, .3);
  }

  .sm\:hover\:tw-border-primary-dark-gray:hover {
    border-color: rgb(165, 165, 165);
  }

  .sm\:focus\:tw-border-transparent:focus {
    border-color: transparent;
  }

  .sm\:focus\:tw-border-black:focus {
    border-color: #22292f;
  }

  .sm\:focus\:tw-border-black-darker:focus {
    border-color: #2f2f2f;
  }

  .sm\:focus\:tw-border-grey-darkest:focus {
    border-color: #3d4852;
  }

  .sm\:focus\:tw-border-grey-darker-1:focus {
    border-color: #666;
  }

  .sm\:focus\:tw-border-grey-darker:focus {
    border-color: #8e8e8e;
  }

  .sm\:focus\:tw-border-grey-dark:focus {
    border-color: #8795a1;
  }

  .sm\:focus\:tw-border-grey:focus {
    border-color: #b8c2cc;
  }

  .sm\:focus\:tw-border-grey-light:focus {
    border-color: #dae1e7;
  }

  .sm\:focus\:tw-border-grey-lighter:focus {
    border-color: #f1f5f8;
  }

  .sm\:focus\:tw-border-grey-lightest:focus {
    border-color: #f8fafc;
  }

  .sm\:focus\:tw-border-white:focus {
    border-color: #fff;
  }

  .sm\:focus\:tw-border-red-darkest:focus {
    border-color: #3b0d0c;
  }

  .sm\:focus\:tw-border-red-darker:focus {
    border-color: #621b18;
  }

  .sm\:focus\:tw-border-red-dark:focus {
    border-color: #cc1f1a;
  }

  .sm\:focus\:tw-border-red:focus {
    border-color: #e3342f;
  }

  .sm\:focus\:tw-border-red-light:focus {
    border-color: #ef5753;
  }

  .sm\:focus\:tw-border-red-lighter:focus {
    border-color: #f9acaa;
  }

  .sm\:focus\:tw-border-red-lightest:focus {
    border-color: #fcebea;
  }

  .sm\:focus\:tw-border-orange-darkest:focus {
    border-color: #462a16;
  }

  .sm\:focus\:tw-border-orange-darker:focus {
    border-color: #613b1f;
  }

  .sm\:focus\:tw-border-orange-dark:focus {
    border-color: #de751f;
  }

  .sm\:focus\:tw-border-orange:focus {
    border-color: #f6993f;
  }

  .sm\:focus\:tw-border-orange-light:focus {
    border-color: #faad63;
  }

  .sm\:focus\:tw-border-orange-lighter:focus {
    border-color: #fcd9b6;
  }

  .sm\:focus\:tw-border-orange-lightest:focus {
    border-color: #fff5eb;
  }

  .sm\:focus\:tw-border-yellow-darkest:focus {
    border-color: #453411;
  }

  .sm\:focus\:tw-border-yellow-darker:focus {
    border-color: #684f1d;
  }

  .sm\:focus\:tw-border-yellow-dark:focus {
    border-color: #f2d024;
  }

  .sm\:focus\:tw-border-yellow:focus {
    border-color: #ffec92;
  }

  .sm\:focus\:tw-border-yellow-light:focus {
    border-color: #fff382;
  }

  .sm\:focus\:tw-border-yellow-lighter:focus {
    border-color: #fff9c2;
  }

  .sm\:focus\:tw-border-yellow-lightest:focus {
    border-color: #fcfbeb;
  }

  .sm\:focus\:tw-border-green-darkest:focus {
    border-color: #0f2f21;
  }

  .sm\:focus\:tw-border-green-darker:focus {
    border-color: #1a4731;
  }

  .sm\:focus\:tw-border-green-dark:focus {
    border-color: #1f9d55;
  }

  .sm\:focus\:tw-border-green:focus {
    border-color: #38c172;
  }

  .sm\:focus\:tw-border-green-light:focus {
    border-color: #51d88a;
  }

  .sm\:focus\:tw-border-green-lighter:focus {
    border-color: #a2f5bf;
  }

  .sm\:focus\:tw-border-green-lightest:focus {
    border-color: #e3fcec;
  }

  .sm\:focus\:tw-border-teal-darkest:focus {
    border-color: #0d3331;
  }

  .sm\:focus\:tw-border-teal-darker:focus {
    border-color: #20504f;
  }

  .sm\:focus\:tw-border-teal-dark:focus {
    border-color: #38a89d;
  }

  .sm\:focus\:tw-border-teal:focus {
    border-color: #4dc0b5;
  }

  .sm\:focus\:tw-border-teal-light:focus {
    border-color: #64d5ca;
  }

  .sm\:focus\:tw-border-teal-lighter:focus {
    border-color: #a0f0ed;
  }

  .sm\:focus\:tw-border-teal-lightest:focus {
    border-color: #e8fffe;
  }

  .sm\:focus\:tw-border-blue-darkest:focus {
    border-color: #12283a;
  }

  .sm\:focus\:tw-border-blue-darker:focus {
    border-color: #1c3d5a;
  }

  .sm\:focus\:tw-border-blue-dark:focus {
    border-color: #2779bd;
  }

  .sm\:focus\:tw-border-blue:focus {
    border-color: #3490dc;
  }

  .sm\:focus\:tw-border-blue-light:focus {
    border-color: #6cb2eb;
  }

  .sm\:focus\:tw-border-blue-lighter:focus {
    border-color: #bcdefa;
  }

  .sm\:focus\:tw-border-blue-lightest:focus {
    border-color: #eff8ff;
  }

  .sm\:focus\:tw-border-indigo-darkest:focus {
    border-color: #191e38;
  }

  .sm\:focus\:tw-border-indigo-darker:focus {
    border-color: #2f365f;
  }

  .sm\:focus\:tw-border-indigo-dark:focus {
    border-color: #5661b3;
  }

  .sm\:focus\:tw-border-indigo:focus {
    border-color: #6574cd;
  }

  .sm\:focus\:tw-border-indigo-light:focus {
    border-color: #7886d7;
  }

  .sm\:focus\:tw-border-indigo-lighter:focus {
    border-color: #b2b7ff;
  }

  .sm\:focus\:tw-border-indigo-lightest:focus {
    border-color: #e6e8ff;
  }

  .sm\:focus\:tw-border-purple-darkest:focus {
    border-color: #21183c;
  }

  .sm\:focus\:tw-border-purple-darker:focus {
    border-color: #382b5f;
  }

  .sm\:focus\:tw-border-purple-dark:focus {
    border-color: #794acf;
  }

  .sm\:focus\:tw-border-purple:focus {
    border-color: #9561e2;
  }

  .sm\:focus\:tw-border-purple-light:focus {
    border-color: #a779e9;
  }

  .sm\:focus\:tw-border-purple-lighter:focus {
    border-color: #d6bbfc;
  }

  .sm\:focus\:tw-border-purple-lightest:focus {
    border-color: #f3ebff;
  }

  .sm\:focus\:tw-border-pink-darkest:focus {
    border-color: #451225;
  }

  .sm\:focus\:tw-border-pink-darker:focus {
    border-color: #6f213f;
  }

  .sm\:focus\:tw-border-pink-dark:focus {
    border-color: #eb5286;
  }

  .sm\:focus\:tw-border-pink:focus {
    border-color: #f66d9b;
  }

  .sm\:focus\:tw-border-pink-light:focus {
    border-color: #fa7ea8;
  }

  .sm\:focus\:tw-border-pink-lighter:focus {
    border-color: #ffbbca;
  }

  .sm\:focus\:tw-border-pink-lightest:focus {
    border-color: #ffebef;
  }

  .sm\:focus\:tw-border-primary-l7:focus {
    border-color: rgb(95, 95, 95);
  }

  .sm\:focus\:tw-border-primary-l6:focus {
    border-color: rgb(85, 85, 85);
  }

  .sm\:focus\:tw-border-primary-l5:focus {
    border-color: rgb(75, 75, 75);
  }

  .sm\:focus\:tw-border-primary-l4:focus {
    border-color: rgb(65, 65, 65);
  }

  .sm\:focus\:tw-border-primary-l3:focus {
    border-color: rgb(55, 55, 55);
  }

  .sm\:focus\:tw-border-primary-l2:focus {
    border-color: rgb(45, 45, 45);
  }

  .sm\:focus\:tw-border-primary-l1:focus {
    border-color: rgb(40, 40, 40);
  }

  .sm\:focus\:tw-border-primary:focus {
    border-color: rgb(35, 35, 35);
  }

  .sm\:focus\:tw-border-primary-d1:focus {
    border-color: rgb(25, 25, 25);
  }

  .sm\:focus\:tw-border-primary-d2:focus {
    border-color: rgb(20, 20, 20);
  }

  .sm\:focus\:tw-border-primary-d3:focus {
    border-color: rgb(15, 15, 15);
  }

  .sm\:focus\:tw-border-primary-d4:focus {
    border-color: rgb(5, 5, 5);
  }

  .sm\:focus\:tw-border-primary-o9:focus {
    border-color: rgba(35, 35, 35, .9);
  }

  .sm\:focus\:tw-border-primary-o8:focus {
    border-color: rgba(35, 35, 35, .8);
  }

  .sm\:focus\:tw-border-primary-o7:focus {
    border-color: rgba(35, 35, 35, .7);
  }

  .sm\:focus\:tw-border-primary-o6:focus {
    border-color: rgba(35, 35, 35, .6);
  }

  .sm\:focus\:tw-border-primary-o5:focus {
    border-color: rgba(35, 35, 35, .5);
  }

  .sm\:focus\:tw-border-primary-o4:focus {
    border-color: rgba(35, 35, 35, .4);
  }

  .sm\:focus\:tw-border-primary-o3:focus {
    border-color: rgba(35, 35, 35, .3);
  }

  .sm\:focus\:tw-border-primary-o2:focus {
    border-color: rgba(35, 35, 35, .2);
  }

  .sm\:focus\:tw-border-primary-o1:focus {
    border-color: rgba(35, 35, 35, .1);
  }

  .sm\:focus\:tw-border-primary-g1:focus {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .sm\:focus\:tw-border-primary-d1-o9:focus {
    border-color: rgba(25, 25, 25, .9);
  }

  .sm\:focus\:tw-border-primary-l5-o3:focus {
    border-color: rgba(75, 75, 75, .3);
  }

  .sm\:focus\:tw-border-primary-dark-gray:focus {
    border-color: rgb(165, 165, 165);
  }

  .sm\:tw-rounded-none {
    border-radius: 0;
  }

  .sm\:tw-rounded-sm {
    border-radius: .125rem;
  }

  .sm\:tw-rounded {
    border-radius: .25rem;
  }

  .sm\:tw-rounded-lg {
    border-radius: .5rem;
  }

  .sm\:tw-rounded-full {
    border-radius: 9999px;
  }

  .sm\:tw-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .sm\:tw-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .sm\:tw-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm\:tw-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm\:tw-rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
  }

  .sm\:tw-rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
  }

  .sm\:tw-rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .sm\:tw-rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .sm\:tw-rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .sm\:tw-rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .sm\:tw-rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .sm\:tw-rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .sm\:tw-rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .sm\:tw-rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }

  .sm\:tw-rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .sm\:tw-rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .sm\:tw-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .sm\:tw-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .sm\:tw-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:tw-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:tw-rounded-tl-none {
    border-top-left-radius: 0;
  }

  .sm\:tw-rounded-tr-none {
    border-top-right-radius: 0;
  }

  .sm\:tw-rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .sm\:tw-rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .sm\:tw-rounded-tl-sm {
    border-top-left-radius: .125rem;
  }

  .sm\:tw-rounded-tr-sm {
    border-top-right-radius: .125rem;
  }

  .sm\:tw-rounded-br-sm {
    border-bottom-right-radius: .125rem;
  }

  .sm\:tw-rounded-bl-sm {
    border-bottom-left-radius: .125rem;
  }

  .sm\:tw-rounded-tl {
    border-top-left-radius: .25rem;
  }

  .sm\:tw-rounded-tr {
    border-top-right-radius: .25rem;
  }

  .sm\:tw-rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .sm\:tw-rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .sm\:tw-rounded-tl-lg {
    border-top-left-radius: .5rem;
  }

  .sm\:tw-rounded-tr-lg {
    border-top-right-radius: .5rem;
  }

  .sm\:tw-rounded-br-lg {
    border-bottom-right-radius: .5rem;
  }

  .sm\:tw-rounded-bl-lg {
    border-bottom-left-radius: .5rem;
  }

  .sm\:tw-rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .sm\:tw-rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .sm\:tw-rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .sm\:tw-rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .sm\:tw-border-solid {
    border-style: solid;
  }

  .sm\:tw-border-dashed {
    border-style: dashed;
  }

  .sm\:tw-border-dotted {
    border-style: dotted;
  }

  .sm\:tw-border-none {
    border-style: none;
  }

  .sm\:tw-border-0 {
    border-width: 0;
  }

  .sm\:tw-border-2 {
    border-width: 2px;
  }

  .sm\:tw-border-4 {
    border-width: 4px;
  }

  .sm\:tw-border-8 {
    border-width: 8px;
  }

  .sm\:tw-border {
    border-width: 1px;
  }

  .sm\:tw-border-t-0 {
    border-top-width: 0;
  }

  .sm\:tw-border-r-0 {
    border-right-width: 0;
  }

  .sm\:tw-border-b-0 {
    border-bottom-width: 0;
  }

  .sm\:tw-border-l-0 {
    border-left-width: 0;
  }

  .sm\:tw-border-t-2 {
    border-top-width: 2px;
  }

  .sm\:tw-border-r-2 {
    border-right-width: 2px;
  }

  .sm\:tw-border-b-2 {
    border-bottom-width: 2px;
  }

  .sm\:tw-border-l-2 {
    border-left-width: 2px;
  }

  .sm\:tw-border-t-4 {
    border-top-width: 4px;
  }

  .sm\:tw-border-r-4 {
    border-right-width: 4px;
  }

  .sm\:tw-border-b-4 {
    border-bottom-width: 4px;
  }

  .sm\:tw-border-l-4 {
    border-left-width: 4px;
  }

  .sm\:tw-border-t-8 {
    border-top-width: 8px;
  }

  .sm\:tw-border-r-8 {
    border-right-width: 8px;
  }

  .sm\:tw-border-b-8 {
    border-bottom-width: 8px;
  }

  .sm\:tw-border-l-8 {
    border-left-width: 8px;
  }

  .sm\:tw-border-t {
    border-top-width: 1px;
  }

  .sm\:tw-border-r {
    border-right-width: 1px;
  }

  .sm\:tw-border-b {
    border-bottom-width: 1px;
  }

  .sm\:tw-border-l {
    border-left-width: 1px;
  }

  .sm\:hover\:tw-border-0:hover {
    border-width: 0;
  }

  .sm\:hover\:tw-border-2:hover {
    border-width: 2px;
  }

  .sm\:hover\:tw-border-4:hover {
    border-width: 4px;
  }

  .sm\:hover\:tw-border-8:hover {
    border-width: 8px;
  }

  .sm\:hover\:tw-border:hover {
    border-width: 1px;
  }

  .sm\:hover\:tw-border-t-0:hover {
    border-top-width: 0;
  }

  .sm\:hover\:tw-border-r-0:hover {
    border-right-width: 0;
  }

  .sm\:hover\:tw-border-b-0:hover {
    border-bottom-width: 0;
  }

  .sm\:hover\:tw-border-l-0:hover {
    border-left-width: 0;
  }

  .sm\:hover\:tw-border-t-2:hover {
    border-top-width: 2px;
  }

  .sm\:hover\:tw-border-r-2:hover {
    border-right-width: 2px;
  }

  .sm\:hover\:tw-border-b-2:hover {
    border-bottom-width: 2px;
  }

  .sm\:hover\:tw-border-l-2:hover {
    border-left-width: 2px;
  }

  .sm\:hover\:tw-border-t-4:hover {
    border-top-width: 4px;
  }

  .sm\:hover\:tw-border-r-4:hover {
    border-right-width: 4px;
  }

  .sm\:hover\:tw-border-b-4:hover {
    border-bottom-width: 4px;
  }

  .sm\:hover\:tw-border-l-4:hover {
    border-left-width: 4px;
  }

  .sm\:hover\:tw-border-t-8:hover {
    border-top-width: 8px;
  }

  .sm\:hover\:tw-border-r-8:hover {
    border-right-width: 8px;
  }

  .sm\:hover\:tw-border-b-8:hover {
    border-bottom-width: 8px;
  }

  .sm\:hover\:tw-border-l-8:hover {
    border-left-width: 8px;
  }

  .sm\:hover\:tw-border-t:hover {
    border-top-width: 1px;
  }

  .sm\:hover\:tw-border-r:hover {
    border-right-width: 1px;
  }

  .sm\:hover\:tw-border-b:hover {
    border-bottom-width: 1px;
  }

  .sm\:hover\:tw-border-l:hover {
    border-left-width: 1px;
  }

  .sm\:focus\:tw-border-0:focus {
    border-width: 0;
  }

  .sm\:focus\:tw-border-2:focus {
    border-width: 2px;
  }

  .sm\:focus\:tw-border-4:focus {
    border-width: 4px;
  }

  .sm\:focus\:tw-border-8:focus {
    border-width: 8px;
  }

  .sm\:focus\:tw-border:focus {
    border-width: 1px;
  }

  .sm\:focus\:tw-border-t-0:focus {
    border-top-width: 0;
  }

  .sm\:focus\:tw-border-r-0:focus {
    border-right-width: 0;
  }

  .sm\:focus\:tw-border-b-0:focus {
    border-bottom-width: 0;
  }

  .sm\:focus\:tw-border-l-0:focus {
    border-left-width: 0;
  }

  .sm\:focus\:tw-border-t-2:focus {
    border-top-width: 2px;
  }

  .sm\:focus\:tw-border-r-2:focus {
    border-right-width: 2px;
  }

  .sm\:focus\:tw-border-b-2:focus {
    border-bottom-width: 2px;
  }

  .sm\:focus\:tw-border-l-2:focus {
    border-left-width: 2px;
  }

  .sm\:focus\:tw-border-t-4:focus {
    border-top-width: 4px;
  }

  .sm\:focus\:tw-border-r-4:focus {
    border-right-width: 4px;
  }

  .sm\:focus\:tw-border-b-4:focus {
    border-bottom-width: 4px;
  }

  .sm\:focus\:tw-border-l-4:focus {
    border-left-width: 4px;
  }

  .sm\:focus\:tw-border-t-8:focus {
    border-top-width: 8px;
  }

  .sm\:focus\:tw-border-r-8:focus {
    border-right-width: 8px;
  }

  .sm\:focus\:tw-border-b-8:focus {
    border-bottom-width: 8px;
  }

  .sm\:focus\:tw-border-l-8:focus {
    border-left-width: 8px;
  }

  .sm\:focus\:tw-border-t:focus {
    border-top-width: 1px;
  }

  .sm\:focus\:tw-border-r:focus {
    border-right-width: 1px;
  }

  .sm\:focus\:tw-border-b:focus {
    border-bottom-width: 1px;
  }

  .sm\:focus\:tw-border-l:focus {
    border-left-width: 1px;
  }

  .sm\:tw-cursor-auto {
    cursor: auto;
  }

  .sm\:tw-cursor-default {
    cursor: default;
  }

  .sm\:tw-cursor-pointer {
    cursor: pointer;
  }

  .sm\:tw-cursor-wait {
    cursor: wait;
  }

  .sm\:tw-cursor-move {
    cursor: move;
  }

  .sm\:tw-cursor-not-allowed {
    cursor: not-allowed;
  }

  .sm\:tw-block {
    display: block;
  }

  .sm\:tw-inline-block {
    display: inline-block;
  }

  .sm\:tw-inline {
    display: inline;
  }

  .sm\:tw-table {
    display: table;
  }

  .sm\:tw-table-row {
    display: table-row;
  }

  .sm\:tw-table-cell {
    display: table-cell;
  }

  .sm\:tw-hidden {
    display: none;
  }

  .group:hover .sm\:group-hover\:tw-block {
    display: block;
  }

  .group:hover .sm\:group-hover\:tw-inline-block {
    display: inline-block;
  }

  .group:hover .sm\:group-hover\:tw-inline {
    display: inline;
  }

  .group:hover .sm\:group-hover\:tw-table {
    display: table;
  }

  .group:hover .sm\:group-hover\:tw-table-row {
    display: table-row;
  }

  .group:hover .sm\:group-hover\:tw-table-cell {
    display: table-cell;
  }

  .group:hover .sm\:group-hover\:tw-hidden {
    display: none;
  }

  .sm\:hover\:tw-block:hover {
    display: block;
  }

  .sm\:hover\:tw-inline-block:hover {
    display: inline-block;
  }

  .sm\:hover\:tw-inline:hover {
    display: inline;
  }

  .sm\:hover\:tw-table:hover {
    display: table;
  }

  .sm\:hover\:tw-table-row:hover {
    display: table-row;
  }

  .sm\:hover\:tw-table-cell:hover {
    display: table-cell;
  }

  .sm\:hover\:tw-hidden:hover {
    display: none;
  }

  .sm\:tw-flex {
    display: flex;
  }

  .sm\:tw-inline-flex {
    display: inline-flex;
  }

  .sm\:tw-flex-row {
    flex-direction: row;
  }

  .sm\:tw-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:tw-flex-col {
    flex-direction: column;
  }

  .sm\:tw-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .sm\:tw-flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:tw-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .sm\:tw-flex-no-wrap {
    flex-wrap: nowrap;
  }

  .sm\:tw-items-start {
    align-items: flex-start;
  }

  .sm\:tw-items-end {
    align-items: flex-end;
  }

  .sm\:tw-items-center {
    align-items: center;
  }

  .sm\:tw-items-baseline {
    align-items: baseline;
  }

  .sm\:tw-items-stretch {
    align-items: stretch;
  }

  .sm\:tw-self-auto {
    align-self: auto;
  }

  .sm\:tw-self-start {
    align-self: flex-start;
  }

  .sm\:tw-self-end {
    align-self: flex-end;
  }

  .sm\:tw-self-center {
    align-self: center;
  }

  .sm\:tw-self-stretch {
    align-self: stretch;
  }

  .sm\:tw-justify-start {
    justify-content: flex-start;
  }

  .sm\:tw-justify-end {
    justify-content: flex-end;
  }

  .sm\:tw-justify-center {
    justify-content: center;
  }

  .sm\:tw-justify-between {
    justify-content: space-between;
  }

  .sm\:tw-justify-around {
    justify-content: space-around;
  }

  .sm\:tw-content-center {
    align-content: center;
  }

  .sm\:tw-content-start {
    align-content: flex-start;
  }

  .sm\:tw-content-end {
    align-content: flex-end;
  }

  .sm\:tw-content-between {
    align-content: space-between;
  }

  .sm\:tw-content-around {
    align-content: space-around;
  }

  .sm\:tw-flex-1 {
    flex: 1;
  }

  .sm\:tw-flex-auto {
    flex: auto;
  }

  .sm\:tw-flex-initial {
    flex: initial;
  }

  .sm\:tw-flex-none {
    flex: none;
  }

  .sm\:tw-flex-grow {
    flex-grow: 1;
  }

  .sm\:tw-flex-shrink {
    flex-shrink: 1;
  }

  .sm\:tw-flex-no-grow {
    flex-grow: 0;
  }

  .sm\:tw-flex-no-shrink {
    flex-shrink: 0;
  }

  .sm\:tw-float-right {
    float: right;
  }

  .sm\:tw-float-left {
    float: left;
  }

  .sm\:tw-float-none {
    float: none;
  }

  .sm\:tw-clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .sm\:tw-font-sans {
    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .sm\:tw-font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .sm\:tw-font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .sm\:tw-font-hairline {
    font-weight: 100;
  }

  .sm\:tw-font-thin {
    font-weight: 200;
  }

  .sm\:tw-font-light {
    font-weight: 300;
  }

  .sm\:tw-font-normal {
    font-weight: 400;
  }

  .sm\:tw-font-medium {
    font-weight: 500;
  }

  .sm\:tw-font-semibold {
    font-weight: 600;
  }

  .sm\:tw-font-bold {
    font-weight: 700;
  }

  .sm\:tw-font-extrabold {
    font-weight: 800;
  }

  .sm\:tw-font-black {
    font-weight: 900;
  }

  .sm\:hover\:tw-font-hairline:hover {
    font-weight: 100;
  }

  .sm\:hover\:tw-font-thin:hover {
    font-weight: 200;
  }

  .sm\:hover\:tw-font-light:hover {
    font-weight: 300;
  }

  .sm\:hover\:tw-font-normal:hover {
    font-weight: 400;
  }

  .sm\:hover\:tw-font-medium:hover {
    font-weight: 500;
  }

  .sm\:hover\:tw-font-semibold:hover {
    font-weight: 600;
  }

  .sm\:hover\:tw-font-bold:hover {
    font-weight: 700;
  }

  .sm\:hover\:tw-font-extrabold:hover {
    font-weight: 800;
  }

  .sm\:hover\:tw-font-black:hover {
    font-weight: 900;
  }

  .sm\:focus\:tw-font-hairline:focus {
    font-weight: 100;
  }

  .sm\:focus\:tw-font-thin:focus {
    font-weight: 200;
  }

  .sm\:focus\:tw-font-light:focus {
    font-weight: 300;
  }

  .sm\:focus\:tw-font-normal:focus {
    font-weight: 400;
  }

  .sm\:focus\:tw-font-medium:focus {
    font-weight: 500;
  }

  .sm\:focus\:tw-font-semibold:focus {
    font-weight: 600;
  }

  .sm\:focus\:tw-font-bold:focus {
    font-weight: 700;
  }

  .sm\:focus\:tw-font-extrabold:focus {
    font-weight: 800;
  }

  .sm\:focus\:tw-font-black:focus {
    font-weight: 900;
  }

  .sm\:tw-h-1 {
    height: .25rem;
  }

  .sm\:tw-h-2 {
    height: .5rem;
  }

  .sm\:tw-h-3 {
    height: .75rem;
  }

  .sm\:tw-h-4 {
    height: 1rem;
  }

  .sm\:tw-h-5 {
    height: 1.25rem;
  }

  .sm\:tw-h-6 {
    height: 1.5rem;
  }

  .sm\:tw-h-8 {
    height: 2rem;
  }

  .sm\:tw-h-10 {
    height: 2.5rem;
  }

  .sm\:tw-h-12 {
    height: 3rem;
  }

  .sm\:tw-h-16 {
    height: 4rem;
  }

  .sm\:tw-h-20 {
    height: 5rem;
  }

  .sm\:tw-h-24 {
    height: 6rem;
  }

  .sm\:tw-h-28 {
    height: 7rem;
  }

  .sm\:tw-h-32 {
    height: 8rem;
  }

  .sm\:tw-h-48 {
    height: 12rem;
  }

  .sm\:tw-h-64 {
    height: 16rem;
  }

  .sm\:tw-h-auto {
    height: auto;
  }

  .sm\:tw-h-px {
    height: 1px;
  }

  .sm\:tw-h-full {
    height: 100%;
  }

  .sm\:tw-h-screen {
    height: 100vh;
  }

  .sm\:tw-leading-none {
    line-height: 1;
  }

  .sm\:tw-leading-tight {
    line-height: 1.25;
  }

  .sm\:tw-leading-normal {
    line-height: 1.5;
  }

  .sm\:tw-leading-loose {
    line-height: 2;
  }

  .sm\:tw-m-0 {
    margin: 0;
  }

  .sm\:tw-m-1 {
    margin: .25rem;
  }

  .sm\:tw-m-2 {
    margin: .5rem;
  }

  .sm\:tw-m-3 {
    margin: .75rem;
  }

  .sm\:tw-m-4 {
    margin: 1rem;
  }

  .sm\:tw-m-5 {
    margin: 1.25rem;
  }

  .sm\:tw-m-6 {
    margin: 1.5rem;
  }

  .sm\:tw-m-8 {
    margin: 2rem;
  }

  .sm\:tw-m-10 {
    margin: 2.5rem;
  }

  .sm\:tw-m-12 {
    margin: 3rem;
  }

  .sm\:tw-m-16 {
    margin: 4rem;
  }

  .sm\:tw-m-20 {
    margin: 5rem;
  }

  .sm\:tw-m-24 {
    margin: 6rem;
  }

  .sm\:tw-m-32 {
    margin: 8rem;
  }

  .sm\:tw-m-40 {
    margin: 10rem;
  }

  .sm\:tw-m-auto {
    margin: auto;
  }

  .sm\:tw-m-px {
    margin: 1px;
  }

  .sm\:tw-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:tw-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:tw-my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .sm\:tw-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .sm\:tw-my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .sm\:tw-mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .sm\:tw-my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .sm\:tw-mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .sm\:tw-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .sm\:tw-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sm\:tw-my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .sm\:tw-mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:tw-my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .sm\:tw-mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:tw-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:tw-mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .sm\:tw-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .sm\:tw-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .sm\:tw-my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .sm\:tw-mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .sm\:tw-my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .sm\:tw-mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .sm\:tw-my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .sm\:tw-mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .sm\:tw-my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .sm\:tw-mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .sm\:tw-my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .sm\:tw-mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .sm\:tw-my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .sm\:tw-mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .sm\:tw-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:tw-my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .sm\:tw-mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .sm\:tw-mt-0 {
    margin-top: 0;
  }

  .sm\:tw-mr-0 {
    margin-right: 0;
  }

  .sm\:tw-mb-0 {
    margin-bottom: 0;
  }

  .sm\:tw-ml-0 {
    margin-left: 0;
  }

  .sm\:tw-mt-1 {
    margin-top: .25rem;
  }

  .sm\:tw-mr-1 {
    margin-right: .25rem;
  }

  .sm\:tw-mb-1 {
    margin-bottom: .25rem;
  }

  .sm\:tw-ml-1 {
    margin-left: .25rem;
  }

  .sm\:tw-mt-2 {
    margin-top: .5rem;
  }

  .sm\:tw-mr-2 {
    margin-right: .5rem;
  }

  .sm\:tw-mb-2 {
    margin-bottom: .5rem;
  }

  .sm\:tw-ml-2 {
    margin-left: .5rem;
  }

  .sm\:tw-mt-3 {
    margin-top: .75rem;
  }

  .sm\:tw-mr-3 {
    margin-right: .75rem;
  }

  .sm\:tw-mb-3 {
    margin-bottom: .75rem;
  }

  .sm\:tw-ml-3 {
    margin-left: .75rem;
  }

  .sm\:tw-mt-4 {
    margin-top: 1rem;
  }

  .sm\:tw-mr-4 {
    margin-right: 1rem;
  }

  .sm\:tw-mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:tw-ml-4 {
    margin-left: 1rem;
  }

  .sm\:tw-mt-5 {
    margin-top: 1.25rem;
  }

  .sm\:tw-mr-5 {
    margin-right: 1.25rem;
  }

  .sm\:tw-mb-5 {
    margin-bottom: 1.25rem;
  }

  .sm\:tw-ml-5 {
    margin-left: 1.25rem;
  }

  .sm\:tw-mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:tw-mr-6 {
    margin-right: 1.5rem;
  }

  .sm\:tw-mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:tw-ml-6 {
    margin-left: 1.5rem;
  }

  .sm\:tw-mt-8 {
    margin-top: 2rem;
  }

  .sm\:tw-mr-8 {
    margin-right: 2rem;
  }

  .sm\:tw-mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:tw-ml-8 {
    margin-left: 2rem;
  }

  .sm\:tw-mt-10 {
    margin-top: 2.5rem;
  }

  .sm\:tw-mr-10 {
    margin-right: 2.5rem;
  }

  .sm\:tw-mb-10 {
    margin-bottom: 2.5rem;
  }

  .sm\:tw-ml-10 {
    margin-left: 2.5rem;
  }

  .sm\:tw-mt-12 {
    margin-top: 3rem;
  }

  .sm\:tw-mr-12 {
    margin-right: 3rem;
  }

  .sm\:tw-mb-12 {
    margin-bottom: 3rem;
  }

  .sm\:tw-ml-12 {
    margin-left: 3rem;
  }

  .sm\:tw-mt-16 {
    margin-top: 4rem;
  }

  .sm\:tw-mr-16 {
    margin-right: 4rem;
  }

  .sm\:tw-mb-16 {
    margin-bottom: 4rem;
  }

  .sm\:tw-ml-16 {
    margin-left: 4rem;
  }

  .sm\:tw-mt-20 {
    margin-top: 5rem;
  }

  .sm\:tw-mr-20 {
    margin-right: 5rem;
  }

  .sm\:tw-mb-20 {
    margin-bottom: 5rem;
  }

  .sm\:tw-ml-20 {
    margin-left: 5rem;
  }

  .sm\:tw-mt-24 {
    margin-top: 6rem;
  }

  .sm\:tw-mr-24 {
    margin-right: 6rem;
  }

  .sm\:tw-mb-24 {
    margin-bottom: 6rem;
  }

  .sm\:tw-ml-24 {
    margin-left: 6rem;
  }

  .sm\:tw-mt-32 {
    margin-top: 8rem;
  }

  .sm\:tw-mr-32 {
    margin-right: 8rem;
  }

  .sm\:tw-mb-32 {
    margin-bottom: 8rem;
  }

  .sm\:tw-ml-32 {
    margin-left: 8rem;
  }

  .sm\:tw-mt-40 {
    margin-top: 10rem;
  }

  .sm\:tw-mr-40 {
    margin-right: 10rem;
  }

  .sm\:tw-mb-40 {
    margin-bottom: 10rem;
  }

  .sm\:tw-ml-40 {
    margin-left: 10rem;
  }

  .sm\:tw-mt-auto {
    margin-top: auto;
  }

  .sm\:tw-mr-auto {
    margin-right: auto;
  }

  .sm\:tw-mb-auto {
    margin-bottom: auto;
  }

  .sm\:tw-ml-auto {
    margin-left: auto;
  }

  .sm\:tw-mt-px {
    margin-top: 1px;
  }

  .sm\:tw-mr-px {
    margin-right: 1px;
  }

  .sm\:tw-mb-px {
    margin-bottom: 1px;
  }

  .sm\:tw-ml-px {
    margin-left: 1px;
  }

  .sm\:tw-max-h-0 {
    max-height: 0;
  }

  .sm\:tw-max-h-1 {
    max-height: .25rem;
  }

  .sm\:tw-max-h-2 {
    max-height: .5rem;
  }

  .sm\:tw-max-h-3 {
    max-height: .75rem;
  }

  .sm\:tw-max-h-4 {
    max-height: 1rem;
  }

  .sm\:tw-max-h-5 {
    max-height: 1.25rem;
  }

  .sm\:tw-max-h-6 {
    max-height: 1.5rem;
  }

  .sm\:tw-max-h-8 {
    max-height: 2rem;
  }

  .sm\:tw-max-h-10 {
    max-height: 2.5rem;
  }

  .sm\:tw-max-h-12 {
    max-height: 3rem;
  }

  .sm\:tw-max-h-16 {
    max-height: 4rem;
  }

  .sm\:tw-max-h-20 {
    max-height: 5rem;
  }

  .sm\:tw-max-h-24 {
    max-height: 6rem;
  }

  .sm\:tw-max-h-28 {
    max-height: 7rem;
  }

  .sm\:tw-max-h-32 {
    max-height: 8rem;
  }

  .sm\:tw-max-h-40 {
    max-height: 10rem;
  }

  .sm\:tw-max-h-44 {
    max-height: 11rem;
  }

  .sm\:tw-max-h-48 {
    max-height: 12rem;
  }

  .sm\:tw-max-h-64 {
    max-height: 16rem;
  }

  .sm\:tw-max-h-full {
    max-height: 100%;
  }

  .sm\:tw-max-h-screen {
    max-height: 100vh;
  }

  .sm\:tw-max-w-xs {
    max-width: 20rem;
  }

  .sm\:tw-max-w-sm {
    max-width: 30rem;
  }

  .sm\:tw-max-w-md {
    max-width: 40rem;
  }

  .sm\:tw-max-w-lg {
    max-width: 50rem;
  }

  .sm\:tw-max-w-xl {
    max-width: 60rem;
  }

  .sm\:tw-max-w-2xl {
    max-width: 70rem;
  }

  .sm\:tw-max-w-3xl {
    max-width: 80rem;
  }

  .sm\:tw-max-w-4xl {
    max-width: 90rem;
  }

  .sm\:tw-max-w-5xl {
    max-width: 100rem;
  }

  .sm\:tw-max-w-full {
    max-width: 100%;
  }

  .sm\:tw-min-h-0 {
    min-height: 0;
  }

  .sm\:tw-min-h-1 {
    min-height: .25rem;
  }

  .sm\:tw-min-h-2 {
    min-height: .5rem;
  }

  .sm\:tw-min-h-3 {
    min-height: .75rem;
  }

  .sm\:tw-min-h-4 {
    min-height: 1rem;
  }

  .sm\:tw-min-h-5 {
    min-height: 1.25rem;
  }

  .sm\:tw-min-h-6 {
    min-height: 1.5rem;
  }

  .sm\:tw-min-h-7 {
    min-height: 1.75rem;
  }

  .sm\:tw-min-h-8 {
    min-height: 2rem;
  }

  .sm\:tw-min-h-10 {
    min-height: 2.5rem;
  }

  .sm\:tw-min-h-12 {
    min-height: 3rem;
  }

  .sm\:tw-min-h-16 {
    min-height: 4rem;
  }

  .sm\:tw-min-h-20 {
    min-height: 5rem;
  }

  .sm\:tw-min-h-24 {
    min-height: 6rem;
  }

  .sm\:tw-min-h-28 {
    min-height: 7rem;
  }

  .sm\:tw-min-h-32 {
    min-height: 8rem;
  }

  .sm\:tw-min-h-40 {
    min-height: 10rem;
  }

  .sm\:tw-min-h-44 {
    min-height: 11rem;
  }

  .sm\:tw-min-h-48 {
    min-height: 12rem;
  }

  .sm\:tw-min-h-64 {
    min-height: 16rem;
  }

  .sm\:tw-min-h-full {
    min-height: 100%;
  }

  .sm\:tw-min-h-screen {
    min-height: 100vh;
  }

  .sm\:tw-min-w-0 {
    min-width: 0;
  }

  .sm\:tw-min-w-1 {
    min-width: .25rem;
  }

  .sm\:tw-min-w-2 {
    min-width: .5rem;
  }

  .sm\:tw-min-w-3 {
    min-width: .75rem;
  }

  .sm\:tw-min-w-4 {
    min-width: 1rem;
  }

  .sm\:tw-min-w-5 {
    min-width: 1.25rem;
  }

  .sm\:tw-min-w-6 {
    min-width: 1.5rem;
  }

  .sm\:tw-min-w-8 {
    min-width: 2rem;
  }

  .sm\:tw-min-w-10 {
    min-width: 2.5rem;
  }

  .sm\:tw-min-w-12 {
    min-width: 3rem;
  }

  .sm\:tw-min-w-16 {
    min-width: 4rem;
  }

  .sm\:tw-min-w-20 {
    min-width: 5rem;
  }

  .sm\:tw-min-w-24 {
    min-width: 6rem;
  }

  .sm\:tw-min-w-28 {
    min-width: 7rem;
  }

  .sm\:tw-min-w-32 {
    min-width: 8rem;
  }

  .sm\:tw-min-w-48 {
    min-width: 12rem;
  }

  .sm\:tw-min-w-64 {
    min-width: 16rem;
  }

  .sm\:tw-min-w-88 {
    min-width: 22rem;
  }

  .sm\:tw-min-w-full {
    min-width: 100%;
  }

  .sm\:tw--m-0 {
    margin: 0;
  }

  .sm\:tw--m-1 {
    margin: -0.25rem;
  }

  .sm\:tw--m-2 {
    margin: -0.5rem;
  }

  .sm\:tw--m-3 {
    margin: -0.75rem;
  }

  .sm\:tw--m-4 {
    margin: -1rem;
  }

  .sm\:tw--m-5 {
    margin: -1.25rem;
  }

  .sm\:tw--m-6 {
    margin: -1.5rem;
  }

  .sm\:tw--m-8 {
    margin: -2rem;
  }

  .sm\:tw--m-10 {
    margin: -2.5rem;
  }

  .sm\:tw--m-12 {
    margin: -3rem;
  }

  .sm\:tw--m-16 {
    margin: -4rem;
  }

  .sm\:tw--m-20 {
    margin: -5rem;
  }

  .sm\:tw--m-24 {
    margin: -6rem;
  }

  .sm\:tw--m-32 {
    margin: -8rem;
  }

  .sm\:tw--m-px {
    margin: -1px;
  }

  .sm\:tw--my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:tw--mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:tw--my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .sm\:tw--mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .sm\:tw--my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .sm\:tw--mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .sm\:tw--my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .sm\:tw--mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .sm\:tw--my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .sm\:tw--mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .sm\:tw--my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .sm\:tw--mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .sm\:tw--my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .sm\:tw--mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:tw--my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .sm\:tw--mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .sm\:tw--my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .sm\:tw--mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .sm\:tw--my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .sm\:tw--mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .sm\:tw--my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .sm\:tw--mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .sm\:tw--my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .sm\:tw--mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .sm\:tw--my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .sm\:tw--mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .sm\:tw--my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .sm\:tw--mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .sm\:tw--my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .sm\:tw--mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .sm\:tw--mt-0 {
    margin-top: 0;
  }

  .sm\:tw--mr-0 {
    margin-right: 0;
  }

  .sm\:tw--mb-0 {
    margin-bottom: 0;
  }

  .sm\:tw--ml-0 {
    margin-left: 0;
  }

  .sm\:tw--mt-1 {
    margin-top: -0.25rem;
  }

  .sm\:tw--mr-1 {
    margin-right: -0.25rem;
  }

  .sm\:tw--mb-1 {
    margin-bottom: -0.25rem;
  }

  .sm\:tw--ml-1 {
    margin-left: -0.25rem;
  }

  .sm\:tw--mt-2 {
    margin-top: -0.5rem;
  }

  .sm\:tw--mr-2 {
    margin-right: -0.5rem;
  }

  .sm\:tw--mb-2 {
    margin-bottom: -0.5rem;
  }

  .sm\:tw--ml-2 {
    margin-left: -0.5rem;
  }

  .sm\:tw--mt-3 {
    margin-top: -0.75rem;
  }

  .sm\:tw--mr-3 {
    margin-right: -0.75rem;
  }

  .sm\:tw--mb-3 {
    margin-bottom: -0.75rem;
  }

  .sm\:tw--ml-3 {
    margin-left: -0.75rem;
  }

  .sm\:tw--mt-4 {
    margin-top: -1rem;
  }

  .sm\:tw--mr-4 {
    margin-right: -1rem;
  }

  .sm\:tw--mb-4 {
    margin-bottom: -1rem;
  }

  .sm\:tw--ml-4 {
    margin-left: -1rem;
  }

  .sm\:tw--mt-5 {
    margin-top: -1.25rem;
  }

  .sm\:tw--mr-5 {
    margin-right: -1.25rem;
  }

  .sm\:tw--mb-5 {
    margin-bottom: -1.25rem;
  }

  .sm\:tw--ml-5 {
    margin-left: -1.25rem;
  }

  .sm\:tw--mt-6 {
    margin-top: -1.5rem;
  }

  .sm\:tw--mr-6 {
    margin-right: -1.5rem;
  }

  .sm\:tw--mb-6 {
    margin-bottom: -1.5rem;
  }

  .sm\:tw--ml-6 {
    margin-left: -1.5rem;
  }

  .sm\:tw--mt-8 {
    margin-top: -2rem;
  }

  .sm\:tw--mr-8 {
    margin-right: -2rem;
  }

  .sm\:tw--mb-8 {
    margin-bottom: -2rem;
  }

  .sm\:tw--ml-8 {
    margin-left: -2rem;
  }

  .sm\:tw--mt-10 {
    margin-top: -2.5rem;
  }

  .sm\:tw--mr-10 {
    margin-right: -2.5rem;
  }

  .sm\:tw--mb-10 {
    margin-bottom: -2.5rem;
  }

  .sm\:tw--ml-10 {
    margin-left: -2.5rem;
  }

  .sm\:tw--mt-12 {
    margin-top: -3rem;
  }

  .sm\:tw--mr-12 {
    margin-right: -3rem;
  }

  .sm\:tw--mb-12 {
    margin-bottom: -3rem;
  }

  .sm\:tw--ml-12 {
    margin-left: -3rem;
  }

  .sm\:tw--mt-16 {
    margin-top: -4rem;
  }

  .sm\:tw--mr-16 {
    margin-right: -4rem;
  }

  .sm\:tw--mb-16 {
    margin-bottom: -4rem;
  }

  .sm\:tw--ml-16 {
    margin-left: -4rem;
  }

  .sm\:tw--mt-20 {
    margin-top: -5rem;
  }

  .sm\:tw--mr-20 {
    margin-right: -5rem;
  }

  .sm\:tw--mb-20 {
    margin-bottom: -5rem;
  }

  .sm\:tw--ml-20 {
    margin-left: -5rem;
  }

  .sm\:tw--mt-24 {
    margin-top: -6rem;
  }

  .sm\:tw--mr-24 {
    margin-right: -6rem;
  }

  .sm\:tw--mb-24 {
    margin-bottom: -6rem;
  }

  .sm\:tw--ml-24 {
    margin-left: -6rem;
  }

  .sm\:tw--mt-32 {
    margin-top: -8rem;
  }

  .sm\:tw--mr-32 {
    margin-right: -8rem;
  }

  .sm\:tw--mb-32 {
    margin-bottom: -8rem;
  }

  .sm\:tw--ml-32 {
    margin-left: -8rem;
  }

  .sm\:tw--mt-px {
    margin-top: -1px;
  }

  .sm\:tw--mr-px {
    margin-right: -1px;
  }

  .sm\:tw--mb-px {
    margin-bottom: -1px;
  }

  .sm\:tw--ml-px {
    margin-left: -1px;
  }

  .sm\:tw-opacity-0 {
    opacity: 0;
  }

  .sm\:tw-opacity-25 {
    opacity: .25;
  }

  .sm\:tw-opacity-50 {
    opacity: .5;
  }

  .sm\:tw-opacity-75 {
    opacity: .75;
  }

  .sm\:tw-opacity-100 {
    opacity: 1;
  }

  .sm\:hover\:tw-opacity-0:hover {
    opacity: 0;
  }

  .sm\:hover\:tw-opacity-25:hover {
    opacity: .25;
  }

  .sm\:hover\:tw-opacity-50:hover {
    opacity: .5;
  }

  .sm\:hover\:tw-opacity-75:hover {
    opacity: .75;
  }

  .sm\:hover\:tw-opacity-100:hover {
    opacity: 1;
  }

  .sm\:tw-overflow-auto {
    overflow: auto;
  }

  .sm\:tw-overflow-hidden {
    overflow: hidden;
  }

  .sm\:tw-overflow-visible {
    overflow: visible;
  }

  .sm\:tw-overflow-scroll {
    overflow: scroll;
  }

  .sm\:tw-overflow-x-auto {
    overflow-x: auto;
  }

  .sm\:tw-overflow-y-auto {
    overflow-y: auto;
  }

  .sm\:tw-overflow-x-hidden {
    overflow-x: hidden;
  }

  .sm\:tw-overflow-y-hidden {
    overflow-y: hidden;
  }

  .sm\:tw-overflow-x-visible {
    overflow-x: visible;
  }

  .sm\:tw-overflow-y-visible {
    overflow-y: visible;
  }

  .sm\:tw-overflow-x-scroll {
    overflow-x: scroll;
  }

  .sm\:tw-overflow-y-scroll {
    overflow-y: scroll;
  }

  .sm\:tw-scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .sm\:tw-scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .sm\:tw-p-0 {
    padding: 0;
  }

  .sm\:tw-p-1 {
    padding: .25rem;
  }

  .sm\:tw-p-2 {
    padding: .5rem;
  }

  .sm\:tw-p-3 {
    padding: .75rem;
  }

  .sm\:tw-p-4 {
    padding: 1rem;
  }

  .sm\:tw-p-5 {
    padding: 1.25rem;
  }

  .sm\:tw-p-6 {
    padding: 1.5rem;
  }

  .sm\:tw-p-8 {
    padding: 2rem;
  }

  .sm\:tw-p-10 {
    padding: 2.5rem;
  }

  .sm\:tw-p-12 {
    padding: 3rem;
  }

  .sm\:tw-p-16 {
    padding: 4rem;
  }

  .sm\:tw-p-20 {
    padding: 5rem;
  }

  .sm\:tw-p-24 {
    padding: 6rem;
  }

  .sm\:tw-p-32 {
    padding: 8rem;
  }

  .sm\:tw-p-40 {
    padding: 10rem;
  }

  .sm\:tw-p-px {
    padding: 1px;
  }

  .sm\:tw-p-15px {
    padding: .9375rem;
  }

  .sm\:tw-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm\:tw-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:tw-py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .sm\:tw-px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .sm\:tw-py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .sm\:tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .sm\:tw-py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .sm\:tw-px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .sm\:tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:tw-py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:tw-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:tw-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:tw-py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:tw-px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:tw-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:tw-px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:tw-py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:tw-px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:tw-py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:tw-px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .sm\:tw-py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:tw-px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .sm\:tw-py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .sm\:tw-px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .sm\:tw-py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .sm\:tw-px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .sm\:tw-py-15px {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
  }

  .sm\:tw-px-15px {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .sm\:tw-pt-0 {
    padding-top: 0;
  }

  .sm\:tw-pr-0 {
    padding-right: 0;
  }

  .sm\:tw-pb-0 {
    padding-bottom: 0;
  }

  .sm\:tw-pl-0 {
    padding-left: 0;
  }

  .sm\:tw-pt-1 {
    padding-top: .25rem;
  }

  .sm\:tw-pr-1 {
    padding-right: .25rem;
  }

  .sm\:tw-pb-1 {
    padding-bottom: .25rem;
  }

  .sm\:tw-pl-1 {
    padding-left: .25rem;
  }

  .sm\:tw-pt-2 {
    padding-top: .5rem;
  }

  .sm\:tw-pr-2 {
    padding-right: .5rem;
  }

  .sm\:tw-pb-2 {
    padding-bottom: .5rem;
  }

  .sm\:tw-pl-2 {
    padding-left: .5rem;
  }

  .sm\:tw-pt-3 {
    padding-top: .75rem;
  }

  .sm\:tw-pr-3 {
    padding-right: .75rem;
  }

  .sm\:tw-pb-3 {
    padding-bottom: .75rem;
  }

  .sm\:tw-pl-3 {
    padding-left: .75rem;
  }

  .sm\:tw-pt-4 {
    padding-top: 1rem;
  }

  .sm\:tw-pr-4 {
    padding-right: 1rem;
  }

  .sm\:tw-pb-4 {
    padding-bottom: 1rem;
  }

  .sm\:tw-pl-4 {
    padding-left: 1rem;
  }

  .sm\:tw-pt-5 {
    padding-top: 1.25rem;
  }

  .sm\:tw-pr-5 {
    padding-right: 1.25rem;
  }

  .sm\:tw-pb-5 {
    padding-bottom: 1.25rem;
  }

  .sm\:tw-pl-5 {
    padding-left: 1.25rem;
  }

  .sm\:tw-pt-6 {
    padding-top: 1.5rem;
  }

  .sm\:tw-pr-6 {
    padding-right: 1.5rem;
  }

  .sm\:tw-pb-6 {
    padding-bottom: 1.5rem;
  }

  .sm\:tw-pl-6 {
    padding-left: 1.5rem;
  }

  .sm\:tw-pt-8 {
    padding-top: 2rem;
  }

  .sm\:tw-pr-8 {
    padding-right: 2rem;
  }

  .sm\:tw-pb-8 {
    padding-bottom: 2rem;
  }

  .sm\:tw-pl-8 {
    padding-left: 2rem;
  }

  .sm\:tw-pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:tw-pr-10 {
    padding-right: 2.5rem;
  }

  .sm\:tw-pb-10 {
    padding-bottom: 2.5rem;
  }

  .sm\:tw-pl-10 {
    padding-left: 2.5rem;
  }

  .sm\:tw-pt-12 {
    padding-top: 3rem;
  }

  .sm\:tw-pr-12 {
    padding-right: 3rem;
  }

  .sm\:tw-pb-12 {
    padding-bottom: 3rem;
  }

  .sm\:tw-pl-12 {
    padding-left: 3rem;
  }

  .sm\:tw-pt-16 {
    padding-top: 4rem;
  }

  .sm\:tw-pr-16 {
    padding-right: 4rem;
  }

  .sm\:tw-pb-16 {
    padding-bottom: 4rem;
  }

  .sm\:tw-pl-16 {
    padding-left: 4rem;
  }

  .sm\:tw-pt-20 {
    padding-top: 5rem;
  }

  .sm\:tw-pr-20 {
    padding-right: 5rem;
  }

  .sm\:tw-pb-20 {
    padding-bottom: 5rem;
  }

  .sm\:tw-pl-20 {
    padding-left: 5rem;
  }

  .sm\:tw-pt-24 {
    padding-top: 6rem;
  }

  .sm\:tw-pr-24 {
    padding-right: 6rem;
  }

  .sm\:tw-pb-24 {
    padding-bottom: 6rem;
  }

  .sm\:tw-pl-24 {
    padding-left: 6rem;
  }

  .sm\:tw-pt-32 {
    padding-top: 8rem;
  }

  .sm\:tw-pr-32 {
    padding-right: 8rem;
  }

  .sm\:tw-pb-32 {
    padding-bottom: 8rem;
  }

  .sm\:tw-pl-32 {
    padding-left: 8rem;
  }

  .sm\:tw-pt-40 {
    padding-top: 10rem;
  }

  .sm\:tw-pr-40 {
    padding-right: 10rem;
  }

  .sm\:tw-pb-40 {
    padding-bottom: 10rem;
  }

  .sm\:tw-pl-40 {
    padding-left: 10rem;
  }

  .sm\:tw-pt-px {
    padding-top: 1px;
  }

  .sm\:tw-pr-px {
    padding-right: 1px;
  }

  .sm\:tw-pb-px {
    padding-bottom: 1px;
  }

  .sm\:tw-pl-px {
    padding-left: 1px;
  }

  .sm\:tw-pt-15px {
    padding-top: .9375rem;
  }

  .sm\:tw-pr-15px {
    padding-right: .9375rem;
  }

  .sm\:tw-pb-15px {
    padding-bottom: .9375rem;
  }

  .sm\:tw-pl-15px {
    padding-left: .9375rem;
  }

  .sm\:tw-pointer-events-none {
    pointer-events: none;
  }

  .sm\:tw-pointer-events-auto {
    pointer-events: auto;
  }

  .sm\:tw-static {
    position: static;
  }

  .sm\:tw-fixed {
    position: fixed;
  }

  .sm\:tw-absolute {
    position: absolute;
  }

  .sm\:tw-relative {
    position: relative;
  }

  .sm\:tw-sticky {
    position: sticky;
  }

  .sm\:tw-pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .sm\:tw-pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .sm\:tw-pin-y {
    top: 0;
    bottom: 0;
  }

  .sm\:tw-pin-x {
    right: 0;
    left: 0;
  }

  .sm\:tw-pin-t {
    top: 0;
  }

  .sm\:tw-pin-r {
    right: 0;
  }

  .sm\:tw-pin-b {
    bottom: 0;
  }

  .sm\:tw-pin-l {
    left: 0;
  }

  .sm\:tw-resize-none {
    resize: none;
  }

  .sm\:tw-resize-y {
    resize: vertical;
  }

  .sm\:tw-resize-x {
    resize: horizontal;
  }

  .sm\:tw-resize {
    resize: both;
  }

  .sm\:tw-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .sm\:tw-shadow-md {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .sm\:tw-shadow-lg {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .sm\:tw-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .sm\:tw-shadow-outline {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .sm\:tw-shadow-none {
    box-shadow: none;
  }

  .sm\:hover\:tw-shadow:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .sm\:hover\:tw-shadow-md:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .sm\:hover\:tw-shadow-lg:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .sm\:hover\:tw-shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .sm\:hover\:tw-shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .sm\:hover\:tw-shadow-none:hover {
    box-shadow: none;
  }

  .sm\:focus\:tw-shadow:focus {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .sm\:focus\:tw-shadow-md:focus {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .sm\:focus\:tw-shadow-lg:focus {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .sm\:focus\:tw-shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .sm\:focus\:tw-shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .sm\:focus\:tw-shadow-none:focus {
    box-shadow: none;
  }

  .sm\:tw-table-auto {
    table-layout: auto;
  }

  .sm\:tw-table-fixed {
    table-layout: fixed;
  }

  .sm\:tw-text-left {
    text-align: left;
  }

  .sm\:tw-text-center {
    text-align: center;
  }

  .sm\:tw-text-right {
    text-align: right;
  }

  .sm\:tw-text-justify {
    text-align: justify;
  }

  .sm\:tw-text-transparent {
    color: transparent;
  }

  .sm\:tw-text-black {
    color: #22292f;
  }

  .sm\:tw-text-black-darker {
    color: #2f2f2f;
  }

  .sm\:tw-text-grey-darkest {
    color: #3d4852;
  }

  .sm\:tw-text-grey-darker-1 {
    color: #666;
  }

  .sm\:tw-text-grey-darker {
    color: #8e8e8e;
  }

  .sm\:tw-text-grey-dark {
    color: #8795a1;
  }

  .sm\:tw-text-grey {
    color: #b8c2cc;
  }

  .sm\:tw-text-grey-light {
    color: #dae1e7;
  }

  .sm\:tw-text-grey-lighter {
    color: #f1f5f8;
  }

  .sm\:tw-text-grey-lightest {
    color: #f8fafc;
  }

  .sm\:tw-text-white {
    color: #fff;
  }

  .sm\:tw-text-red-darkest {
    color: #3b0d0c;
  }

  .sm\:tw-text-red-darker {
    color: #621b18;
  }

  .sm\:tw-text-red-dark {
    color: #cc1f1a;
  }

  .sm\:tw-text-red {
    color: #e3342f;
  }

  .sm\:tw-text-red-light {
    color: #ef5753;
  }

  .sm\:tw-text-red-lighter {
    color: #f9acaa;
  }

  .sm\:tw-text-red-lightest {
    color: #fcebea;
  }

  .sm\:tw-text-orange-darkest {
    color: #462a16;
  }

  .sm\:tw-text-orange-darker {
    color: #613b1f;
  }

  .sm\:tw-text-orange-dark {
    color: #de751f;
  }

  .sm\:tw-text-orange {
    color: #f6993f;
  }

  .sm\:tw-text-orange-light {
    color: #faad63;
  }

  .sm\:tw-text-orange-lighter {
    color: #fcd9b6;
  }

  .sm\:tw-text-orange-lightest {
    color: #fff5eb;
  }

  .sm\:tw-text-yellow-darkest {
    color: #453411;
  }

  .sm\:tw-text-yellow-darker {
    color: #684f1d;
  }

  .sm\:tw-text-yellow-dark {
    color: #f2d024;
  }

  .sm\:tw-text-yellow {
    color: #ffec92;
  }

  .sm\:tw-text-yellow-light {
    color: #fff382;
  }

  .sm\:tw-text-yellow-lighter {
    color: #fff9c2;
  }

  .sm\:tw-text-yellow-lightest {
    color: #fcfbeb;
  }

  .sm\:tw-text-green-darkest {
    color: #0f2f21;
  }

  .sm\:tw-text-green-darker {
    color: #1a4731;
  }

  .sm\:tw-text-green-dark {
    color: #1f9d55;
  }

  .sm\:tw-text-green {
    color: #38c172;
  }

  .sm\:tw-text-green-light {
    color: #51d88a;
  }

  .sm\:tw-text-green-lighter {
    color: #a2f5bf;
  }

  .sm\:tw-text-green-lightest {
    color: #e3fcec;
  }

  .sm\:tw-text-teal-darkest {
    color: #0d3331;
  }

  .sm\:tw-text-teal-darker {
    color: #20504f;
  }

  .sm\:tw-text-teal-dark {
    color: #38a89d;
  }

  .sm\:tw-text-teal {
    color: #4dc0b5;
  }

  .sm\:tw-text-teal-light {
    color: #64d5ca;
  }

  .sm\:tw-text-teal-lighter {
    color: #a0f0ed;
  }

  .sm\:tw-text-teal-lightest {
    color: #e8fffe;
  }

  .sm\:tw-text-blue-darkest {
    color: #12283a;
  }

  .sm\:tw-text-blue-darker {
    color: #1c3d5a;
  }

  .sm\:tw-text-blue-dark {
    color: #2779bd;
  }

  .sm\:tw-text-blue {
    color: #3490dc;
  }

  .sm\:tw-text-blue-light {
    color: #6cb2eb;
  }

  .sm\:tw-text-blue-lighter {
    color: #bcdefa;
  }

  .sm\:tw-text-blue-lightest {
    color: #eff8ff;
  }

  .sm\:tw-text-indigo-darkest {
    color: #191e38;
  }

  .sm\:tw-text-indigo-darker {
    color: #2f365f;
  }

  .sm\:tw-text-indigo-dark {
    color: #5661b3;
  }

  .sm\:tw-text-indigo {
    color: #6574cd;
  }

  .sm\:tw-text-indigo-light {
    color: #7886d7;
  }

  .sm\:tw-text-indigo-lighter {
    color: #b2b7ff;
  }

  .sm\:tw-text-indigo-lightest {
    color: #e6e8ff;
  }

  .sm\:tw-text-purple-darkest {
    color: #21183c;
  }

  .sm\:tw-text-purple-darker {
    color: #382b5f;
  }

  .sm\:tw-text-purple-dark {
    color: #794acf;
  }

  .sm\:tw-text-purple {
    color: #9561e2;
  }

  .sm\:tw-text-purple-light {
    color: #a779e9;
  }

  .sm\:tw-text-purple-lighter {
    color: #d6bbfc;
  }

  .sm\:tw-text-purple-lightest {
    color: #f3ebff;
  }

  .sm\:tw-text-pink-darkest {
    color: #451225;
  }

  .sm\:tw-text-pink-darker {
    color: #6f213f;
  }

  .sm\:tw-text-pink-dark {
    color: #eb5286;
  }

  .sm\:tw-text-pink {
    color: #f66d9b;
  }

  .sm\:tw-text-pink-light {
    color: #fa7ea8;
  }

  .sm\:tw-text-pink-lighter {
    color: #ffbbca;
  }

  .sm\:tw-text-pink-lightest {
    color: #ffebef;
  }

  .sm\:tw-text-primary-l7 {
    color: rgb(95, 95, 95);
  }

  .sm\:tw-text-primary-l6 {
    color: rgb(85, 85, 85);
  }

  .sm\:tw-text-primary-l5 {
    color: rgb(75, 75, 75);
  }

  .sm\:tw-text-primary-l4 {
    color: rgb(65, 65, 65);
  }

  .sm\:tw-text-primary-l3 {
    color: rgb(55, 55, 55);
  }

  .sm\:tw-text-primary-l2 {
    color: rgb(45, 45, 45);
  }

  .sm\:tw-text-primary-l1 {
    color: rgb(40, 40, 40);
  }

  .sm\:tw-text-primary {
    color: rgb(35, 35, 35);
  }

  .sm\:tw-text-primary-d1 {
    color: rgb(25, 25, 25);
  }

  .sm\:tw-text-primary-d2 {
    color: rgb(20, 20, 20);
  }

  .sm\:tw-text-primary-d3 {
    color: rgb(15, 15, 15);
  }

  .sm\:tw-text-primary-d4 {
    color: rgb(5, 5, 5);
  }

  .sm\:tw-text-primary-o9 {
    color: rgba(35, 35, 35, .9);
  }

  .sm\:tw-text-primary-o8 {
    color: rgba(35, 35, 35, .8);
  }

  .sm\:tw-text-primary-o7 {
    color: rgba(35, 35, 35, .7);
  }

  .sm\:tw-text-primary-o6 {
    color: rgba(35, 35, 35, .6);
  }

  .sm\:tw-text-primary-o5 {
    color: rgba(35, 35, 35, .5);
  }

  .sm\:tw-text-primary-o4 {
    color: rgba(35, 35, 35, .4);
  }

  .sm\:tw-text-primary-o3 {
    color: rgba(35, 35, 35, .3);
  }

  .sm\:tw-text-primary-o2 {
    color: rgba(35, 35, 35, .2);
  }

  .sm\:tw-text-primary-o1 {
    color: rgba(35, 35, 35, .1);
  }

  .sm\:tw-text-primary-g1 {
    color: rgba(31, 157, 85, .5607843137);
  }

  .sm\:tw-text-primary-d1-o9 {
    color: rgba(25, 25, 25, .9);
  }

  .sm\:tw-text-primary-l5-o3 {
    color: rgba(75, 75, 75, .3);
  }

  .sm\:tw-text-primary-dark-gray {
    color: rgb(165, 165, 165);
  }

  .sm\:hover\:tw-text-transparent:hover {
    color: transparent;
  }

  .sm\:hover\:tw-text-black:hover {
    color: #22292f;
  }

  .sm\:hover\:tw-text-black-darker:hover {
    color: #2f2f2f;
  }

  .sm\:hover\:tw-text-grey-darkest:hover {
    color: #3d4852;
  }

  .sm\:hover\:tw-text-grey-darker-1:hover {
    color: #666;
  }

  .sm\:hover\:tw-text-grey-darker:hover {
    color: #8e8e8e;
  }

  .sm\:hover\:tw-text-grey-dark:hover {
    color: #8795a1;
  }

  .sm\:hover\:tw-text-grey:hover {
    color: #b8c2cc;
  }

  .sm\:hover\:tw-text-grey-light:hover {
    color: #dae1e7;
  }

  .sm\:hover\:tw-text-grey-lighter:hover {
    color: #f1f5f8;
  }

  .sm\:hover\:tw-text-grey-lightest:hover {
    color: #f8fafc;
  }

  .sm\:hover\:tw-text-white:hover {
    color: #fff;
  }

  .sm\:hover\:tw-text-red-darkest:hover {
    color: #3b0d0c;
  }

  .sm\:hover\:tw-text-red-darker:hover {
    color: #621b18;
  }

  .sm\:hover\:tw-text-red-dark:hover {
    color: #cc1f1a;
  }

  .sm\:hover\:tw-text-red:hover {
    color: #e3342f;
  }

  .sm\:hover\:tw-text-red-light:hover {
    color: #ef5753;
  }

  .sm\:hover\:tw-text-red-lighter:hover {
    color: #f9acaa;
  }

  .sm\:hover\:tw-text-red-lightest:hover {
    color: #fcebea;
  }

  .sm\:hover\:tw-text-orange-darkest:hover {
    color: #462a16;
  }

  .sm\:hover\:tw-text-orange-darker:hover {
    color: #613b1f;
  }

  .sm\:hover\:tw-text-orange-dark:hover {
    color: #de751f;
  }

  .sm\:hover\:tw-text-orange:hover {
    color: #f6993f;
  }

  .sm\:hover\:tw-text-orange-light:hover {
    color: #faad63;
  }

  .sm\:hover\:tw-text-orange-lighter:hover {
    color: #fcd9b6;
  }

  .sm\:hover\:tw-text-orange-lightest:hover {
    color: #fff5eb;
  }

  .sm\:hover\:tw-text-yellow-darkest:hover {
    color: #453411;
  }

  .sm\:hover\:tw-text-yellow-darker:hover {
    color: #684f1d;
  }

  .sm\:hover\:tw-text-yellow-dark:hover {
    color: #f2d024;
  }

  .sm\:hover\:tw-text-yellow:hover {
    color: #ffec92;
  }

  .sm\:hover\:tw-text-yellow-light:hover {
    color: #fff382;
  }

  .sm\:hover\:tw-text-yellow-lighter:hover {
    color: #fff9c2;
  }

  .sm\:hover\:tw-text-yellow-lightest:hover {
    color: #fcfbeb;
  }

  .sm\:hover\:tw-text-green-darkest:hover {
    color: #0f2f21;
  }

  .sm\:hover\:tw-text-green-darker:hover {
    color: #1a4731;
  }

  .sm\:hover\:tw-text-green-dark:hover {
    color: #1f9d55;
  }

  .sm\:hover\:tw-text-green:hover {
    color: #38c172;
  }

  .sm\:hover\:tw-text-green-light:hover {
    color: #51d88a;
  }

  .sm\:hover\:tw-text-green-lighter:hover {
    color: #a2f5bf;
  }

  .sm\:hover\:tw-text-green-lightest:hover {
    color: #e3fcec;
  }

  .sm\:hover\:tw-text-teal-darkest:hover {
    color: #0d3331;
  }

  .sm\:hover\:tw-text-teal-darker:hover {
    color: #20504f;
  }

  .sm\:hover\:tw-text-teal-dark:hover {
    color: #38a89d;
  }

  .sm\:hover\:tw-text-teal:hover {
    color: #4dc0b5;
  }

  .sm\:hover\:tw-text-teal-light:hover {
    color: #64d5ca;
  }

  .sm\:hover\:tw-text-teal-lighter:hover {
    color: #a0f0ed;
  }

  .sm\:hover\:tw-text-teal-lightest:hover {
    color: #e8fffe;
  }

  .sm\:hover\:tw-text-blue-darkest:hover {
    color: #12283a;
  }

  .sm\:hover\:tw-text-blue-darker:hover {
    color: #1c3d5a;
  }

  .sm\:hover\:tw-text-blue-dark:hover {
    color: #2779bd;
  }

  .sm\:hover\:tw-text-blue:hover {
    color: #3490dc;
  }

  .sm\:hover\:tw-text-blue-light:hover {
    color: #6cb2eb;
  }

  .sm\:hover\:tw-text-blue-lighter:hover {
    color: #bcdefa;
  }

  .sm\:hover\:tw-text-blue-lightest:hover {
    color: #eff8ff;
  }

  .sm\:hover\:tw-text-indigo-darkest:hover {
    color: #191e38;
  }

  .sm\:hover\:tw-text-indigo-darker:hover {
    color: #2f365f;
  }

  .sm\:hover\:tw-text-indigo-dark:hover {
    color: #5661b3;
  }

  .sm\:hover\:tw-text-indigo:hover {
    color: #6574cd;
  }

  .sm\:hover\:tw-text-indigo-light:hover {
    color: #7886d7;
  }

  .sm\:hover\:tw-text-indigo-lighter:hover {
    color: #b2b7ff;
  }

  .sm\:hover\:tw-text-indigo-lightest:hover {
    color: #e6e8ff;
  }

  .sm\:hover\:tw-text-purple-darkest:hover {
    color: #21183c;
  }

  .sm\:hover\:tw-text-purple-darker:hover {
    color: #382b5f;
  }

  .sm\:hover\:tw-text-purple-dark:hover {
    color: #794acf;
  }

  .sm\:hover\:tw-text-purple:hover {
    color: #9561e2;
  }

  .sm\:hover\:tw-text-purple-light:hover {
    color: #a779e9;
  }

  .sm\:hover\:tw-text-purple-lighter:hover {
    color: #d6bbfc;
  }

  .sm\:hover\:tw-text-purple-lightest:hover {
    color: #f3ebff;
  }

  .sm\:hover\:tw-text-pink-darkest:hover {
    color: #451225;
  }

  .sm\:hover\:tw-text-pink-darker:hover {
    color: #6f213f;
  }

  .sm\:hover\:tw-text-pink-dark:hover {
    color: #eb5286;
  }

  .sm\:hover\:tw-text-pink:hover {
    color: #f66d9b;
  }

  .sm\:hover\:tw-text-pink-light:hover {
    color: #fa7ea8;
  }

  .sm\:hover\:tw-text-pink-lighter:hover {
    color: #ffbbca;
  }

  .sm\:hover\:tw-text-pink-lightest:hover {
    color: #ffebef;
  }

  .sm\:hover\:tw-text-primary-l7:hover {
    color: rgb(95, 95, 95);
  }

  .sm\:hover\:tw-text-primary-l6:hover {
    color: rgb(85, 85, 85);
  }

  .sm\:hover\:tw-text-primary-l5:hover {
    color: rgb(75, 75, 75);
  }

  .sm\:hover\:tw-text-primary-l4:hover {
    color: rgb(65, 65, 65);
  }

  .sm\:hover\:tw-text-primary-l3:hover {
    color: rgb(55, 55, 55);
  }

  .sm\:hover\:tw-text-primary-l2:hover {
    color: rgb(45, 45, 45);
  }

  .sm\:hover\:tw-text-primary-l1:hover {
    color: rgb(40, 40, 40);
  }

  .sm\:hover\:tw-text-primary:hover {
    color: rgb(35, 35, 35);
  }

  .sm\:hover\:tw-text-primary-d1:hover {
    color: rgb(25, 25, 25);
  }

  .sm\:hover\:tw-text-primary-d2:hover {
    color: rgb(20, 20, 20);
  }

  .sm\:hover\:tw-text-primary-d3:hover {
    color: rgb(15, 15, 15);
  }

  .sm\:hover\:tw-text-primary-d4:hover {
    color: rgb(5, 5, 5);
  }

  .sm\:hover\:tw-text-primary-o9:hover {
    color: rgba(35, 35, 35, .9);
  }

  .sm\:hover\:tw-text-primary-o8:hover {
    color: rgba(35, 35, 35, .8);
  }

  .sm\:hover\:tw-text-primary-o7:hover {
    color: rgba(35, 35, 35, .7);
  }

  .sm\:hover\:tw-text-primary-o6:hover {
    color: rgba(35, 35, 35, .6);
  }

  .sm\:hover\:tw-text-primary-o5:hover {
    color: rgba(35, 35, 35, .5);
  }

  .sm\:hover\:tw-text-primary-o4:hover {
    color: rgba(35, 35, 35, .4);
  }

  .sm\:hover\:tw-text-primary-o3:hover {
    color: rgba(35, 35, 35, .3);
  }

  .sm\:hover\:tw-text-primary-o2:hover {
    color: rgba(35, 35, 35, .2);
  }

  .sm\:hover\:tw-text-primary-o1:hover {
    color: rgba(35, 35, 35, .1);
  }

  .sm\:hover\:tw-text-primary-g1:hover {
    color: rgba(31, 157, 85, .5607843137);
  }

  .sm\:hover\:tw-text-primary-d1-o9:hover {
    color: rgba(25, 25, 25, .9);
  }

  .sm\:hover\:tw-text-primary-l5-o3:hover {
    color: rgba(75, 75, 75, .3);
  }

  .sm\:hover\:tw-text-primary-dark-gray:hover {
    color: rgb(165, 165, 165);
  }

  .sm\:focus\:tw-text-transparent:focus {
    color: transparent;
  }

  .sm\:focus\:tw-text-black:focus {
    color: #22292f;
  }

  .sm\:focus\:tw-text-black-darker:focus {
    color: #2f2f2f;
  }

  .sm\:focus\:tw-text-grey-darkest:focus {
    color: #3d4852;
  }

  .sm\:focus\:tw-text-grey-darker-1:focus {
    color: #666;
  }

  .sm\:focus\:tw-text-grey-darker:focus {
    color: #8e8e8e;
  }

  .sm\:focus\:tw-text-grey-dark:focus {
    color: #8795a1;
  }

  .sm\:focus\:tw-text-grey:focus {
    color: #b8c2cc;
  }

  .sm\:focus\:tw-text-grey-light:focus {
    color: #dae1e7;
  }

  .sm\:focus\:tw-text-grey-lighter:focus {
    color: #f1f5f8;
  }

  .sm\:focus\:tw-text-grey-lightest:focus {
    color: #f8fafc;
  }

  .sm\:focus\:tw-text-white:focus {
    color: #fff;
  }

  .sm\:focus\:tw-text-red-darkest:focus {
    color: #3b0d0c;
  }

  .sm\:focus\:tw-text-red-darker:focus {
    color: #621b18;
  }

  .sm\:focus\:tw-text-red-dark:focus {
    color: #cc1f1a;
  }

  .sm\:focus\:tw-text-red:focus {
    color: #e3342f;
  }

  .sm\:focus\:tw-text-red-light:focus {
    color: #ef5753;
  }

  .sm\:focus\:tw-text-red-lighter:focus {
    color: #f9acaa;
  }

  .sm\:focus\:tw-text-red-lightest:focus {
    color: #fcebea;
  }

  .sm\:focus\:tw-text-orange-darkest:focus {
    color: #462a16;
  }

  .sm\:focus\:tw-text-orange-darker:focus {
    color: #613b1f;
  }

  .sm\:focus\:tw-text-orange-dark:focus {
    color: #de751f;
  }

  .sm\:focus\:tw-text-orange:focus {
    color: #f6993f;
  }

  .sm\:focus\:tw-text-orange-light:focus {
    color: #faad63;
  }

  .sm\:focus\:tw-text-orange-lighter:focus {
    color: #fcd9b6;
  }

  .sm\:focus\:tw-text-orange-lightest:focus {
    color: #fff5eb;
  }

  .sm\:focus\:tw-text-yellow-darkest:focus {
    color: #453411;
  }

  .sm\:focus\:tw-text-yellow-darker:focus {
    color: #684f1d;
  }

  .sm\:focus\:tw-text-yellow-dark:focus {
    color: #f2d024;
  }

  .sm\:focus\:tw-text-yellow:focus {
    color: #ffec92;
  }

  .sm\:focus\:tw-text-yellow-light:focus {
    color: #fff382;
  }

  .sm\:focus\:tw-text-yellow-lighter:focus {
    color: #fff9c2;
  }

  .sm\:focus\:tw-text-yellow-lightest:focus {
    color: #fcfbeb;
  }

  .sm\:focus\:tw-text-green-darkest:focus {
    color: #0f2f21;
  }

  .sm\:focus\:tw-text-green-darker:focus {
    color: #1a4731;
  }

  .sm\:focus\:tw-text-green-dark:focus {
    color: #1f9d55;
  }

  .sm\:focus\:tw-text-green:focus {
    color: #38c172;
  }

  .sm\:focus\:tw-text-green-light:focus {
    color: #51d88a;
  }

  .sm\:focus\:tw-text-green-lighter:focus {
    color: #a2f5bf;
  }

  .sm\:focus\:tw-text-green-lightest:focus {
    color: #e3fcec;
  }

  .sm\:focus\:tw-text-teal-darkest:focus {
    color: #0d3331;
  }

  .sm\:focus\:tw-text-teal-darker:focus {
    color: #20504f;
  }

  .sm\:focus\:tw-text-teal-dark:focus {
    color: #38a89d;
  }

  .sm\:focus\:tw-text-teal:focus {
    color: #4dc0b5;
  }

  .sm\:focus\:tw-text-teal-light:focus {
    color: #64d5ca;
  }

  .sm\:focus\:tw-text-teal-lighter:focus {
    color: #a0f0ed;
  }

  .sm\:focus\:tw-text-teal-lightest:focus {
    color: #e8fffe;
  }

  .sm\:focus\:tw-text-blue-darkest:focus {
    color: #12283a;
  }

  .sm\:focus\:tw-text-blue-darker:focus {
    color: #1c3d5a;
  }

  .sm\:focus\:tw-text-blue-dark:focus {
    color: #2779bd;
  }

  .sm\:focus\:tw-text-blue:focus {
    color: #3490dc;
  }

  .sm\:focus\:tw-text-blue-light:focus {
    color: #6cb2eb;
  }

  .sm\:focus\:tw-text-blue-lighter:focus {
    color: #bcdefa;
  }

  .sm\:focus\:tw-text-blue-lightest:focus {
    color: #eff8ff;
  }

  .sm\:focus\:tw-text-indigo-darkest:focus {
    color: #191e38;
  }

  .sm\:focus\:tw-text-indigo-darker:focus {
    color: #2f365f;
  }

  .sm\:focus\:tw-text-indigo-dark:focus {
    color: #5661b3;
  }

  .sm\:focus\:tw-text-indigo:focus {
    color: #6574cd;
  }

  .sm\:focus\:tw-text-indigo-light:focus {
    color: #7886d7;
  }

  .sm\:focus\:tw-text-indigo-lighter:focus {
    color: #b2b7ff;
  }

  .sm\:focus\:tw-text-indigo-lightest:focus {
    color: #e6e8ff;
  }

  .sm\:focus\:tw-text-purple-darkest:focus {
    color: #21183c;
  }

  .sm\:focus\:tw-text-purple-darker:focus {
    color: #382b5f;
  }

  .sm\:focus\:tw-text-purple-dark:focus {
    color: #794acf;
  }

  .sm\:focus\:tw-text-purple:focus {
    color: #9561e2;
  }

  .sm\:focus\:tw-text-purple-light:focus {
    color: #a779e9;
  }

  .sm\:focus\:tw-text-purple-lighter:focus {
    color: #d6bbfc;
  }

  .sm\:focus\:tw-text-purple-lightest:focus {
    color: #f3ebff;
  }

  .sm\:focus\:tw-text-pink-darkest:focus {
    color: #451225;
  }

  .sm\:focus\:tw-text-pink-darker:focus {
    color: #6f213f;
  }

  .sm\:focus\:tw-text-pink-dark:focus {
    color: #eb5286;
  }

  .sm\:focus\:tw-text-pink:focus {
    color: #f66d9b;
  }

  .sm\:focus\:tw-text-pink-light:focus {
    color: #fa7ea8;
  }

  .sm\:focus\:tw-text-pink-lighter:focus {
    color: #ffbbca;
  }

  .sm\:focus\:tw-text-pink-lightest:focus {
    color: #ffebef;
  }

  .sm\:focus\:tw-text-primary-l7:focus {
    color: rgb(95, 95, 95);
  }

  .sm\:focus\:tw-text-primary-l6:focus {
    color: rgb(85, 85, 85);
  }

  .sm\:focus\:tw-text-primary-l5:focus {
    color: rgb(75, 75, 75);
  }

  .sm\:focus\:tw-text-primary-l4:focus {
    color: rgb(65, 65, 65);
  }

  .sm\:focus\:tw-text-primary-l3:focus {
    color: rgb(55, 55, 55);
  }

  .sm\:focus\:tw-text-primary-l2:focus {
    color: rgb(45, 45, 45);
  }

  .sm\:focus\:tw-text-primary-l1:focus {
    color: rgb(40, 40, 40);
  }

  .sm\:focus\:tw-text-primary:focus {
    color: rgb(35, 35, 35);
  }

  .sm\:focus\:tw-text-primary-d1:focus {
    color: rgb(25, 25, 25);
  }

  .sm\:focus\:tw-text-primary-d2:focus {
    color: rgb(20, 20, 20);
  }

  .sm\:focus\:tw-text-primary-d3:focus {
    color: rgb(15, 15, 15);
  }

  .sm\:focus\:tw-text-primary-d4:focus {
    color: rgb(5, 5, 5);
  }

  .sm\:focus\:tw-text-primary-o9:focus {
    color: rgba(35, 35, 35, .9);
  }

  .sm\:focus\:tw-text-primary-o8:focus {
    color: rgba(35, 35, 35, .8);
  }

  .sm\:focus\:tw-text-primary-o7:focus {
    color: rgba(35, 35, 35, .7);
  }

  .sm\:focus\:tw-text-primary-o6:focus {
    color: rgba(35, 35, 35, .6);
  }

  .sm\:focus\:tw-text-primary-o5:focus {
    color: rgba(35, 35, 35, .5);
  }

  .sm\:focus\:tw-text-primary-o4:focus {
    color: rgba(35, 35, 35, .4);
  }

  .sm\:focus\:tw-text-primary-o3:focus {
    color: rgba(35, 35, 35, .3);
  }

  .sm\:focus\:tw-text-primary-o2:focus {
    color: rgba(35, 35, 35, .2);
  }

  .sm\:focus\:tw-text-primary-o1:focus {
    color: rgba(35, 35, 35, .1);
  }

  .sm\:focus\:tw-text-primary-g1:focus {
    color: rgba(31, 157, 85, .5607843137);
  }

  .sm\:focus\:tw-text-primary-d1-o9:focus {
    color: rgba(25, 25, 25, .9);
  }

  .sm\:focus\:tw-text-primary-l5-o3:focus {
    color: rgba(75, 75, 75, .3);
  }

  .sm\:focus\:tw-text-primary-dark-gray:focus {
    color: rgb(165, 165, 165);
  }

  .sm\:tw-text-11px {
    font-size: 11px;
  }

  .sm\:tw-text-xs {
    font-size: .75rem;
  }

  .sm\:tw-text-13px {
    font-size: 13px;
  }

  .sm\:tw-text-sm {
    font-size: .875rem;
  }

  .sm\:tw-text-15px {
    font-size: .9375rem;
  }

  .sm\:tw-text-base {
    font-size: 1rem;
  }

  .sm\:tw-text-17px {
    font-size: 17px;
  }

  .sm\:tw-text-lg {
    font-size: 1.125rem;
  }

  .sm\:tw-text-xl {
    font-size: 1.25rem;
  }

  .sm\:tw-text-2xl {
    font-size: 1.5rem;
  }

  .sm\:tw-text-3xl {
    font-size: 1.875rem;
  }

  .sm\:tw-text-4xl {
    font-size: 2.25rem;
  }

  .sm\:tw-text-5xl {
    font-size: 3rem;
  }

  .sm\:tw-text-6xl {
    font-size: 4rem;
  }

  .sm\:tw-italic {
    font-style: italic;
  }

  .sm\:tw-roman {
    font-style: normal;
  }

  .sm\:tw-uppercase {
    text-transform: uppercase;
  }

  .sm\:tw-lowercase {
    text-transform: lowercase;
  }

  .sm\:tw-capitalize {
    text-transform: capitalize;
  }

  .sm\:tw-normal-case {
    text-transform: none;
  }

  .sm\:tw-underline {
    text-decoration: underline;
  }

  .sm\:tw-line-through {
    text-decoration: line-through;
  }

  .sm\:tw-no-underline {
    text-decoration: none;
  }

  .sm\:tw-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .sm\:tw-subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .sm\:hover\:tw-italic:hover {
    font-style: italic;
  }

  .sm\:hover\:tw-roman:hover {
    font-style: normal;
  }

  .sm\:hover\:tw-uppercase:hover {
    text-transform: uppercase;
  }

  .sm\:hover\:tw-lowercase:hover {
    text-transform: lowercase;
  }

  .sm\:hover\:tw-capitalize:hover {
    text-transform: capitalize;
  }

  .sm\:hover\:tw-normal-case:hover {
    text-transform: none;
  }

  .sm\:hover\:tw-underline:hover {
    text-decoration: underline;
  }

  .sm\:hover\:tw-line-through:hover {
    text-decoration: line-through;
  }

  .sm\:hover\:tw-no-underline:hover {
    text-decoration: none;
  }

  .sm\:hover\:tw-antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .sm\:hover\:tw-subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .sm\:focus\:tw-italic:focus {
    font-style: italic;
  }

  .sm\:focus\:tw-roman:focus {
    font-style: normal;
  }

  .sm\:focus\:tw-uppercase:focus {
    text-transform: uppercase;
  }

  .sm\:focus\:tw-lowercase:focus {
    text-transform: lowercase;
  }

  .sm\:focus\:tw-capitalize:focus {
    text-transform: capitalize;
  }

  .sm\:focus\:tw-normal-case:focus {
    text-transform: none;
  }

  .sm\:focus\:tw-underline:focus {
    text-decoration: underline;
  }

  .sm\:focus\:tw-line-through:focus {
    text-decoration: line-through;
  }

  .sm\:focus\:tw-no-underline:focus {
    text-decoration: none;
  }

  .sm\:focus\:tw-antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .sm\:focus\:tw-subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .sm\:tw-tracking-tight {
    letter-spacing: -0.05em;
  }

  .sm\:tw-tracking-normal {
    letter-spacing: 0;
  }

  .sm\:tw-tracking-wide {
    letter-spacing: .05em;
  }

  .sm\:tw-select-none {
    user-select: none;
  }

  .sm\:tw-select-text {
    user-select: text;
  }

  .sm\:tw-align-baseline {
    vertical-align: baseline;
  }

  .sm\:tw-align-top {
    vertical-align: top;
  }

  .sm\:tw-align-middle {
    vertical-align: middle;
  }

  .sm\:tw-align-bottom {
    vertical-align: bottom;
  }

  .sm\:tw-align-text-top {
    vertical-align: text-top;
  }

  .sm\:tw-align-text-bottom {
    vertical-align: text-bottom;
  }

  .sm\:tw-visible {
    visibility: visible;
  }

  .sm\:tw-invisible {
    visibility: hidden;
  }

  .sm\:tw-whitespace-normal {
    white-space: normal;
  }

  .sm\:tw-whitespace-no-wrap {
    white-space: nowrap;
  }

  .sm\:tw-whitespace-pre {
    white-space: pre;
  }

  .sm\:tw-whitespace-pre-line {
    white-space: pre-line;
  }

  .sm\:tw-whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .sm\:tw-break-words {
    word-wrap: break-word;
  }

  .sm\:tw-break-normal {
    word-wrap: normal;
  }

  .sm\:tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sm\:tw-w-1 {
    width: .25rem;
  }

  .sm\:tw-w-2 {
    width: .5rem;
  }

  .sm\:tw-w-3 {
    width: .75rem;
  }

  .sm\:tw-w-4 {
    width: 1rem;
  }

  .sm\:tw-w-5 {
    width: 1.25rem;
  }

  .sm\:tw-w-6 {
    width: 1.5rem;
  }

  .sm\:tw-w-8 {
    width: 2rem;
  }

  .sm\:tw-w-10 {
    width: 2.5rem;
  }

  .sm\:tw-w-12 {
    width: 3rem;
  }

  .sm\:tw-w-16 {
    width: 4rem;
  }

  .sm\:tw-w-20 {
    width: 5rem;
  }

  .sm\:tw-w-24 {
    width: 6rem;
  }

  .sm\:tw-w-28 {
    width: 7rem;
  }

  .sm\:tw-w-32 {
    width: 8rem;
  }

  .sm\:tw-w-48 {
    width: 12rem;
  }

  .sm\:tw-w-64 {
    width: 16rem;
  }

  .sm\:tw-w-auto {
    width: auto;
  }

  .sm\:tw-w-px {
    width: 1px;
  }

  .sm\:tw-w-1\/2 {
    width: 50%;
  }

  .sm\:tw-w-1\/3 {
    width: 33.33333%;
  }

  .sm\:tw-w-2\/3 {
    width: 66.66667%;
  }

  .sm\:tw-w-1\/4 {
    width: 25%;
  }

  .sm\:tw-w-3\/4 {
    width: 75%;
  }

  .sm\:tw-w-1\/5 {
    width: 20%;
  }

  .sm\:tw-w-2\/5 {
    width: 40%;
  }

  .sm\:tw-w-3\/5 {
    width: 60%;
  }

  .sm\:tw-w-4\/5 {
    width: 80%;
  }

  .sm\:tw-w-1\/6 {
    width: 16.66667%;
  }

  .sm\:tw-w-5\/6 {
    width: 83.33333%;
  }

  .sm\:tw-w-full {
    width: 100%;
  }

  .sm\:tw-w-screen {
    width: 100vw;
  }

  .sm\:tw-z-0 {
    z-index: 0;
  }

  .sm\:tw-z-10 {
    z-index: 10;
  }

  .sm\:tw-z-20 {
    z-index: 20;
  }

  .sm\:tw-z-30 {
    z-index: 30;
  }

  .sm\:tw-z-40 {
    z-index: 40;
  }

  .sm\:tw-z-50 {
    z-index: 50;
  }

  .sm\:tw-z-auto {
    z-index: auto;
  }
}

@media (min-width: 768px) {
  .md\:tw-list-reset {
    list-style: none;
    padding: 0;
  }

  .md\:tw-appearance-none {
    appearance: none;
  }

  .md\:tw-bg-fixed {
    background-attachment: fixed;
  }

  .md\:tw-bg-local {
    background-attachment: local;
  }

  .md\:tw-bg-scroll {
    background-attachment: scroll;
  }

  .md\:tw-bg-transparent {
    background-color: transparent;
  }

  .md\:tw-bg-black {
    background-color: #22292f;
  }

  .md\:tw-bg-black-darker {
    background-color: #2f2f2f;
  }

  .md\:tw-bg-grey-darkest {
    background-color: #3d4852;
  }

  .md\:tw-bg-grey-darker-1 {
    background-color: #666;
  }

  .md\:tw-bg-grey-darker {
    background-color: #8e8e8e;
  }

  .md\:tw-bg-grey-dark {
    background-color: #8795a1;
  }

  .md\:tw-bg-grey {
    background-color: #b8c2cc;
  }

  .md\:tw-bg-grey-light {
    background-color: #dae1e7;
  }

  .md\:tw-bg-grey-lighter {
    background-color: #f1f5f8;
  }

  .md\:tw-bg-grey-lightest {
    background-color: #f8fafc;
  }

  .md\:tw-bg-white {
    background-color: #fff;
  }

  .md\:tw-bg-red-darkest {
    background-color: #3b0d0c;
  }

  .md\:tw-bg-red-darker {
    background-color: #621b18;
  }

  .md\:tw-bg-red-dark {
    background-color: #cc1f1a;
  }

  .md\:tw-bg-red {
    background-color: #e3342f;
  }

  .md\:tw-bg-red-light {
    background-color: #ef5753;
  }

  .md\:tw-bg-red-lighter {
    background-color: #f9acaa;
  }

  .md\:tw-bg-red-lightest {
    background-color: #fcebea;
  }

  .md\:tw-bg-orange-darkest {
    background-color: #462a16;
  }

  .md\:tw-bg-orange-darker {
    background-color: #613b1f;
  }

  .md\:tw-bg-orange-dark {
    background-color: #de751f;
  }

  .md\:tw-bg-orange {
    background-color: #f6993f;
  }

  .md\:tw-bg-orange-light {
    background-color: #faad63;
  }

  .md\:tw-bg-orange-lighter {
    background-color: #fcd9b6;
  }

  .md\:tw-bg-orange-lightest {
    background-color: #fff5eb;
  }

  .md\:tw-bg-yellow-darkest {
    background-color: #453411;
  }

  .md\:tw-bg-yellow-darker {
    background-color: #684f1d;
  }

  .md\:tw-bg-yellow-dark {
    background-color: #f2d024;
  }

  .md\:tw-bg-yellow {
    background-color: #ffec92;
  }

  .md\:tw-bg-yellow-light {
    background-color: #fff382;
  }

  .md\:tw-bg-yellow-lighter {
    background-color: #fff9c2;
  }

  .md\:tw-bg-yellow-lightest {
    background-color: #fcfbeb;
  }

  .md\:tw-bg-green-darkest {
    background-color: #0f2f21;
  }

  .md\:tw-bg-green-darker {
    background-color: #1a4731;
  }

  .md\:tw-bg-green-dark {
    background-color: #1f9d55;
  }

  .md\:tw-bg-green {
    background-color: #38c172;
  }

  .md\:tw-bg-green-light {
    background-color: #51d88a;
  }

  .md\:tw-bg-green-lighter {
    background-color: #a2f5bf;
  }

  .md\:tw-bg-green-lightest {
    background-color: #e3fcec;
  }

  .md\:tw-bg-teal-darkest {
    background-color: #0d3331;
  }

  .md\:tw-bg-teal-darker {
    background-color: #20504f;
  }

  .md\:tw-bg-teal-dark {
    background-color: #38a89d;
  }

  .md\:tw-bg-teal {
    background-color: #4dc0b5;
  }

  .md\:tw-bg-teal-light {
    background-color: #64d5ca;
  }

  .md\:tw-bg-teal-lighter {
    background-color: #a0f0ed;
  }

  .md\:tw-bg-teal-lightest {
    background-color: #e8fffe;
  }

  .md\:tw-bg-blue-darkest {
    background-color: #12283a;
  }

  .md\:tw-bg-blue-darker {
    background-color: #1c3d5a;
  }

  .md\:tw-bg-blue-dark {
    background-color: #2779bd;
  }

  .md\:tw-bg-blue {
    background-color: #3490dc;
  }

  .md\:tw-bg-blue-light {
    background-color: #6cb2eb;
  }

  .md\:tw-bg-blue-lighter {
    background-color: #bcdefa;
  }

  .md\:tw-bg-blue-lightest {
    background-color: #eff8ff;
  }

  .md\:tw-bg-indigo-darkest {
    background-color: #191e38;
  }

  .md\:tw-bg-indigo-darker {
    background-color: #2f365f;
  }

  .md\:tw-bg-indigo-dark {
    background-color: #5661b3;
  }

  .md\:tw-bg-indigo {
    background-color: #6574cd;
  }

  .md\:tw-bg-indigo-light {
    background-color: #7886d7;
  }

  .md\:tw-bg-indigo-lighter {
    background-color: #b2b7ff;
  }

  .md\:tw-bg-indigo-lightest {
    background-color: #e6e8ff;
  }

  .md\:tw-bg-purple-darkest {
    background-color: #21183c;
  }

  .md\:tw-bg-purple-darker {
    background-color: #382b5f;
  }

  .md\:tw-bg-purple-dark {
    background-color: #794acf;
  }

  .md\:tw-bg-purple {
    background-color: #9561e2;
  }

  .md\:tw-bg-purple-light {
    background-color: #a779e9;
  }

  .md\:tw-bg-purple-lighter {
    background-color: #d6bbfc;
  }

  .md\:tw-bg-purple-lightest {
    background-color: #f3ebff;
  }

  .md\:tw-bg-pink-darkest {
    background-color: #451225;
  }

  .md\:tw-bg-pink-darker {
    background-color: #6f213f;
  }

  .md\:tw-bg-pink-dark {
    background-color: #eb5286;
  }

  .md\:tw-bg-pink {
    background-color: #f66d9b;
  }

  .md\:tw-bg-pink-light {
    background-color: #fa7ea8;
  }

  .md\:tw-bg-pink-lighter {
    background-color: #ffbbca;
  }

  .md\:tw-bg-pink-lightest {
    background-color: #ffebef;
  }

  .md\:tw-bg-primary-l7 {
    background-color: rgb(95, 95, 95);
  }

  .md\:tw-bg-primary-l6 {
    background-color: rgb(85, 85, 85);
  }

  .md\:tw-bg-primary-l5 {
    background-color: rgb(75, 75, 75);
  }

  .md\:tw-bg-primary-l4 {
    background-color: rgb(65, 65, 65);
  }

  .md\:tw-bg-primary-l3 {
    background-color: rgb(55, 55, 55);
  }

  .md\:tw-bg-primary-l2 {
    background-color: rgb(45, 45, 45);
  }

  .md\:tw-bg-primary-l1 {
    background-color: rgb(40, 40, 40);
  }

  .md\:tw-bg-primary {
    background-color: rgb(35, 35, 35);
  }

  .md\:tw-bg-primary-d1 {
    background-color: rgb(25, 25, 25);
  }

  .md\:tw-bg-primary-d2 {
    background-color: rgb(20, 20, 20);
  }

  .md\:tw-bg-primary-d3 {
    background-color: rgb(15, 15, 15);
  }

  .md\:tw-bg-primary-d4 {
    background-color: rgb(5, 5, 5);
  }

  .md\:tw-bg-primary-o9 {
    background-color: rgba(35, 35, 35, .9);
  }

  .md\:tw-bg-primary-o8 {
    background-color: rgba(35, 35, 35, .8);
  }

  .md\:tw-bg-primary-o7 {
    background-color: rgba(35, 35, 35, .7);
  }

  .md\:tw-bg-primary-o6 {
    background-color: rgba(35, 35, 35, .6);
  }

  .md\:tw-bg-primary-o5 {
    background-color: rgba(35, 35, 35, .5);
  }

  .md\:tw-bg-primary-o4 {
    background-color: rgba(35, 35, 35, .4);
  }

  .md\:tw-bg-primary-o3 {
    background-color: rgba(35, 35, 35, .3);
  }

  .md\:tw-bg-primary-o2 {
    background-color: rgba(35, 35, 35, .2);
  }

  .md\:tw-bg-primary-o1 {
    background-color: rgba(35, 35, 35, .1);
  }

  .md\:tw-bg-primary-g1 {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .md\:tw-bg-primary-d1-o9 {
    background-color: rgba(25, 25, 25, .9);
  }

  .md\:tw-bg-primary-l5-o3 {
    background-color: rgba(75, 75, 75, .3);
  }

  .md\:tw-bg-primary-dark-gray {
    background-color: rgb(165, 165, 165);
  }

  .md\:hover\:tw-bg-transparent:hover {
    background-color: transparent;
  }

  .md\:hover\:tw-bg-black:hover {
    background-color: #22292f;
  }

  .md\:hover\:tw-bg-black-darker:hover {
    background-color: #2f2f2f;
  }

  .md\:hover\:tw-bg-grey-darkest:hover {
    background-color: #3d4852;
  }

  .md\:hover\:tw-bg-grey-darker-1:hover {
    background-color: #666;
  }

  .md\:hover\:tw-bg-grey-darker:hover {
    background-color: #8e8e8e;
  }

  .md\:hover\:tw-bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .md\:hover\:tw-bg-grey:hover {
    background-color: #b8c2cc;
  }

  .md\:hover\:tw-bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .md\:hover\:tw-bg-grey-lighter:hover {
    background-color: #f1f5f8;
  }

  .md\:hover\:tw-bg-grey-lightest:hover {
    background-color: #f8fafc;
  }

  .md\:hover\:tw-bg-white:hover {
    background-color: #fff;
  }

  .md\:hover\:tw-bg-red-darkest:hover {
    background-color: #3b0d0c;
  }

  .md\:hover\:tw-bg-red-darker:hover {
    background-color: #621b18;
  }

  .md\:hover\:tw-bg-red-dark:hover {
    background-color: #cc1f1a;
  }

  .md\:hover\:tw-bg-red:hover {
    background-color: #e3342f;
  }

  .md\:hover\:tw-bg-red-light:hover {
    background-color: #ef5753;
  }

  .md\:hover\:tw-bg-red-lighter:hover {
    background-color: #f9acaa;
  }

  .md\:hover\:tw-bg-red-lightest:hover {
    background-color: #fcebea;
  }

  .md\:hover\:tw-bg-orange-darkest:hover {
    background-color: #462a16;
  }

  .md\:hover\:tw-bg-orange-darker:hover {
    background-color: #613b1f;
  }

  .md\:hover\:tw-bg-orange-dark:hover {
    background-color: #de751f;
  }

  .md\:hover\:tw-bg-orange:hover {
    background-color: #f6993f;
  }

  .md\:hover\:tw-bg-orange-light:hover {
    background-color: #faad63;
  }

  .md\:hover\:tw-bg-orange-lighter:hover {
    background-color: #fcd9b6;
  }

  .md\:hover\:tw-bg-orange-lightest:hover {
    background-color: #fff5eb;
  }

  .md\:hover\:tw-bg-yellow-darkest:hover {
    background-color: #453411;
  }

  .md\:hover\:tw-bg-yellow-darker:hover {
    background-color: #684f1d;
  }

  .md\:hover\:tw-bg-yellow-dark:hover {
    background-color: #f2d024;
  }

  .md\:hover\:tw-bg-yellow:hover {
    background-color: #ffec92;
  }

  .md\:hover\:tw-bg-yellow-light:hover {
    background-color: #fff382;
  }

  .md\:hover\:tw-bg-yellow-lighter:hover {
    background-color: #fff9c2;
  }

  .md\:hover\:tw-bg-yellow-lightest:hover {
    background-color: #fcfbeb;
  }

  .md\:hover\:tw-bg-green-darkest:hover {
    background-color: #0f2f21;
  }

  .md\:hover\:tw-bg-green-darker:hover {
    background-color: #1a4731;
  }

  .md\:hover\:tw-bg-green-dark:hover {
    background-color: #1f9d55;
  }

  .md\:hover\:tw-bg-green:hover {
    background-color: #38c172;
  }

  .md\:hover\:tw-bg-green-light:hover {
    background-color: #51d88a;
  }

  .md\:hover\:tw-bg-green-lighter:hover {
    background-color: #a2f5bf;
  }

  .md\:hover\:tw-bg-green-lightest:hover {
    background-color: #e3fcec;
  }

  .md\:hover\:tw-bg-teal-darkest:hover {
    background-color: #0d3331;
  }

  .md\:hover\:tw-bg-teal-darker:hover {
    background-color: #20504f;
  }

  .md\:hover\:tw-bg-teal-dark:hover {
    background-color: #38a89d;
  }

  .md\:hover\:tw-bg-teal:hover {
    background-color: #4dc0b5;
  }

  .md\:hover\:tw-bg-teal-light:hover {
    background-color: #64d5ca;
  }

  .md\:hover\:tw-bg-teal-lighter:hover {
    background-color: #a0f0ed;
  }

  .md\:hover\:tw-bg-teal-lightest:hover {
    background-color: #e8fffe;
  }

  .md\:hover\:tw-bg-blue-darkest:hover {
    background-color: #12283a;
  }

  .md\:hover\:tw-bg-blue-darker:hover {
    background-color: #1c3d5a;
  }

  .md\:hover\:tw-bg-blue-dark:hover {
    background-color: #2779bd;
  }

  .md\:hover\:tw-bg-blue:hover {
    background-color: #3490dc;
  }

  .md\:hover\:tw-bg-blue-light:hover {
    background-color: #6cb2eb;
  }

  .md\:hover\:tw-bg-blue-lighter:hover {
    background-color: #bcdefa;
  }

  .md\:hover\:tw-bg-blue-lightest:hover {
    background-color: #eff8ff;
  }

  .md\:hover\:tw-bg-indigo-darkest:hover {
    background-color: #191e38;
  }

  .md\:hover\:tw-bg-indigo-darker:hover {
    background-color: #2f365f;
  }

  .md\:hover\:tw-bg-indigo-dark:hover {
    background-color: #5661b3;
  }

  .md\:hover\:tw-bg-indigo:hover {
    background-color: #6574cd;
  }

  .md\:hover\:tw-bg-indigo-light:hover {
    background-color: #7886d7;
  }

  .md\:hover\:tw-bg-indigo-lighter:hover {
    background-color: #b2b7ff;
  }

  .md\:hover\:tw-bg-indigo-lightest:hover {
    background-color: #e6e8ff;
  }

  .md\:hover\:tw-bg-purple-darkest:hover {
    background-color: #21183c;
  }

  .md\:hover\:tw-bg-purple-darker:hover {
    background-color: #382b5f;
  }

  .md\:hover\:tw-bg-purple-dark:hover {
    background-color: #794acf;
  }

  .md\:hover\:tw-bg-purple:hover {
    background-color: #9561e2;
  }

  .md\:hover\:tw-bg-purple-light:hover {
    background-color: #a779e9;
  }

  .md\:hover\:tw-bg-purple-lighter:hover {
    background-color: #d6bbfc;
  }

  .md\:hover\:tw-bg-purple-lightest:hover {
    background-color: #f3ebff;
  }

  .md\:hover\:tw-bg-pink-darkest:hover {
    background-color: #451225;
  }

  .md\:hover\:tw-bg-pink-darker:hover {
    background-color: #6f213f;
  }

  .md\:hover\:tw-bg-pink-dark:hover {
    background-color: #eb5286;
  }

  .md\:hover\:tw-bg-pink:hover {
    background-color: #f66d9b;
  }

  .md\:hover\:tw-bg-pink-light:hover {
    background-color: #fa7ea8;
  }

  .md\:hover\:tw-bg-pink-lighter:hover {
    background-color: #ffbbca;
  }

  .md\:hover\:tw-bg-pink-lightest:hover {
    background-color: #ffebef;
  }

  .md\:hover\:tw-bg-primary-l7:hover {
    background-color: rgb(95, 95, 95);
  }

  .md\:hover\:tw-bg-primary-l6:hover {
    background-color: rgb(85, 85, 85);
  }

  .md\:hover\:tw-bg-primary-l5:hover {
    background-color: rgb(75, 75, 75);
  }

  .md\:hover\:tw-bg-primary-l4:hover {
    background-color: rgb(65, 65, 65);
  }

  .md\:hover\:tw-bg-primary-l3:hover {
    background-color: rgb(55, 55, 55);
  }

  .md\:hover\:tw-bg-primary-l2:hover {
    background-color: rgb(45, 45, 45);
  }

  .md\:hover\:tw-bg-primary-l1:hover {
    background-color: rgb(40, 40, 40);
  }

  .md\:hover\:tw-bg-primary:hover {
    background-color: rgb(35, 35, 35);
  }

  .md\:hover\:tw-bg-primary-d1:hover {
    background-color: rgb(25, 25, 25);
  }

  .md\:hover\:tw-bg-primary-d2:hover {
    background-color: rgb(20, 20, 20);
  }

  .md\:hover\:tw-bg-primary-d3:hover {
    background-color: rgb(15, 15, 15);
  }

  .md\:hover\:tw-bg-primary-d4:hover {
    background-color: rgb(5, 5, 5);
  }

  .md\:hover\:tw-bg-primary-o9:hover {
    background-color: rgba(35, 35, 35, .9);
  }

  .md\:hover\:tw-bg-primary-o8:hover {
    background-color: rgba(35, 35, 35, .8);
  }

  .md\:hover\:tw-bg-primary-o7:hover {
    background-color: rgba(35, 35, 35, .7);
  }

  .md\:hover\:tw-bg-primary-o6:hover {
    background-color: rgba(35, 35, 35, .6);
  }

  .md\:hover\:tw-bg-primary-o5:hover {
    background-color: rgba(35, 35, 35, .5);
  }

  .md\:hover\:tw-bg-primary-o4:hover {
    background-color: rgba(35, 35, 35, .4);
  }

  .md\:hover\:tw-bg-primary-o3:hover {
    background-color: rgba(35, 35, 35, .3);
  }

  .md\:hover\:tw-bg-primary-o2:hover {
    background-color: rgba(35, 35, 35, .2);
  }

  .md\:hover\:tw-bg-primary-o1:hover {
    background-color: rgba(35, 35, 35, .1);
  }

  .md\:hover\:tw-bg-primary-g1:hover {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .md\:hover\:tw-bg-primary-d1-o9:hover {
    background-color: rgba(25, 25, 25, .9);
  }

  .md\:hover\:tw-bg-primary-l5-o3:hover {
    background-color: rgba(75, 75, 75, .3);
  }

  .md\:hover\:tw-bg-primary-dark-gray:hover {
    background-color: rgb(165, 165, 165);
  }

  .md\:focus\:tw-bg-transparent:focus {
    background-color: transparent;
  }

  .md\:focus\:tw-bg-black:focus {
    background-color: #22292f;
  }

  .md\:focus\:tw-bg-black-darker:focus {
    background-color: #2f2f2f;
  }

  .md\:focus\:tw-bg-grey-darkest:focus {
    background-color: #3d4852;
  }

  .md\:focus\:tw-bg-grey-darker-1:focus {
    background-color: #666;
  }

  .md\:focus\:tw-bg-grey-darker:focus {
    background-color: #8e8e8e;
  }

  .md\:focus\:tw-bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .md\:focus\:tw-bg-grey:focus {
    background-color: #b8c2cc;
  }

  .md\:focus\:tw-bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .md\:focus\:tw-bg-grey-lighter:focus {
    background-color: #f1f5f8;
  }

  .md\:focus\:tw-bg-grey-lightest:focus {
    background-color: #f8fafc;
  }

  .md\:focus\:tw-bg-white:focus {
    background-color: #fff;
  }

  .md\:focus\:tw-bg-red-darkest:focus {
    background-color: #3b0d0c;
  }

  .md\:focus\:tw-bg-red-darker:focus {
    background-color: #621b18;
  }

  .md\:focus\:tw-bg-red-dark:focus {
    background-color: #cc1f1a;
  }

  .md\:focus\:tw-bg-red:focus {
    background-color: #e3342f;
  }

  .md\:focus\:tw-bg-red-light:focus {
    background-color: #ef5753;
  }

  .md\:focus\:tw-bg-red-lighter:focus {
    background-color: #f9acaa;
  }

  .md\:focus\:tw-bg-red-lightest:focus {
    background-color: #fcebea;
  }

  .md\:focus\:tw-bg-orange-darkest:focus {
    background-color: #462a16;
  }

  .md\:focus\:tw-bg-orange-darker:focus {
    background-color: #613b1f;
  }

  .md\:focus\:tw-bg-orange-dark:focus {
    background-color: #de751f;
  }

  .md\:focus\:tw-bg-orange:focus {
    background-color: #f6993f;
  }

  .md\:focus\:tw-bg-orange-light:focus {
    background-color: #faad63;
  }

  .md\:focus\:tw-bg-orange-lighter:focus {
    background-color: #fcd9b6;
  }

  .md\:focus\:tw-bg-orange-lightest:focus {
    background-color: #fff5eb;
  }

  .md\:focus\:tw-bg-yellow-darkest:focus {
    background-color: #453411;
  }

  .md\:focus\:tw-bg-yellow-darker:focus {
    background-color: #684f1d;
  }

  .md\:focus\:tw-bg-yellow-dark:focus {
    background-color: #f2d024;
  }

  .md\:focus\:tw-bg-yellow:focus {
    background-color: #ffec92;
  }

  .md\:focus\:tw-bg-yellow-light:focus {
    background-color: #fff382;
  }

  .md\:focus\:tw-bg-yellow-lighter:focus {
    background-color: #fff9c2;
  }

  .md\:focus\:tw-bg-yellow-lightest:focus {
    background-color: #fcfbeb;
  }

  .md\:focus\:tw-bg-green-darkest:focus {
    background-color: #0f2f21;
  }

  .md\:focus\:tw-bg-green-darker:focus {
    background-color: #1a4731;
  }

  .md\:focus\:tw-bg-green-dark:focus {
    background-color: #1f9d55;
  }

  .md\:focus\:tw-bg-green:focus {
    background-color: #38c172;
  }

  .md\:focus\:tw-bg-green-light:focus {
    background-color: #51d88a;
  }

  .md\:focus\:tw-bg-green-lighter:focus {
    background-color: #a2f5bf;
  }

  .md\:focus\:tw-bg-green-lightest:focus {
    background-color: #e3fcec;
  }

  .md\:focus\:tw-bg-teal-darkest:focus {
    background-color: #0d3331;
  }

  .md\:focus\:tw-bg-teal-darker:focus {
    background-color: #20504f;
  }

  .md\:focus\:tw-bg-teal-dark:focus {
    background-color: #38a89d;
  }

  .md\:focus\:tw-bg-teal:focus {
    background-color: #4dc0b5;
  }

  .md\:focus\:tw-bg-teal-light:focus {
    background-color: #64d5ca;
  }

  .md\:focus\:tw-bg-teal-lighter:focus {
    background-color: #a0f0ed;
  }

  .md\:focus\:tw-bg-teal-lightest:focus {
    background-color: #e8fffe;
  }

  .md\:focus\:tw-bg-blue-darkest:focus {
    background-color: #12283a;
  }

  .md\:focus\:tw-bg-blue-darker:focus {
    background-color: #1c3d5a;
  }

  .md\:focus\:tw-bg-blue-dark:focus {
    background-color: #2779bd;
  }

  .md\:focus\:tw-bg-blue:focus {
    background-color: #3490dc;
  }

  .md\:focus\:tw-bg-blue-light:focus {
    background-color: #6cb2eb;
  }

  .md\:focus\:tw-bg-blue-lighter:focus {
    background-color: #bcdefa;
  }

  .md\:focus\:tw-bg-blue-lightest:focus {
    background-color: #eff8ff;
  }

  .md\:focus\:tw-bg-indigo-darkest:focus {
    background-color: #191e38;
  }

  .md\:focus\:tw-bg-indigo-darker:focus {
    background-color: #2f365f;
  }

  .md\:focus\:tw-bg-indigo-dark:focus {
    background-color: #5661b3;
  }

  .md\:focus\:tw-bg-indigo:focus {
    background-color: #6574cd;
  }

  .md\:focus\:tw-bg-indigo-light:focus {
    background-color: #7886d7;
  }

  .md\:focus\:tw-bg-indigo-lighter:focus {
    background-color: #b2b7ff;
  }

  .md\:focus\:tw-bg-indigo-lightest:focus {
    background-color: #e6e8ff;
  }

  .md\:focus\:tw-bg-purple-darkest:focus {
    background-color: #21183c;
  }

  .md\:focus\:tw-bg-purple-darker:focus {
    background-color: #382b5f;
  }

  .md\:focus\:tw-bg-purple-dark:focus {
    background-color: #794acf;
  }

  .md\:focus\:tw-bg-purple:focus {
    background-color: #9561e2;
  }

  .md\:focus\:tw-bg-purple-light:focus {
    background-color: #a779e9;
  }

  .md\:focus\:tw-bg-purple-lighter:focus {
    background-color: #d6bbfc;
  }

  .md\:focus\:tw-bg-purple-lightest:focus {
    background-color: #f3ebff;
  }

  .md\:focus\:tw-bg-pink-darkest:focus {
    background-color: #451225;
  }

  .md\:focus\:tw-bg-pink-darker:focus {
    background-color: #6f213f;
  }

  .md\:focus\:tw-bg-pink-dark:focus {
    background-color: #eb5286;
  }

  .md\:focus\:tw-bg-pink:focus {
    background-color: #f66d9b;
  }

  .md\:focus\:tw-bg-pink-light:focus {
    background-color: #fa7ea8;
  }

  .md\:focus\:tw-bg-pink-lighter:focus {
    background-color: #ffbbca;
  }

  .md\:focus\:tw-bg-pink-lightest:focus {
    background-color: #ffebef;
  }

  .md\:focus\:tw-bg-primary-l7:focus {
    background-color: rgb(95, 95, 95);
  }

  .md\:focus\:tw-bg-primary-l6:focus {
    background-color: rgb(85, 85, 85);
  }

  .md\:focus\:tw-bg-primary-l5:focus {
    background-color: rgb(75, 75, 75);
  }

  .md\:focus\:tw-bg-primary-l4:focus {
    background-color: rgb(65, 65, 65);
  }

  .md\:focus\:tw-bg-primary-l3:focus {
    background-color: rgb(55, 55, 55);
  }

  .md\:focus\:tw-bg-primary-l2:focus {
    background-color: rgb(45, 45, 45);
  }

  .md\:focus\:tw-bg-primary-l1:focus {
    background-color: rgb(40, 40, 40);
  }

  .md\:focus\:tw-bg-primary:focus {
    background-color: rgb(35, 35, 35);
  }

  .md\:focus\:tw-bg-primary-d1:focus {
    background-color: rgb(25, 25, 25);
  }

  .md\:focus\:tw-bg-primary-d2:focus {
    background-color: rgb(20, 20, 20);
  }

  .md\:focus\:tw-bg-primary-d3:focus {
    background-color: rgb(15, 15, 15);
  }

  .md\:focus\:tw-bg-primary-d4:focus {
    background-color: rgb(5, 5, 5);
  }

  .md\:focus\:tw-bg-primary-o9:focus {
    background-color: rgba(35, 35, 35, .9);
  }

  .md\:focus\:tw-bg-primary-o8:focus {
    background-color: rgba(35, 35, 35, .8);
  }

  .md\:focus\:tw-bg-primary-o7:focus {
    background-color: rgba(35, 35, 35, .7);
  }

  .md\:focus\:tw-bg-primary-o6:focus {
    background-color: rgba(35, 35, 35, .6);
  }

  .md\:focus\:tw-bg-primary-o5:focus {
    background-color: rgba(35, 35, 35, .5);
  }

  .md\:focus\:tw-bg-primary-o4:focus {
    background-color: rgba(35, 35, 35, .4);
  }

  .md\:focus\:tw-bg-primary-o3:focus {
    background-color: rgba(35, 35, 35, .3);
  }

  .md\:focus\:tw-bg-primary-o2:focus {
    background-color: rgba(35, 35, 35, .2);
  }

  .md\:focus\:tw-bg-primary-o1:focus {
    background-color: rgba(35, 35, 35, .1);
  }

  .md\:focus\:tw-bg-primary-g1:focus {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .md\:focus\:tw-bg-primary-d1-o9:focus {
    background-color: rgba(25, 25, 25, .9);
  }

  .md\:focus\:tw-bg-primary-l5-o3:focus {
    background-color: rgba(75, 75, 75, .3);
  }

  .md\:focus\:tw-bg-primary-dark-gray:focus {
    background-color: rgb(165, 165, 165);
  }

  .md\:tw-bg-bottom {
    background-position: bottom;
  }

  .md\:tw-bg-center {
    background-position: center;
  }

  .md\:tw-bg-left {
    background-position: left;
  }

  .md\:tw-bg-left-bottom {
    background-position: left bottom;
  }

  .md\:tw-bg-left-top {
    background-position: left top;
  }

  .md\:tw-bg-right {
    background-position: right;
  }

  .md\:tw-bg-right-bottom {
    background-position: right bottom;
  }

  .md\:tw-bg-right-top {
    background-position: right top;
  }

  .md\:tw-bg-top {
    background-position: top;
  }

  .md\:tw-bg-repeat {
    background-repeat: repeat;
  }

  .md\:tw-bg-no-repeat {
    background-repeat: no-repeat;
  }

  .md\:tw-bg-repeat-x {
    background-repeat: repeat-x;
  }

  .md\:tw-bg-repeat-y {
    background-repeat: repeat-y;
  }

  .md\:tw-bg-auto {
    background-size: auto;
  }

  .md\:tw-bg-cover {
    background-size: cover;
  }

  .md\:tw-bg-contain {
    background-size: contain;
  }

  .md\:tw-border-transparent {
    border-color: transparent;
  }

  .md\:tw-border-black {
    border-color: #22292f;
  }

  .md\:tw-border-black-darker {
    border-color: #2f2f2f;
  }

  .md\:tw-border-grey-darkest {
    border-color: #3d4852;
  }

  .md\:tw-border-grey-darker-1 {
    border-color: #666;
  }

  .md\:tw-border-grey-darker {
    border-color: #8e8e8e;
  }

  .md\:tw-border-grey-dark {
    border-color: #8795a1;
  }

  .md\:tw-border-grey {
    border-color: #b8c2cc;
  }

  .md\:tw-border-grey-light {
    border-color: #dae1e7;
  }

  .md\:tw-border-grey-lighter {
    border-color: #f1f5f8;
  }

  .md\:tw-border-grey-lightest {
    border-color: #f8fafc;
  }

  .md\:tw-border-white {
    border-color: #fff;
  }

  .md\:tw-border-red-darkest {
    border-color: #3b0d0c;
  }

  .md\:tw-border-red-darker {
    border-color: #621b18;
  }

  .md\:tw-border-red-dark {
    border-color: #cc1f1a;
  }

  .md\:tw-border-red {
    border-color: #e3342f;
  }

  .md\:tw-border-red-light {
    border-color: #ef5753;
  }

  .md\:tw-border-red-lighter {
    border-color: #f9acaa;
  }

  .md\:tw-border-red-lightest {
    border-color: #fcebea;
  }

  .md\:tw-border-orange-darkest {
    border-color: #462a16;
  }

  .md\:tw-border-orange-darker {
    border-color: #613b1f;
  }

  .md\:tw-border-orange-dark {
    border-color: #de751f;
  }

  .md\:tw-border-orange {
    border-color: #f6993f;
  }

  .md\:tw-border-orange-light {
    border-color: #faad63;
  }

  .md\:tw-border-orange-lighter {
    border-color: #fcd9b6;
  }

  .md\:tw-border-orange-lightest {
    border-color: #fff5eb;
  }

  .md\:tw-border-yellow-darkest {
    border-color: #453411;
  }

  .md\:tw-border-yellow-darker {
    border-color: #684f1d;
  }

  .md\:tw-border-yellow-dark {
    border-color: #f2d024;
  }

  .md\:tw-border-yellow {
    border-color: #ffec92;
  }

  .md\:tw-border-yellow-light {
    border-color: #fff382;
  }

  .md\:tw-border-yellow-lighter {
    border-color: #fff9c2;
  }

  .md\:tw-border-yellow-lightest {
    border-color: #fcfbeb;
  }

  .md\:tw-border-green-darkest {
    border-color: #0f2f21;
  }

  .md\:tw-border-green-darker {
    border-color: #1a4731;
  }

  .md\:tw-border-green-dark {
    border-color: #1f9d55;
  }

  .md\:tw-border-green {
    border-color: #38c172;
  }

  .md\:tw-border-green-light {
    border-color: #51d88a;
  }

  .md\:tw-border-green-lighter {
    border-color: #a2f5bf;
  }

  .md\:tw-border-green-lightest {
    border-color: #e3fcec;
  }

  .md\:tw-border-teal-darkest {
    border-color: #0d3331;
  }

  .md\:tw-border-teal-darker {
    border-color: #20504f;
  }

  .md\:tw-border-teal-dark {
    border-color: #38a89d;
  }

  .md\:tw-border-teal {
    border-color: #4dc0b5;
  }

  .md\:tw-border-teal-light {
    border-color: #64d5ca;
  }

  .md\:tw-border-teal-lighter {
    border-color: #a0f0ed;
  }

  .md\:tw-border-teal-lightest {
    border-color: #e8fffe;
  }

  .md\:tw-border-blue-darkest {
    border-color: #12283a;
  }

  .md\:tw-border-blue-darker {
    border-color: #1c3d5a;
  }

  .md\:tw-border-blue-dark {
    border-color: #2779bd;
  }

  .md\:tw-border-blue {
    border-color: #3490dc;
  }

  .md\:tw-border-blue-light {
    border-color: #6cb2eb;
  }

  .md\:tw-border-blue-lighter {
    border-color: #bcdefa;
  }

  .md\:tw-border-blue-lightest {
    border-color: #eff8ff;
  }

  .md\:tw-border-indigo-darkest {
    border-color: #191e38;
  }

  .md\:tw-border-indigo-darker {
    border-color: #2f365f;
  }

  .md\:tw-border-indigo-dark {
    border-color: #5661b3;
  }

  .md\:tw-border-indigo {
    border-color: #6574cd;
  }

  .md\:tw-border-indigo-light {
    border-color: #7886d7;
  }

  .md\:tw-border-indigo-lighter {
    border-color: #b2b7ff;
  }

  .md\:tw-border-indigo-lightest {
    border-color: #e6e8ff;
  }

  .md\:tw-border-purple-darkest {
    border-color: #21183c;
  }

  .md\:tw-border-purple-darker {
    border-color: #382b5f;
  }

  .md\:tw-border-purple-dark {
    border-color: #794acf;
  }

  .md\:tw-border-purple {
    border-color: #9561e2;
  }

  .md\:tw-border-purple-light {
    border-color: #a779e9;
  }

  .md\:tw-border-purple-lighter {
    border-color: #d6bbfc;
  }

  .md\:tw-border-purple-lightest {
    border-color: #f3ebff;
  }

  .md\:tw-border-pink-darkest {
    border-color: #451225;
  }

  .md\:tw-border-pink-darker {
    border-color: #6f213f;
  }

  .md\:tw-border-pink-dark {
    border-color: #eb5286;
  }

  .md\:tw-border-pink {
    border-color: #f66d9b;
  }

  .md\:tw-border-pink-light {
    border-color: #fa7ea8;
  }

  .md\:tw-border-pink-lighter {
    border-color: #ffbbca;
  }

  .md\:tw-border-pink-lightest {
    border-color: #ffebef;
  }

  .md\:tw-border-primary-l7 {
    border-color: rgb(95, 95, 95);
  }

  .md\:tw-border-primary-l6 {
    border-color: rgb(85, 85, 85);
  }

  .md\:tw-border-primary-l5 {
    border-color: rgb(75, 75, 75);
  }

  .md\:tw-border-primary-l4 {
    border-color: rgb(65, 65, 65);
  }

  .md\:tw-border-primary-l3 {
    border-color: rgb(55, 55, 55);
  }

  .md\:tw-border-primary-l2 {
    border-color: rgb(45, 45, 45);
  }

  .md\:tw-border-primary-l1 {
    border-color: rgb(40, 40, 40);
  }

  .md\:tw-border-primary {
    border-color: rgb(35, 35, 35);
  }

  .md\:tw-border-primary-d1 {
    border-color: rgb(25, 25, 25);
  }

  .md\:tw-border-primary-d2 {
    border-color: rgb(20, 20, 20);
  }

  .md\:tw-border-primary-d3 {
    border-color: rgb(15, 15, 15);
  }

  .md\:tw-border-primary-d4 {
    border-color: rgb(5, 5, 5);
  }

  .md\:tw-border-primary-o9 {
    border-color: rgba(35, 35, 35, .9);
  }

  .md\:tw-border-primary-o8 {
    border-color: rgba(35, 35, 35, .8);
  }

  .md\:tw-border-primary-o7 {
    border-color: rgba(35, 35, 35, .7);
  }

  .md\:tw-border-primary-o6 {
    border-color: rgba(35, 35, 35, .6);
  }

  .md\:tw-border-primary-o5 {
    border-color: rgba(35, 35, 35, .5);
  }

  .md\:tw-border-primary-o4 {
    border-color: rgba(35, 35, 35, .4);
  }

  .md\:tw-border-primary-o3 {
    border-color: rgba(35, 35, 35, .3);
  }

  .md\:tw-border-primary-o2 {
    border-color: rgba(35, 35, 35, .2);
  }

  .md\:tw-border-primary-o1 {
    border-color: rgba(35, 35, 35, .1);
  }

  .md\:tw-border-primary-g1 {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .md\:tw-border-primary-d1-o9 {
    border-color: rgba(25, 25, 25, .9);
  }

  .md\:tw-border-primary-l5-o3 {
    border-color: rgba(75, 75, 75, .3);
  }

  .md\:tw-border-primary-dark-gray {
    border-color: rgb(165, 165, 165);
  }

  .md\:hover\:tw-border-transparent:hover {
    border-color: transparent;
  }

  .md\:hover\:tw-border-black:hover {
    border-color: #22292f;
  }

  .md\:hover\:tw-border-black-darker:hover {
    border-color: #2f2f2f;
  }

  .md\:hover\:tw-border-grey-darkest:hover {
    border-color: #3d4852;
  }

  .md\:hover\:tw-border-grey-darker-1:hover {
    border-color: #666;
  }

  .md\:hover\:tw-border-grey-darker:hover {
    border-color: #8e8e8e;
  }

  .md\:hover\:tw-border-grey-dark:hover {
    border-color: #8795a1;
  }

  .md\:hover\:tw-border-grey:hover {
    border-color: #b8c2cc;
  }

  .md\:hover\:tw-border-grey-light:hover {
    border-color: #dae1e7;
  }

  .md\:hover\:tw-border-grey-lighter:hover {
    border-color: #f1f5f8;
  }

  .md\:hover\:tw-border-grey-lightest:hover {
    border-color: #f8fafc;
  }

  .md\:hover\:tw-border-white:hover {
    border-color: #fff;
  }

  .md\:hover\:tw-border-red-darkest:hover {
    border-color: #3b0d0c;
  }

  .md\:hover\:tw-border-red-darker:hover {
    border-color: #621b18;
  }

  .md\:hover\:tw-border-red-dark:hover {
    border-color: #cc1f1a;
  }

  .md\:hover\:tw-border-red:hover {
    border-color: #e3342f;
  }

  .md\:hover\:tw-border-red-light:hover {
    border-color: #ef5753;
  }

  .md\:hover\:tw-border-red-lighter:hover {
    border-color: #f9acaa;
  }

  .md\:hover\:tw-border-red-lightest:hover {
    border-color: #fcebea;
  }

  .md\:hover\:tw-border-orange-darkest:hover {
    border-color: #462a16;
  }

  .md\:hover\:tw-border-orange-darker:hover {
    border-color: #613b1f;
  }

  .md\:hover\:tw-border-orange-dark:hover {
    border-color: #de751f;
  }

  .md\:hover\:tw-border-orange:hover {
    border-color: #f6993f;
  }

  .md\:hover\:tw-border-orange-light:hover {
    border-color: #faad63;
  }

  .md\:hover\:tw-border-orange-lighter:hover {
    border-color: #fcd9b6;
  }

  .md\:hover\:tw-border-orange-lightest:hover {
    border-color: #fff5eb;
  }

  .md\:hover\:tw-border-yellow-darkest:hover {
    border-color: #453411;
  }

  .md\:hover\:tw-border-yellow-darker:hover {
    border-color: #684f1d;
  }

  .md\:hover\:tw-border-yellow-dark:hover {
    border-color: #f2d024;
  }

  .md\:hover\:tw-border-yellow:hover {
    border-color: #ffec92;
  }

  .md\:hover\:tw-border-yellow-light:hover {
    border-color: #fff382;
  }

  .md\:hover\:tw-border-yellow-lighter:hover {
    border-color: #fff9c2;
  }

  .md\:hover\:tw-border-yellow-lightest:hover {
    border-color: #fcfbeb;
  }

  .md\:hover\:tw-border-green-darkest:hover {
    border-color: #0f2f21;
  }

  .md\:hover\:tw-border-green-darker:hover {
    border-color: #1a4731;
  }

  .md\:hover\:tw-border-green-dark:hover {
    border-color: #1f9d55;
  }

  .md\:hover\:tw-border-green:hover {
    border-color: #38c172;
  }

  .md\:hover\:tw-border-green-light:hover {
    border-color: #51d88a;
  }

  .md\:hover\:tw-border-green-lighter:hover {
    border-color: #a2f5bf;
  }

  .md\:hover\:tw-border-green-lightest:hover {
    border-color: #e3fcec;
  }

  .md\:hover\:tw-border-teal-darkest:hover {
    border-color: #0d3331;
  }

  .md\:hover\:tw-border-teal-darker:hover {
    border-color: #20504f;
  }

  .md\:hover\:tw-border-teal-dark:hover {
    border-color: #38a89d;
  }

  .md\:hover\:tw-border-teal:hover {
    border-color: #4dc0b5;
  }

  .md\:hover\:tw-border-teal-light:hover {
    border-color: #64d5ca;
  }

  .md\:hover\:tw-border-teal-lighter:hover {
    border-color: #a0f0ed;
  }

  .md\:hover\:tw-border-teal-lightest:hover {
    border-color: #e8fffe;
  }

  .md\:hover\:tw-border-blue-darkest:hover {
    border-color: #12283a;
  }

  .md\:hover\:tw-border-blue-darker:hover {
    border-color: #1c3d5a;
  }

  .md\:hover\:tw-border-blue-dark:hover {
    border-color: #2779bd;
  }

  .md\:hover\:tw-border-blue:hover {
    border-color: #3490dc;
  }

  .md\:hover\:tw-border-blue-light:hover {
    border-color: #6cb2eb;
  }

  .md\:hover\:tw-border-blue-lighter:hover {
    border-color: #bcdefa;
  }

  .md\:hover\:tw-border-blue-lightest:hover {
    border-color: #eff8ff;
  }

  .md\:hover\:tw-border-indigo-darkest:hover {
    border-color: #191e38;
  }

  .md\:hover\:tw-border-indigo-darker:hover {
    border-color: #2f365f;
  }

  .md\:hover\:tw-border-indigo-dark:hover {
    border-color: #5661b3;
  }

  .md\:hover\:tw-border-indigo:hover {
    border-color: #6574cd;
  }

  .md\:hover\:tw-border-indigo-light:hover {
    border-color: #7886d7;
  }

  .md\:hover\:tw-border-indigo-lighter:hover {
    border-color: #b2b7ff;
  }

  .md\:hover\:tw-border-indigo-lightest:hover {
    border-color: #e6e8ff;
  }

  .md\:hover\:tw-border-purple-darkest:hover {
    border-color: #21183c;
  }

  .md\:hover\:tw-border-purple-darker:hover {
    border-color: #382b5f;
  }

  .md\:hover\:tw-border-purple-dark:hover {
    border-color: #794acf;
  }

  .md\:hover\:tw-border-purple:hover {
    border-color: #9561e2;
  }

  .md\:hover\:tw-border-purple-light:hover {
    border-color: #a779e9;
  }

  .md\:hover\:tw-border-purple-lighter:hover {
    border-color: #d6bbfc;
  }

  .md\:hover\:tw-border-purple-lightest:hover {
    border-color: #f3ebff;
  }

  .md\:hover\:tw-border-pink-darkest:hover {
    border-color: #451225;
  }

  .md\:hover\:tw-border-pink-darker:hover {
    border-color: #6f213f;
  }

  .md\:hover\:tw-border-pink-dark:hover {
    border-color: #eb5286;
  }

  .md\:hover\:tw-border-pink:hover {
    border-color: #f66d9b;
  }

  .md\:hover\:tw-border-pink-light:hover {
    border-color: #fa7ea8;
  }

  .md\:hover\:tw-border-pink-lighter:hover {
    border-color: #ffbbca;
  }

  .md\:hover\:tw-border-pink-lightest:hover {
    border-color: #ffebef;
  }

  .md\:hover\:tw-border-primary-l7:hover {
    border-color: rgb(95, 95, 95);
  }

  .md\:hover\:tw-border-primary-l6:hover {
    border-color: rgb(85, 85, 85);
  }

  .md\:hover\:tw-border-primary-l5:hover {
    border-color: rgb(75, 75, 75);
  }

  .md\:hover\:tw-border-primary-l4:hover {
    border-color: rgb(65, 65, 65);
  }

  .md\:hover\:tw-border-primary-l3:hover {
    border-color: rgb(55, 55, 55);
  }

  .md\:hover\:tw-border-primary-l2:hover {
    border-color: rgb(45, 45, 45);
  }

  .md\:hover\:tw-border-primary-l1:hover {
    border-color: rgb(40, 40, 40);
  }

  .md\:hover\:tw-border-primary:hover {
    border-color: rgb(35, 35, 35);
  }

  .md\:hover\:tw-border-primary-d1:hover {
    border-color: rgb(25, 25, 25);
  }

  .md\:hover\:tw-border-primary-d2:hover {
    border-color: rgb(20, 20, 20);
  }

  .md\:hover\:tw-border-primary-d3:hover {
    border-color: rgb(15, 15, 15);
  }

  .md\:hover\:tw-border-primary-d4:hover {
    border-color: rgb(5, 5, 5);
  }

  .md\:hover\:tw-border-primary-o9:hover {
    border-color: rgba(35, 35, 35, .9);
  }

  .md\:hover\:tw-border-primary-o8:hover {
    border-color: rgba(35, 35, 35, .8);
  }

  .md\:hover\:tw-border-primary-o7:hover {
    border-color: rgba(35, 35, 35, .7);
  }

  .md\:hover\:tw-border-primary-o6:hover {
    border-color: rgba(35, 35, 35, .6);
  }

  .md\:hover\:tw-border-primary-o5:hover {
    border-color: rgba(35, 35, 35, .5);
  }

  .md\:hover\:tw-border-primary-o4:hover {
    border-color: rgba(35, 35, 35, .4);
  }

  .md\:hover\:tw-border-primary-o3:hover {
    border-color: rgba(35, 35, 35, .3);
  }

  .md\:hover\:tw-border-primary-o2:hover {
    border-color: rgba(35, 35, 35, .2);
  }

  .md\:hover\:tw-border-primary-o1:hover {
    border-color: rgba(35, 35, 35, .1);
  }

  .md\:hover\:tw-border-primary-g1:hover {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .md\:hover\:tw-border-primary-d1-o9:hover {
    border-color: rgba(25, 25, 25, .9);
  }

  .md\:hover\:tw-border-primary-l5-o3:hover {
    border-color: rgba(75, 75, 75, .3);
  }

  .md\:hover\:tw-border-primary-dark-gray:hover {
    border-color: rgb(165, 165, 165);
  }

  .md\:focus\:tw-border-transparent:focus {
    border-color: transparent;
  }

  .md\:focus\:tw-border-black:focus {
    border-color: #22292f;
  }

  .md\:focus\:tw-border-black-darker:focus {
    border-color: #2f2f2f;
  }

  .md\:focus\:tw-border-grey-darkest:focus {
    border-color: #3d4852;
  }

  .md\:focus\:tw-border-grey-darker-1:focus {
    border-color: #666;
  }

  .md\:focus\:tw-border-grey-darker:focus {
    border-color: #8e8e8e;
  }

  .md\:focus\:tw-border-grey-dark:focus {
    border-color: #8795a1;
  }

  .md\:focus\:tw-border-grey:focus {
    border-color: #b8c2cc;
  }

  .md\:focus\:tw-border-grey-light:focus {
    border-color: #dae1e7;
  }

  .md\:focus\:tw-border-grey-lighter:focus {
    border-color: #f1f5f8;
  }

  .md\:focus\:tw-border-grey-lightest:focus {
    border-color: #f8fafc;
  }

  .md\:focus\:tw-border-white:focus {
    border-color: #fff;
  }

  .md\:focus\:tw-border-red-darkest:focus {
    border-color: #3b0d0c;
  }

  .md\:focus\:tw-border-red-darker:focus {
    border-color: #621b18;
  }

  .md\:focus\:tw-border-red-dark:focus {
    border-color: #cc1f1a;
  }

  .md\:focus\:tw-border-red:focus {
    border-color: #e3342f;
  }

  .md\:focus\:tw-border-red-light:focus {
    border-color: #ef5753;
  }

  .md\:focus\:tw-border-red-lighter:focus {
    border-color: #f9acaa;
  }

  .md\:focus\:tw-border-red-lightest:focus {
    border-color: #fcebea;
  }

  .md\:focus\:tw-border-orange-darkest:focus {
    border-color: #462a16;
  }

  .md\:focus\:tw-border-orange-darker:focus {
    border-color: #613b1f;
  }

  .md\:focus\:tw-border-orange-dark:focus {
    border-color: #de751f;
  }

  .md\:focus\:tw-border-orange:focus {
    border-color: #f6993f;
  }

  .md\:focus\:tw-border-orange-light:focus {
    border-color: #faad63;
  }

  .md\:focus\:tw-border-orange-lighter:focus {
    border-color: #fcd9b6;
  }

  .md\:focus\:tw-border-orange-lightest:focus {
    border-color: #fff5eb;
  }

  .md\:focus\:tw-border-yellow-darkest:focus {
    border-color: #453411;
  }

  .md\:focus\:tw-border-yellow-darker:focus {
    border-color: #684f1d;
  }

  .md\:focus\:tw-border-yellow-dark:focus {
    border-color: #f2d024;
  }

  .md\:focus\:tw-border-yellow:focus {
    border-color: #ffec92;
  }

  .md\:focus\:tw-border-yellow-light:focus {
    border-color: #fff382;
  }

  .md\:focus\:tw-border-yellow-lighter:focus {
    border-color: #fff9c2;
  }

  .md\:focus\:tw-border-yellow-lightest:focus {
    border-color: #fcfbeb;
  }

  .md\:focus\:tw-border-green-darkest:focus {
    border-color: #0f2f21;
  }

  .md\:focus\:tw-border-green-darker:focus {
    border-color: #1a4731;
  }

  .md\:focus\:tw-border-green-dark:focus {
    border-color: #1f9d55;
  }

  .md\:focus\:tw-border-green:focus {
    border-color: #38c172;
  }

  .md\:focus\:tw-border-green-light:focus {
    border-color: #51d88a;
  }

  .md\:focus\:tw-border-green-lighter:focus {
    border-color: #a2f5bf;
  }

  .md\:focus\:tw-border-green-lightest:focus {
    border-color: #e3fcec;
  }

  .md\:focus\:tw-border-teal-darkest:focus {
    border-color: #0d3331;
  }

  .md\:focus\:tw-border-teal-darker:focus {
    border-color: #20504f;
  }

  .md\:focus\:tw-border-teal-dark:focus {
    border-color: #38a89d;
  }

  .md\:focus\:tw-border-teal:focus {
    border-color: #4dc0b5;
  }

  .md\:focus\:tw-border-teal-light:focus {
    border-color: #64d5ca;
  }

  .md\:focus\:tw-border-teal-lighter:focus {
    border-color: #a0f0ed;
  }

  .md\:focus\:tw-border-teal-lightest:focus {
    border-color: #e8fffe;
  }

  .md\:focus\:tw-border-blue-darkest:focus {
    border-color: #12283a;
  }

  .md\:focus\:tw-border-blue-darker:focus {
    border-color: #1c3d5a;
  }

  .md\:focus\:tw-border-blue-dark:focus {
    border-color: #2779bd;
  }

  .md\:focus\:tw-border-blue:focus {
    border-color: #3490dc;
  }

  .md\:focus\:tw-border-blue-light:focus {
    border-color: #6cb2eb;
  }

  .md\:focus\:tw-border-blue-lighter:focus {
    border-color: #bcdefa;
  }

  .md\:focus\:tw-border-blue-lightest:focus {
    border-color: #eff8ff;
  }

  .md\:focus\:tw-border-indigo-darkest:focus {
    border-color: #191e38;
  }

  .md\:focus\:tw-border-indigo-darker:focus {
    border-color: #2f365f;
  }

  .md\:focus\:tw-border-indigo-dark:focus {
    border-color: #5661b3;
  }

  .md\:focus\:tw-border-indigo:focus {
    border-color: #6574cd;
  }

  .md\:focus\:tw-border-indigo-light:focus {
    border-color: #7886d7;
  }

  .md\:focus\:tw-border-indigo-lighter:focus {
    border-color: #b2b7ff;
  }

  .md\:focus\:tw-border-indigo-lightest:focus {
    border-color: #e6e8ff;
  }

  .md\:focus\:tw-border-purple-darkest:focus {
    border-color: #21183c;
  }

  .md\:focus\:tw-border-purple-darker:focus {
    border-color: #382b5f;
  }

  .md\:focus\:tw-border-purple-dark:focus {
    border-color: #794acf;
  }

  .md\:focus\:tw-border-purple:focus {
    border-color: #9561e2;
  }

  .md\:focus\:tw-border-purple-light:focus {
    border-color: #a779e9;
  }

  .md\:focus\:tw-border-purple-lighter:focus {
    border-color: #d6bbfc;
  }

  .md\:focus\:tw-border-purple-lightest:focus {
    border-color: #f3ebff;
  }

  .md\:focus\:tw-border-pink-darkest:focus {
    border-color: #451225;
  }

  .md\:focus\:tw-border-pink-darker:focus {
    border-color: #6f213f;
  }

  .md\:focus\:tw-border-pink-dark:focus {
    border-color: #eb5286;
  }

  .md\:focus\:tw-border-pink:focus {
    border-color: #f66d9b;
  }

  .md\:focus\:tw-border-pink-light:focus {
    border-color: #fa7ea8;
  }

  .md\:focus\:tw-border-pink-lighter:focus {
    border-color: #ffbbca;
  }

  .md\:focus\:tw-border-pink-lightest:focus {
    border-color: #ffebef;
  }

  .md\:focus\:tw-border-primary-l7:focus {
    border-color: rgb(95, 95, 95);
  }

  .md\:focus\:tw-border-primary-l6:focus {
    border-color: rgb(85, 85, 85);
  }

  .md\:focus\:tw-border-primary-l5:focus {
    border-color: rgb(75, 75, 75);
  }

  .md\:focus\:tw-border-primary-l4:focus {
    border-color: rgb(65, 65, 65);
  }

  .md\:focus\:tw-border-primary-l3:focus {
    border-color: rgb(55, 55, 55);
  }

  .md\:focus\:tw-border-primary-l2:focus {
    border-color: rgb(45, 45, 45);
  }

  .md\:focus\:tw-border-primary-l1:focus {
    border-color: rgb(40, 40, 40);
  }

  .md\:focus\:tw-border-primary:focus {
    border-color: rgb(35, 35, 35);
  }

  .md\:focus\:tw-border-primary-d1:focus {
    border-color: rgb(25, 25, 25);
  }

  .md\:focus\:tw-border-primary-d2:focus {
    border-color: rgb(20, 20, 20);
  }

  .md\:focus\:tw-border-primary-d3:focus {
    border-color: rgb(15, 15, 15);
  }

  .md\:focus\:tw-border-primary-d4:focus {
    border-color: rgb(5, 5, 5);
  }

  .md\:focus\:tw-border-primary-o9:focus {
    border-color: rgba(35, 35, 35, .9);
  }

  .md\:focus\:tw-border-primary-o8:focus {
    border-color: rgba(35, 35, 35, .8);
  }

  .md\:focus\:tw-border-primary-o7:focus {
    border-color: rgba(35, 35, 35, .7);
  }

  .md\:focus\:tw-border-primary-o6:focus {
    border-color: rgba(35, 35, 35, .6);
  }

  .md\:focus\:tw-border-primary-o5:focus {
    border-color: rgba(35, 35, 35, .5);
  }

  .md\:focus\:tw-border-primary-o4:focus {
    border-color: rgba(35, 35, 35, .4);
  }

  .md\:focus\:tw-border-primary-o3:focus {
    border-color: rgba(35, 35, 35, .3);
  }

  .md\:focus\:tw-border-primary-o2:focus {
    border-color: rgba(35, 35, 35, .2);
  }

  .md\:focus\:tw-border-primary-o1:focus {
    border-color: rgba(35, 35, 35, .1);
  }

  .md\:focus\:tw-border-primary-g1:focus {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .md\:focus\:tw-border-primary-d1-o9:focus {
    border-color: rgba(25, 25, 25, .9);
  }

  .md\:focus\:tw-border-primary-l5-o3:focus {
    border-color: rgba(75, 75, 75, .3);
  }

  .md\:focus\:tw-border-primary-dark-gray:focus {
    border-color: rgb(165, 165, 165);
  }

  .md\:tw-rounded-none {
    border-radius: 0;
  }

  .md\:tw-rounded-sm {
    border-radius: .125rem;
  }

  .md\:tw-rounded {
    border-radius: .25rem;
  }

  .md\:tw-rounded-lg {
    border-radius: .5rem;
  }

  .md\:tw-rounded-full {
    border-radius: 9999px;
  }

  .md\:tw-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .md\:tw-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .md\:tw-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md\:tw-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md\:tw-rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
  }

  .md\:tw-rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
  }

  .md\:tw-rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .md\:tw-rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .md\:tw-rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .md\:tw-rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .md\:tw-rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .md\:tw-rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .md\:tw-rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .md\:tw-rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }

  .md\:tw-rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .md\:tw-rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .md\:tw-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .md\:tw-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .md\:tw-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:tw-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:tw-rounded-tl-none {
    border-top-left-radius: 0;
  }

  .md\:tw-rounded-tr-none {
    border-top-right-radius: 0;
  }

  .md\:tw-rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .md\:tw-rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .md\:tw-rounded-tl-sm {
    border-top-left-radius: .125rem;
  }

  .md\:tw-rounded-tr-sm {
    border-top-right-radius: .125rem;
  }

  .md\:tw-rounded-br-sm {
    border-bottom-right-radius: .125rem;
  }

  .md\:tw-rounded-bl-sm {
    border-bottom-left-radius: .125rem;
  }

  .md\:tw-rounded-tl {
    border-top-left-radius: .25rem;
  }

  .md\:tw-rounded-tr {
    border-top-right-radius: .25rem;
  }

  .md\:tw-rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .md\:tw-rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .md\:tw-rounded-tl-lg {
    border-top-left-radius: .5rem;
  }

  .md\:tw-rounded-tr-lg {
    border-top-right-radius: .5rem;
  }

  .md\:tw-rounded-br-lg {
    border-bottom-right-radius: .5rem;
  }

  .md\:tw-rounded-bl-lg {
    border-bottom-left-radius: .5rem;
  }

  .md\:tw-rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .md\:tw-rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .md\:tw-rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .md\:tw-rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .md\:tw-border-solid {
    border-style: solid;
  }

  .md\:tw-border-dashed {
    border-style: dashed;
  }

  .md\:tw-border-dotted {
    border-style: dotted;
  }

  .md\:tw-border-none {
    border-style: none;
  }

  .md\:tw-border-0 {
    border-width: 0;
  }

  .md\:tw-border-2 {
    border-width: 2px;
  }

  .md\:tw-border-4 {
    border-width: 4px;
  }

  .md\:tw-border-8 {
    border-width: 8px;
  }

  .md\:tw-border {
    border-width: 1px;
  }

  .md\:tw-border-t-0 {
    border-top-width: 0;
  }

  .md\:tw-border-r-0 {
    border-right-width: 0;
  }

  .md\:tw-border-b-0 {
    border-bottom-width: 0;
  }

  .md\:tw-border-l-0 {
    border-left-width: 0;
  }

  .md\:tw-border-t-2 {
    border-top-width: 2px;
  }

  .md\:tw-border-r-2 {
    border-right-width: 2px;
  }

  .md\:tw-border-b-2 {
    border-bottom-width: 2px;
  }

  .md\:tw-border-l-2 {
    border-left-width: 2px;
  }

  .md\:tw-border-t-4 {
    border-top-width: 4px;
  }

  .md\:tw-border-r-4 {
    border-right-width: 4px;
  }

  .md\:tw-border-b-4 {
    border-bottom-width: 4px;
  }

  .md\:tw-border-l-4 {
    border-left-width: 4px;
  }

  .md\:tw-border-t-8 {
    border-top-width: 8px;
  }

  .md\:tw-border-r-8 {
    border-right-width: 8px;
  }

  .md\:tw-border-b-8 {
    border-bottom-width: 8px;
  }

  .md\:tw-border-l-8 {
    border-left-width: 8px;
  }

  .md\:tw-border-t {
    border-top-width: 1px;
  }

  .md\:tw-border-r {
    border-right-width: 1px;
  }

  .md\:tw-border-b {
    border-bottom-width: 1px;
  }

  .md\:tw-border-l {
    border-left-width: 1px;
  }

  .md\:hover\:tw-border-0:hover {
    border-width: 0;
  }

  .md\:hover\:tw-border-2:hover {
    border-width: 2px;
  }

  .md\:hover\:tw-border-4:hover {
    border-width: 4px;
  }

  .md\:hover\:tw-border-8:hover {
    border-width: 8px;
  }

  .md\:hover\:tw-border:hover {
    border-width: 1px;
  }

  .md\:hover\:tw-border-t-0:hover {
    border-top-width: 0;
  }

  .md\:hover\:tw-border-r-0:hover {
    border-right-width: 0;
  }

  .md\:hover\:tw-border-b-0:hover {
    border-bottom-width: 0;
  }

  .md\:hover\:tw-border-l-0:hover {
    border-left-width: 0;
  }

  .md\:hover\:tw-border-t-2:hover {
    border-top-width: 2px;
  }

  .md\:hover\:tw-border-r-2:hover {
    border-right-width: 2px;
  }

  .md\:hover\:tw-border-b-2:hover {
    border-bottom-width: 2px;
  }

  .md\:hover\:tw-border-l-2:hover {
    border-left-width: 2px;
  }

  .md\:hover\:tw-border-t-4:hover {
    border-top-width: 4px;
  }

  .md\:hover\:tw-border-r-4:hover {
    border-right-width: 4px;
  }

  .md\:hover\:tw-border-b-4:hover {
    border-bottom-width: 4px;
  }

  .md\:hover\:tw-border-l-4:hover {
    border-left-width: 4px;
  }

  .md\:hover\:tw-border-t-8:hover {
    border-top-width: 8px;
  }

  .md\:hover\:tw-border-r-8:hover {
    border-right-width: 8px;
  }

  .md\:hover\:tw-border-b-8:hover {
    border-bottom-width: 8px;
  }

  .md\:hover\:tw-border-l-8:hover {
    border-left-width: 8px;
  }

  .md\:hover\:tw-border-t:hover {
    border-top-width: 1px;
  }

  .md\:hover\:tw-border-r:hover {
    border-right-width: 1px;
  }

  .md\:hover\:tw-border-b:hover {
    border-bottom-width: 1px;
  }

  .md\:hover\:tw-border-l:hover {
    border-left-width: 1px;
  }

  .md\:focus\:tw-border-0:focus {
    border-width: 0;
  }

  .md\:focus\:tw-border-2:focus {
    border-width: 2px;
  }

  .md\:focus\:tw-border-4:focus {
    border-width: 4px;
  }

  .md\:focus\:tw-border-8:focus {
    border-width: 8px;
  }

  .md\:focus\:tw-border:focus {
    border-width: 1px;
  }

  .md\:focus\:tw-border-t-0:focus {
    border-top-width: 0;
  }

  .md\:focus\:tw-border-r-0:focus {
    border-right-width: 0;
  }

  .md\:focus\:tw-border-b-0:focus {
    border-bottom-width: 0;
  }

  .md\:focus\:tw-border-l-0:focus {
    border-left-width: 0;
  }

  .md\:focus\:tw-border-t-2:focus {
    border-top-width: 2px;
  }

  .md\:focus\:tw-border-r-2:focus {
    border-right-width: 2px;
  }

  .md\:focus\:tw-border-b-2:focus {
    border-bottom-width: 2px;
  }

  .md\:focus\:tw-border-l-2:focus {
    border-left-width: 2px;
  }

  .md\:focus\:tw-border-t-4:focus {
    border-top-width: 4px;
  }

  .md\:focus\:tw-border-r-4:focus {
    border-right-width: 4px;
  }

  .md\:focus\:tw-border-b-4:focus {
    border-bottom-width: 4px;
  }

  .md\:focus\:tw-border-l-4:focus {
    border-left-width: 4px;
  }

  .md\:focus\:tw-border-t-8:focus {
    border-top-width: 8px;
  }

  .md\:focus\:tw-border-r-8:focus {
    border-right-width: 8px;
  }

  .md\:focus\:tw-border-b-8:focus {
    border-bottom-width: 8px;
  }

  .md\:focus\:tw-border-l-8:focus {
    border-left-width: 8px;
  }

  .md\:focus\:tw-border-t:focus {
    border-top-width: 1px;
  }

  .md\:focus\:tw-border-r:focus {
    border-right-width: 1px;
  }

  .md\:focus\:tw-border-b:focus {
    border-bottom-width: 1px;
  }

  .md\:focus\:tw-border-l:focus {
    border-left-width: 1px;
  }

  .md\:tw-cursor-auto {
    cursor: auto;
  }

  .md\:tw-cursor-default {
    cursor: default;
  }

  .md\:tw-cursor-pointer {
    cursor: pointer;
  }

  .md\:tw-cursor-wait {
    cursor: wait;
  }

  .md\:tw-cursor-move {
    cursor: move;
  }

  .md\:tw-cursor-not-allowed {
    cursor: not-allowed;
  }

  .md\:tw-block {
    display: block;
  }

  .md\:tw-inline-block {
    display: inline-block;
  }

  .md\:tw-inline {
    display: inline;
  }

  .md\:tw-table {
    display: table;
  }

  .md\:tw-table-row {
    display: table-row;
  }

  .md\:tw-table-cell {
    display: table-cell;
  }

  .md\:tw-hidden {
    display: none;
  }

  .group:hover .md\:group-hover\:tw-block {
    display: block;
  }

  .group:hover .md\:group-hover\:tw-inline-block {
    display: inline-block;
  }

  .group:hover .md\:group-hover\:tw-inline {
    display: inline;
  }

  .group:hover .md\:group-hover\:tw-table {
    display: table;
  }

  .group:hover .md\:group-hover\:tw-table-row {
    display: table-row;
  }

  .group:hover .md\:group-hover\:tw-table-cell {
    display: table-cell;
  }

  .group:hover .md\:group-hover\:tw-hidden {
    display: none;
  }

  .md\:hover\:tw-block:hover {
    display: block;
  }

  .md\:hover\:tw-inline-block:hover {
    display: inline-block;
  }

  .md\:hover\:tw-inline:hover {
    display: inline;
  }

  .md\:hover\:tw-table:hover {
    display: table;
  }

  .md\:hover\:tw-table-row:hover {
    display: table-row;
  }

  .md\:hover\:tw-table-cell:hover {
    display: table-cell;
  }

  .md\:hover\:tw-hidden:hover {
    display: none;
  }

  .md\:tw-flex {
    display: flex;
  }

  .md\:tw-inline-flex {
    display: inline-flex;
  }

  .md\:tw-flex-row {
    flex-direction: row;
  }

  .md\:tw-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:tw-flex-col {
    flex-direction: column;
  }

  .md\:tw-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .md\:tw-flex-wrap {
    flex-wrap: wrap;
  }

  .md\:tw-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .md\:tw-flex-no-wrap {
    flex-wrap: nowrap;
  }

  .md\:tw-items-start {
    align-items: flex-start;
  }

  .md\:tw-items-end {
    align-items: flex-end;
  }

  .md\:tw-items-center {
    align-items: center;
  }

  .md\:tw-items-baseline {
    align-items: baseline;
  }

  .md\:tw-items-stretch {
    align-items: stretch;
  }

  .md\:tw-self-auto {
    align-self: auto;
  }

  .md\:tw-self-start {
    align-self: flex-start;
  }

  .md\:tw-self-end {
    align-self: flex-end;
  }

  .md\:tw-self-center {
    align-self: center;
  }

  .md\:tw-self-stretch {
    align-self: stretch;
  }

  .md\:tw-justify-start {
    justify-content: flex-start;
  }

  .md\:tw-justify-end {
    justify-content: flex-end;
  }

  .md\:tw-justify-center {
    justify-content: center;
  }

  .md\:tw-justify-between {
    justify-content: space-between;
  }

  .md\:tw-justify-around {
    justify-content: space-around;
  }

  .md\:tw-content-center {
    align-content: center;
  }

  .md\:tw-content-start {
    align-content: flex-start;
  }

  .md\:tw-content-end {
    align-content: flex-end;
  }

  .md\:tw-content-between {
    align-content: space-between;
  }

  .md\:tw-content-around {
    align-content: space-around;
  }

  .md\:tw-flex-1 {
    flex: 1;
  }

  .md\:tw-flex-auto {
    flex: auto;
  }

  .md\:tw-flex-initial {
    flex: initial;
  }

  .md\:tw-flex-none {
    flex: none;
  }

  .md\:tw-flex-grow {
    flex-grow: 1;
  }

  .md\:tw-flex-shrink {
    flex-shrink: 1;
  }

  .md\:tw-flex-no-grow {
    flex-grow: 0;
  }

  .md\:tw-flex-no-shrink {
    flex-shrink: 0;
  }

  .md\:tw-float-right {
    float: right;
  }

  .md\:tw-float-left {
    float: left;
  }

  .md\:tw-float-none {
    float: none;
  }

  .md\:tw-clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .md\:tw-font-sans {
    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .md\:tw-font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .md\:tw-font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .md\:tw-font-hairline {
    font-weight: 100;
  }

  .md\:tw-font-thin {
    font-weight: 200;
  }

  .md\:tw-font-light {
    font-weight: 300;
  }

  .md\:tw-font-normal {
    font-weight: 400;
  }

  .md\:tw-font-medium {
    font-weight: 500;
  }

  .md\:tw-font-semibold {
    font-weight: 600;
  }

  .md\:tw-font-bold {
    font-weight: 700;
  }

  .md\:tw-font-extrabold {
    font-weight: 800;
  }

  .md\:tw-font-black {
    font-weight: 900;
  }

  .md\:hover\:tw-font-hairline:hover {
    font-weight: 100;
  }

  .md\:hover\:tw-font-thin:hover {
    font-weight: 200;
  }

  .md\:hover\:tw-font-light:hover {
    font-weight: 300;
  }

  .md\:hover\:tw-font-normal:hover {
    font-weight: 400;
  }

  .md\:hover\:tw-font-medium:hover {
    font-weight: 500;
  }

  .md\:hover\:tw-font-semibold:hover {
    font-weight: 600;
  }

  .md\:hover\:tw-font-bold:hover {
    font-weight: 700;
  }

  .md\:hover\:tw-font-extrabold:hover {
    font-weight: 800;
  }

  .md\:hover\:tw-font-black:hover {
    font-weight: 900;
  }

  .md\:focus\:tw-font-hairline:focus {
    font-weight: 100;
  }

  .md\:focus\:tw-font-thin:focus {
    font-weight: 200;
  }

  .md\:focus\:tw-font-light:focus {
    font-weight: 300;
  }

  .md\:focus\:tw-font-normal:focus {
    font-weight: 400;
  }

  .md\:focus\:tw-font-medium:focus {
    font-weight: 500;
  }

  .md\:focus\:tw-font-semibold:focus {
    font-weight: 600;
  }

  .md\:focus\:tw-font-bold:focus {
    font-weight: 700;
  }

  .md\:focus\:tw-font-extrabold:focus {
    font-weight: 800;
  }

  .md\:focus\:tw-font-black:focus {
    font-weight: 900;
  }

  .md\:tw-h-1 {
    height: .25rem;
  }

  .md\:tw-h-2 {
    height: .5rem;
  }

  .md\:tw-h-3 {
    height: .75rem;
  }

  .md\:tw-h-4 {
    height: 1rem;
  }

  .md\:tw-h-5 {
    height: 1.25rem;
  }

  .md\:tw-h-6 {
    height: 1.5rem;
  }

  .md\:tw-h-8 {
    height: 2rem;
  }

  .md\:tw-h-10 {
    height: 2.5rem;
  }

  .md\:tw-h-12 {
    height: 3rem;
  }

  .md\:tw-h-16 {
    height: 4rem;
  }

  .md\:tw-h-20 {
    height: 5rem;
  }

  .md\:tw-h-24 {
    height: 6rem;
  }

  .md\:tw-h-28 {
    height: 7rem;
  }

  .md\:tw-h-32 {
    height: 8rem;
  }

  .md\:tw-h-48 {
    height: 12rem;
  }

  .md\:tw-h-64 {
    height: 16rem;
  }

  .md\:tw-h-auto {
    height: auto;
  }

  .md\:tw-h-px {
    height: 1px;
  }

  .md\:tw-h-full {
    height: 100%;
  }

  .md\:tw-h-screen {
    height: 100vh;
  }

  .md\:tw-leading-none {
    line-height: 1;
  }

  .md\:tw-leading-tight {
    line-height: 1.25;
  }

  .md\:tw-leading-normal {
    line-height: 1.5;
  }

  .md\:tw-leading-loose {
    line-height: 2;
  }

  .md\:tw-m-0 {
    margin: 0;
  }

  .md\:tw-m-1 {
    margin: .25rem;
  }

  .md\:tw-m-2 {
    margin: .5rem;
  }

  .md\:tw-m-3 {
    margin: .75rem;
  }

  .md\:tw-m-4 {
    margin: 1rem;
  }

  .md\:tw-m-5 {
    margin: 1.25rem;
  }

  .md\:tw-m-6 {
    margin: 1.5rem;
  }

  .md\:tw-m-8 {
    margin: 2rem;
  }

  .md\:tw-m-10 {
    margin: 2.5rem;
  }

  .md\:tw-m-12 {
    margin: 3rem;
  }

  .md\:tw-m-16 {
    margin: 4rem;
  }

  .md\:tw-m-20 {
    margin: 5rem;
  }

  .md\:tw-m-24 {
    margin: 6rem;
  }

  .md\:tw-m-32 {
    margin: 8rem;
  }

  .md\:tw-m-40 {
    margin: 10rem;
  }

  .md\:tw-m-auto {
    margin: auto;
  }

  .md\:tw-m-px {
    margin: 1px;
  }

  .md\:tw-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:tw-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .md\:tw-my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .md\:tw-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .md\:tw-my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .md\:tw-mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .md\:tw-my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .md\:tw-mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .md\:tw-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md\:tw-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .md\:tw-my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .md\:tw-mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .md\:tw-my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .md\:tw-mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:tw-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .md\:tw-mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:tw-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .md\:tw-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .md\:tw-my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:tw-mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .md\:tw-my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md\:tw-mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .md\:tw-my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .md\:tw-mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .md\:tw-my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .md\:tw-mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .md\:tw-my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .md\:tw-mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .md\:tw-my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .md\:tw-mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .md\:tw-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:tw-my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .md\:tw-mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .md\:tw-mt-0 {
    margin-top: 0;
  }

  .md\:tw-mr-0 {
    margin-right: 0;
  }

  .md\:tw-mb-0 {
    margin-bottom: 0;
  }

  .md\:tw-ml-0 {
    margin-left: 0;
  }

  .md\:tw-mt-1 {
    margin-top: .25rem;
  }

  .md\:tw-mr-1 {
    margin-right: .25rem;
  }

  .md\:tw-mb-1 {
    margin-bottom: .25rem;
  }

  .md\:tw-ml-1 {
    margin-left: .25rem;
  }

  .md\:tw-mt-2 {
    margin-top: .5rem;
  }

  .md\:tw-mr-2 {
    margin-right: .5rem;
  }

  .md\:tw-mb-2 {
    margin-bottom: .5rem;
  }

  .md\:tw-ml-2 {
    margin-left: .5rem;
  }

  .md\:tw-mt-3 {
    margin-top: .75rem;
  }

  .md\:tw-mr-3 {
    margin-right: .75rem;
  }

  .md\:tw-mb-3 {
    margin-bottom: .75rem;
  }

  .md\:tw-ml-3 {
    margin-left: .75rem;
  }

  .md\:tw-mt-4 {
    margin-top: 1rem;
  }

  .md\:tw-mr-4 {
    margin-right: 1rem;
  }

  .md\:tw-mb-4 {
    margin-bottom: 1rem;
  }

  .md\:tw-ml-4 {
    margin-left: 1rem;
  }

  .md\:tw-mt-5 {
    margin-top: 1.25rem;
  }

  .md\:tw-mr-5 {
    margin-right: 1.25rem;
  }

  .md\:tw-mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:tw-ml-5 {
    margin-left: 1.25rem;
  }

  .md\:tw-mt-6 {
    margin-top: 1.5rem;
  }

  .md\:tw-mr-6 {
    margin-right: 1.5rem;
  }

  .md\:tw-mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:tw-ml-6 {
    margin-left: 1.5rem;
  }

  .md\:tw-mt-8 {
    margin-top: 2rem;
  }

  .md\:tw-mr-8 {
    margin-right: 2rem;
  }

  .md\:tw-mb-8 {
    margin-bottom: 2rem;
  }

  .md\:tw-ml-8 {
    margin-left: 2rem;
  }

  .md\:tw-mt-10 {
    margin-top: 2.5rem;
  }

  .md\:tw-mr-10 {
    margin-right: 2.5rem;
  }

  .md\:tw-mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:tw-ml-10 {
    margin-left: 2.5rem;
  }

  .md\:tw-mt-12 {
    margin-top: 3rem;
  }

  .md\:tw-mr-12 {
    margin-right: 3rem;
  }

  .md\:tw-mb-12 {
    margin-bottom: 3rem;
  }

  .md\:tw-ml-12 {
    margin-left: 3rem;
  }

  .md\:tw-mt-16 {
    margin-top: 4rem;
  }

  .md\:tw-mr-16 {
    margin-right: 4rem;
  }

  .md\:tw-mb-16 {
    margin-bottom: 4rem;
  }

  .md\:tw-ml-16 {
    margin-left: 4rem;
  }

  .md\:tw-mt-20 {
    margin-top: 5rem;
  }

  .md\:tw-mr-20 {
    margin-right: 5rem;
  }

  .md\:tw-mb-20 {
    margin-bottom: 5rem;
  }

  .md\:tw-ml-20 {
    margin-left: 5rem;
  }

  .md\:tw-mt-24 {
    margin-top: 6rem;
  }

  .md\:tw-mr-24 {
    margin-right: 6rem;
  }

  .md\:tw-mb-24 {
    margin-bottom: 6rem;
  }

  .md\:tw-ml-24 {
    margin-left: 6rem;
  }

  .md\:tw-mt-32 {
    margin-top: 8rem;
  }

  .md\:tw-mr-32 {
    margin-right: 8rem;
  }

  .md\:tw-mb-32 {
    margin-bottom: 8rem;
  }

  .md\:tw-ml-32 {
    margin-left: 8rem;
  }

  .md\:tw-mt-40 {
    margin-top: 10rem;
  }

  .md\:tw-mr-40 {
    margin-right: 10rem;
  }

  .md\:tw-mb-40 {
    margin-bottom: 10rem;
  }

  .md\:tw-ml-40 {
    margin-left: 10rem;
  }

  .md\:tw-mt-auto {
    margin-top: auto;
  }

  .md\:tw-mr-auto {
    margin-right: auto;
  }

  .md\:tw-mb-auto {
    margin-bottom: auto;
  }

  .md\:tw-ml-auto {
    margin-left: auto;
  }

  .md\:tw-mt-px {
    margin-top: 1px;
  }

  .md\:tw-mr-px {
    margin-right: 1px;
  }

  .md\:tw-mb-px {
    margin-bottom: 1px;
  }

  .md\:tw-ml-px {
    margin-left: 1px;
  }

  .md\:tw-max-h-0 {
    max-height: 0;
  }

  .md\:tw-max-h-1 {
    max-height: .25rem;
  }

  .md\:tw-max-h-2 {
    max-height: .5rem;
  }

  .md\:tw-max-h-3 {
    max-height: .75rem;
  }

  .md\:tw-max-h-4 {
    max-height: 1rem;
  }

  .md\:tw-max-h-5 {
    max-height: 1.25rem;
  }

  .md\:tw-max-h-6 {
    max-height: 1.5rem;
  }

  .md\:tw-max-h-8 {
    max-height: 2rem;
  }

  .md\:tw-max-h-10 {
    max-height: 2.5rem;
  }

  .md\:tw-max-h-12 {
    max-height: 3rem;
  }

  .md\:tw-max-h-16 {
    max-height: 4rem;
  }

  .md\:tw-max-h-20 {
    max-height: 5rem;
  }

  .md\:tw-max-h-24 {
    max-height: 6rem;
  }

  .md\:tw-max-h-28 {
    max-height: 7rem;
  }

  .md\:tw-max-h-32 {
    max-height: 8rem;
  }

  .md\:tw-max-h-40 {
    max-height: 10rem;
  }

  .md\:tw-max-h-44 {
    max-height: 11rem;
  }

  .md\:tw-max-h-48 {
    max-height: 12rem;
  }

  .md\:tw-max-h-64 {
    max-height: 16rem;
  }

  .md\:tw-max-h-full {
    max-height: 100%;
  }

  .md\:tw-max-h-screen {
    max-height: 100vh;
  }

  .md\:tw-max-w-xs {
    max-width: 20rem;
  }

  .md\:tw-max-w-sm {
    max-width: 30rem;
  }

  .md\:tw-max-w-md {
    max-width: 40rem;
  }

  .md\:tw-max-w-lg {
    max-width: 50rem;
  }

  .md\:tw-max-w-xl {
    max-width: 60rem;
  }

  .md\:tw-max-w-2xl {
    max-width: 70rem;
  }

  .md\:tw-max-w-3xl {
    max-width: 80rem;
  }

  .md\:tw-max-w-4xl {
    max-width: 90rem;
  }

  .md\:tw-max-w-5xl {
    max-width: 100rem;
  }

  .md\:tw-max-w-full {
    max-width: 100%;
  }

  .md\:tw-min-h-0 {
    min-height: 0;
  }

  .md\:tw-min-h-1 {
    min-height: .25rem;
  }

  .md\:tw-min-h-2 {
    min-height: .5rem;
  }

  .md\:tw-min-h-3 {
    min-height: .75rem;
  }

  .md\:tw-min-h-4 {
    min-height: 1rem;
  }

  .md\:tw-min-h-5 {
    min-height: 1.25rem;
  }

  .md\:tw-min-h-6 {
    min-height: 1.5rem;
  }

  .md\:tw-min-h-7 {
    min-height: 1.75rem;
  }

  .md\:tw-min-h-8 {
    min-height: 2rem;
  }

  .md\:tw-min-h-10 {
    min-height: 2.5rem;
  }

  .md\:tw-min-h-12 {
    min-height: 3rem;
  }

  .md\:tw-min-h-16 {
    min-height: 4rem;
  }

  .md\:tw-min-h-20 {
    min-height: 5rem;
  }

  .md\:tw-min-h-24 {
    min-height: 6rem;
  }

  .md\:tw-min-h-28 {
    min-height: 7rem;
  }

  .md\:tw-min-h-32 {
    min-height: 8rem;
  }

  .md\:tw-min-h-40 {
    min-height: 10rem;
  }

  .md\:tw-min-h-44 {
    min-height: 11rem;
  }

  .md\:tw-min-h-48 {
    min-height: 12rem;
  }

  .md\:tw-min-h-64 {
    min-height: 16rem;
  }

  .md\:tw-min-h-full {
    min-height: 100%;
  }

  .md\:tw-min-h-screen {
    min-height: 100vh;
  }

  .md\:tw-min-w-0 {
    min-width: 0;
  }

  .md\:tw-min-w-1 {
    min-width: .25rem;
  }

  .md\:tw-min-w-2 {
    min-width: .5rem;
  }

  .md\:tw-min-w-3 {
    min-width: .75rem;
  }

  .md\:tw-min-w-4 {
    min-width: 1rem;
  }

  .md\:tw-min-w-5 {
    min-width: 1.25rem;
  }

  .md\:tw-min-w-6 {
    min-width: 1.5rem;
  }

  .md\:tw-min-w-8 {
    min-width: 2rem;
  }

  .md\:tw-min-w-10 {
    min-width: 2.5rem;
  }

  .md\:tw-min-w-12 {
    min-width: 3rem;
  }

  .md\:tw-min-w-16 {
    min-width: 4rem;
  }

  .md\:tw-min-w-20 {
    min-width: 5rem;
  }

  .md\:tw-min-w-24 {
    min-width: 6rem;
  }

  .md\:tw-min-w-28 {
    min-width: 7rem;
  }

  .md\:tw-min-w-32 {
    min-width: 8rem;
  }

  .md\:tw-min-w-48 {
    min-width: 12rem;
  }

  .md\:tw-min-w-64 {
    min-width: 16rem;
  }

  .md\:tw-min-w-88 {
    min-width: 22rem;
  }

  .md\:tw-min-w-full {
    min-width: 100%;
  }

  .md\:tw--m-0 {
    margin: 0;
  }

  .md\:tw--m-1 {
    margin: -0.25rem;
  }

  .md\:tw--m-2 {
    margin: -0.5rem;
  }

  .md\:tw--m-3 {
    margin: -0.75rem;
  }

  .md\:tw--m-4 {
    margin: -1rem;
  }

  .md\:tw--m-5 {
    margin: -1.25rem;
  }

  .md\:tw--m-6 {
    margin: -1.5rem;
  }

  .md\:tw--m-8 {
    margin: -2rem;
  }

  .md\:tw--m-10 {
    margin: -2.5rem;
  }

  .md\:tw--m-12 {
    margin: -3rem;
  }

  .md\:tw--m-16 {
    margin: -4rem;
  }

  .md\:tw--m-20 {
    margin: -5rem;
  }

  .md\:tw--m-24 {
    margin: -6rem;
  }

  .md\:tw--m-32 {
    margin: -8rem;
  }

  .md\:tw--m-px {
    margin: -1px;
  }

  .md\:tw--my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:tw--mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .md\:tw--my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .md\:tw--mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .md\:tw--my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .md\:tw--mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .md\:tw--my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .md\:tw--mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .md\:tw--my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .md\:tw--mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .md\:tw--my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .md\:tw--mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .md\:tw--my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .md\:tw--mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .md\:tw--my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .md\:tw--mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .md\:tw--my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .md\:tw--mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .md\:tw--my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .md\:tw--mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .md\:tw--my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .md\:tw--mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .md\:tw--my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .md\:tw--mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .md\:tw--my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .md\:tw--mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .md\:tw--my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .md\:tw--mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .md\:tw--my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .md\:tw--mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .md\:tw--mt-0 {
    margin-top: 0;
  }

  .md\:tw--mr-0 {
    margin-right: 0;
  }

  .md\:tw--mb-0 {
    margin-bottom: 0;
  }

  .md\:tw--ml-0 {
    margin-left: 0;
  }

  .md\:tw--mt-1 {
    margin-top: -0.25rem;
  }

  .md\:tw--mr-1 {
    margin-right: -0.25rem;
  }

  .md\:tw--mb-1 {
    margin-bottom: -0.25rem;
  }

  .md\:tw--ml-1 {
    margin-left: -0.25rem;
  }

  .md\:tw--mt-2 {
    margin-top: -0.5rem;
  }

  .md\:tw--mr-2 {
    margin-right: -0.5rem;
  }

  .md\:tw--mb-2 {
    margin-bottom: -0.5rem;
  }

  .md\:tw--ml-2 {
    margin-left: -0.5rem;
  }

  .md\:tw--mt-3 {
    margin-top: -0.75rem;
  }

  .md\:tw--mr-3 {
    margin-right: -0.75rem;
  }

  .md\:tw--mb-3 {
    margin-bottom: -0.75rem;
  }

  .md\:tw--ml-3 {
    margin-left: -0.75rem;
  }

  .md\:tw--mt-4 {
    margin-top: -1rem;
  }

  .md\:tw--mr-4 {
    margin-right: -1rem;
  }

  .md\:tw--mb-4 {
    margin-bottom: -1rem;
  }

  .md\:tw--ml-4 {
    margin-left: -1rem;
  }

  .md\:tw--mt-5 {
    margin-top: -1.25rem;
  }

  .md\:tw--mr-5 {
    margin-right: -1.25rem;
  }

  .md\:tw--mb-5 {
    margin-bottom: -1.25rem;
  }

  .md\:tw--ml-5 {
    margin-left: -1.25rem;
  }

  .md\:tw--mt-6 {
    margin-top: -1.5rem;
  }

  .md\:tw--mr-6 {
    margin-right: -1.5rem;
  }

  .md\:tw--mb-6 {
    margin-bottom: -1.5rem;
  }

  .md\:tw--ml-6 {
    margin-left: -1.5rem;
  }

  .md\:tw--mt-8 {
    margin-top: -2rem;
  }

  .md\:tw--mr-8 {
    margin-right: -2rem;
  }

  .md\:tw--mb-8 {
    margin-bottom: -2rem;
  }

  .md\:tw--ml-8 {
    margin-left: -2rem;
  }

  .md\:tw--mt-10 {
    margin-top: -2.5rem;
  }

  .md\:tw--mr-10 {
    margin-right: -2.5rem;
  }

  .md\:tw--mb-10 {
    margin-bottom: -2.5rem;
  }

  .md\:tw--ml-10 {
    margin-left: -2.5rem;
  }

  .md\:tw--mt-12 {
    margin-top: -3rem;
  }

  .md\:tw--mr-12 {
    margin-right: -3rem;
  }

  .md\:tw--mb-12 {
    margin-bottom: -3rem;
  }

  .md\:tw--ml-12 {
    margin-left: -3rem;
  }

  .md\:tw--mt-16 {
    margin-top: -4rem;
  }

  .md\:tw--mr-16 {
    margin-right: -4rem;
  }

  .md\:tw--mb-16 {
    margin-bottom: -4rem;
  }

  .md\:tw--ml-16 {
    margin-left: -4rem;
  }

  .md\:tw--mt-20 {
    margin-top: -5rem;
  }

  .md\:tw--mr-20 {
    margin-right: -5rem;
  }

  .md\:tw--mb-20 {
    margin-bottom: -5rem;
  }

  .md\:tw--ml-20 {
    margin-left: -5rem;
  }

  .md\:tw--mt-24 {
    margin-top: -6rem;
  }

  .md\:tw--mr-24 {
    margin-right: -6rem;
  }

  .md\:tw--mb-24 {
    margin-bottom: -6rem;
  }

  .md\:tw--ml-24 {
    margin-left: -6rem;
  }

  .md\:tw--mt-32 {
    margin-top: -8rem;
  }

  .md\:tw--mr-32 {
    margin-right: -8rem;
  }

  .md\:tw--mb-32 {
    margin-bottom: -8rem;
  }

  .md\:tw--ml-32 {
    margin-left: -8rem;
  }

  .md\:tw--mt-px {
    margin-top: -1px;
  }

  .md\:tw--mr-px {
    margin-right: -1px;
  }

  .md\:tw--mb-px {
    margin-bottom: -1px;
  }

  .md\:tw--ml-px {
    margin-left: -1px;
  }

  .md\:tw-opacity-0 {
    opacity: 0;
  }

  .md\:tw-opacity-25 {
    opacity: .25;
  }

  .md\:tw-opacity-50 {
    opacity: .5;
  }

  .md\:tw-opacity-75 {
    opacity: .75;
  }

  .md\:tw-opacity-100 {
    opacity: 1;
  }

  .md\:hover\:tw-opacity-0:hover {
    opacity: 0;
  }

  .md\:hover\:tw-opacity-25:hover {
    opacity: .25;
  }

  .md\:hover\:tw-opacity-50:hover {
    opacity: .5;
  }

  .md\:hover\:tw-opacity-75:hover {
    opacity: .75;
  }

  .md\:hover\:tw-opacity-100:hover {
    opacity: 1;
  }

  .md\:tw-overflow-auto {
    overflow: auto;
  }

  .md\:tw-overflow-hidden {
    overflow: hidden;
  }

  .md\:tw-overflow-visible {
    overflow: visible;
  }

  .md\:tw-overflow-scroll {
    overflow: scroll;
  }

  .md\:tw-overflow-x-auto {
    overflow-x: auto;
  }

  .md\:tw-overflow-y-auto {
    overflow-y: auto;
  }

  .md\:tw-overflow-x-hidden {
    overflow-x: hidden;
  }

  .md\:tw-overflow-y-hidden {
    overflow-y: hidden;
  }

  .md\:tw-overflow-x-visible {
    overflow-x: visible;
  }

  .md\:tw-overflow-y-visible {
    overflow-y: visible;
  }

  .md\:tw-overflow-x-scroll {
    overflow-x: scroll;
  }

  .md\:tw-overflow-y-scroll {
    overflow-y: scroll;
  }

  .md\:tw-scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .md\:tw-scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .md\:tw-p-0 {
    padding: 0;
  }

  .md\:tw-p-1 {
    padding: .25rem;
  }

  .md\:tw-p-2 {
    padding: .5rem;
  }

  .md\:tw-p-3 {
    padding: .75rem;
  }

  .md\:tw-p-4 {
    padding: 1rem;
  }

  .md\:tw-p-5 {
    padding: 1.25rem;
  }

  .md\:tw-p-6 {
    padding: 1.5rem;
  }

  .md\:tw-p-8 {
    padding: 2rem;
  }

  .md\:tw-p-10 {
    padding: 2.5rem;
  }

  .md\:tw-p-12 {
    padding: 3rem;
  }

  .md\:tw-p-16 {
    padding: 4rem;
  }

  .md\:tw-p-20 {
    padding: 5rem;
  }

  .md\:tw-p-24 {
    padding: 6rem;
  }

  .md\:tw-p-32 {
    padding: 8rem;
  }

  .md\:tw-p-40 {
    padding: 10rem;
  }

  .md\:tw-p-px {
    padding: 1px;
  }

  .md\:tw-p-15px {
    padding: .9375rem;
  }

  .md\:tw-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .md\:tw-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md\:tw-py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .md\:tw-px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .md\:tw-py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .md\:tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .md\:tw-py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .md\:tw-px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .md\:tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:tw-py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:tw-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:tw-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:tw-py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:tw-px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:tw-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:tw-px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:tw-py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:tw-px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:tw-py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:tw-px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .md\:tw-py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:tw-px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .md\:tw-py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .md\:tw-px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .md\:tw-py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .md\:tw-px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .md\:tw-py-15px {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
  }

  .md\:tw-px-15px {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .md\:tw-pt-0 {
    padding-top: 0;
  }

  .md\:tw-pr-0 {
    padding-right: 0;
  }

  .md\:tw-pb-0 {
    padding-bottom: 0;
  }

  .md\:tw-pl-0 {
    padding-left: 0;
  }

  .md\:tw-pt-1 {
    padding-top: .25rem;
  }

  .md\:tw-pr-1 {
    padding-right: .25rem;
  }

  .md\:tw-pb-1 {
    padding-bottom: .25rem;
  }

  .md\:tw-pl-1 {
    padding-left: .25rem;
  }

  .md\:tw-pt-2 {
    padding-top: .5rem;
  }

  .md\:tw-pr-2 {
    padding-right: .5rem;
  }

  .md\:tw-pb-2 {
    padding-bottom: .5rem;
  }

  .md\:tw-pl-2 {
    padding-left: .5rem;
  }

  .md\:tw-pt-3 {
    padding-top: .75rem;
  }

  .md\:tw-pr-3 {
    padding-right: .75rem;
  }

  .md\:tw-pb-3 {
    padding-bottom: .75rem;
  }

  .md\:tw-pl-3 {
    padding-left: .75rem;
  }

  .md\:tw-pt-4 {
    padding-top: 1rem;
  }

  .md\:tw-pr-4 {
    padding-right: 1rem;
  }

  .md\:tw-pb-4 {
    padding-bottom: 1rem;
  }

  .md\:tw-pl-4 {
    padding-left: 1rem;
  }

  .md\:tw-pt-5 {
    padding-top: 1.25rem;
  }

  .md\:tw-pr-5 {
    padding-right: 1.25rem;
  }

  .md\:tw-pb-5 {
    padding-bottom: 1.25rem;
  }

  .md\:tw-pl-5 {
    padding-left: 1.25rem;
  }

  .md\:tw-pt-6 {
    padding-top: 1.5rem;
  }

  .md\:tw-pr-6 {
    padding-right: 1.5rem;
  }

  .md\:tw-pb-6 {
    padding-bottom: 1.5rem;
  }

  .md\:tw-pl-6 {
    padding-left: 1.5rem;
  }

  .md\:tw-pt-8 {
    padding-top: 2rem;
  }

  .md\:tw-pr-8 {
    padding-right: 2rem;
  }

  .md\:tw-pb-8 {
    padding-bottom: 2rem;
  }

  .md\:tw-pl-8 {
    padding-left: 2rem;
  }

  .md\:tw-pt-10 {
    padding-top: 2.5rem;
  }

  .md\:tw-pr-10 {
    padding-right: 2.5rem;
  }

  .md\:tw-pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:tw-pl-10 {
    padding-left: 2.5rem;
  }

  .md\:tw-pt-12 {
    padding-top: 3rem;
  }

  .md\:tw-pr-12 {
    padding-right: 3rem;
  }

  .md\:tw-pb-12 {
    padding-bottom: 3rem;
  }

  .md\:tw-pl-12 {
    padding-left: 3rem;
  }

  .md\:tw-pt-16 {
    padding-top: 4rem;
  }

  .md\:tw-pr-16 {
    padding-right: 4rem;
  }

  .md\:tw-pb-16 {
    padding-bottom: 4rem;
  }

  .md\:tw-pl-16 {
    padding-left: 4rem;
  }

  .md\:tw-pt-20 {
    padding-top: 5rem;
  }

  .md\:tw-pr-20 {
    padding-right: 5rem;
  }

  .md\:tw-pb-20 {
    padding-bottom: 5rem;
  }

  .md\:tw-pl-20 {
    padding-left: 5rem;
  }

  .md\:tw-pt-24 {
    padding-top: 6rem;
  }

  .md\:tw-pr-24 {
    padding-right: 6rem;
  }

  .md\:tw-pb-24 {
    padding-bottom: 6rem;
  }

  .md\:tw-pl-24 {
    padding-left: 6rem;
  }

  .md\:tw-pt-32 {
    padding-top: 8rem;
  }

  .md\:tw-pr-32 {
    padding-right: 8rem;
  }

  .md\:tw-pb-32 {
    padding-bottom: 8rem;
  }

  .md\:tw-pl-32 {
    padding-left: 8rem;
  }

  .md\:tw-pt-40 {
    padding-top: 10rem;
  }

  .md\:tw-pr-40 {
    padding-right: 10rem;
  }

  .md\:tw-pb-40 {
    padding-bottom: 10rem;
  }

  .md\:tw-pl-40 {
    padding-left: 10rem;
  }

  .md\:tw-pt-px {
    padding-top: 1px;
  }

  .md\:tw-pr-px {
    padding-right: 1px;
  }

  .md\:tw-pb-px {
    padding-bottom: 1px;
  }

  .md\:tw-pl-px {
    padding-left: 1px;
  }

  .md\:tw-pt-15px {
    padding-top: .9375rem;
  }

  .md\:tw-pr-15px {
    padding-right: .9375rem;
  }

  .md\:tw-pb-15px {
    padding-bottom: .9375rem;
  }

  .md\:tw-pl-15px {
    padding-left: .9375rem;
  }

  .md\:tw-pointer-events-none {
    pointer-events: none;
  }

  .md\:tw-pointer-events-auto {
    pointer-events: auto;
  }

  .md\:tw-static {
    position: static;
  }

  .md\:tw-fixed {
    position: fixed;
  }

  .md\:tw-absolute {
    position: absolute;
  }

  .md\:tw-relative {
    position: relative;
  }

  .md\:tw-sticky {
    position: sticky;
  }

  .md\:tw-pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .md\:tw-pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .md\:tw-pin-y {
    top: 0;
    bottom: 0;
  }

  .md\:tw-pin-x {
    right: 0;
    left: 0;
  }

  .md\:tw-pin-t {
    top: 0;
  }

  .md\:tw-pin-r {
    right: 0;
  }

  .md\:tw-pin-b {
    bottom: 0;
  }

  .md\:tw-pin-l {
    left: 0;
  }

  .md\:tw-resize-none {
    resize: none;
  }

  .md\:tw-resize-y {
    resize: vertical;
  }

  .md\:tw-resize-x {
    resize: horizontal;
  }

  .md\:tw-resize {
    resize: both;
  }

  .md\:tw-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .md\:tw-shadow-md {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .md\:tw-shadow-lg {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .md\:tw-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .md\:tw-shadow-outline {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .md\:tw-shadow-none {
    box-shadow: none;
  }

  .md\:hover\:tw-shadow:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .md\:hover\:tw-shadow-md:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .md\:hover\:tw-shadow-lg:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .md\:hover\:tw-shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .md\:hover\:tw-shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .md\:hover\:tw-shadow-none:hover {
    box-shadow: none;
  }

  .md\:focus\:tw-shadow:focus {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .md\:focus\:tw-shadow-md:focus {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .md\:focus\:tw-shadow-lg:focus {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .md\:focus\:tw-shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .md\:focus\:tw-shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .md\:focus\:tw-shadow-none:focus {
    box-shadow: none;
  }

  .md\:tw-table-auto {
    table-layout: auto;
  }

  .md\:tw-table-fixed {
    table-layout: fixed;
  }

  .md\:tw-text-left {
    text-align: left;
  }

  .md\:tw-text-center {
    text-align: center;
  }

  .md\:tw-text-right {
    text-align: right;
  }

  .md\:tw-text-justify {
    text-align: justify;
  }

  .md\:tw-text-transparent {
    color: transparent;
  }

  .md\:tw-text-black {
    color: #22292f;
  }

  .md\:tw-text-black-darker {
    color: #2f2f2f;
  }

  .md\:tw-text-grey-darkest {
    color: #3d4852;
  }

  .md\:tw-text-grey-darker-1 {
    color: #666;
  }

  .md\:tw-text-grey-darker {
    color: #8e8e8e;
  }

  .md\:tw-text-grey-dark {
    color: #8795a1;
  }

  .md\:tw-text-grey {
    color: #b8c2cc;
  }

  .md\:tw-text-grey-light {
    color: #dae1e7;
  }

  .md\:tw-text-grey-lighter {
    color: #f1f5f8;
  }

  .md\:tw-text-grey-lightest {
    color: #f8fafc;
  }

  .md\:tw-text-white {
    color: #fff;
  }

  .md\:tw-text-red-darkest {
    color: #3b0d0c;
  }

  .md\:tw-text-red-darker {
    color: #621b18;
  }

  .md\:tw-text-red-dark {
    color: #cc1f1a;
  }

  .md\:tw-text-red {
    color: #e3342f;
  }

  .md\:tw-text-red-light {
    color: #ef5753;
  }

  .md\:tw-text-red-lighter {
    color: #f9acaa;
  }

  .md\:tw-text-red-lightest {
    color: #fcebea;
  }

  .md\:tw-text-orange-darkest {
    color: #462a16;
  }

  .md\:tw-text-orange-darker {
    color: #613b1f;
  }

  .md\:tw-text-orange-dark {
    color: #de751f;
  }

  .md\:tw-text-orange {
    color: #f6993f;
  }

  .md\:tw-text-orange-light {
    color: #faad63;
  }

  .md\:tw-text-orange-lighter {
    color: #fcd9b6;
  }

  .md\:tw-text-orange-lightest {
    color: #fff5eb;
  }

  .md\:tw-text-yellow-darkest {
    color: #453411;
  }

  .md\:tw-text-yellow-darker {
    color: #684f1d;
  }

  .md\:tw-text-yellow-dark {
    color: #f2d024;
  }

  .md\:tw-text-yellow {
    color: #ffec92;
  }

  .md\:tw-text-yellow-light {
    color: #fff382;
  }

  .md\:tw-text-yellow-lighter {
    color: #fff9c2;
  }

  .md\:tw-text-yellow-lightest {
    color: #fcfbeb;
  }

  .md\:tw-text-green-darkest {
    color: #0f2f21;
  }

  .md\:tw-text-green-darker {
    color: #1a4731;
  }

  .md\:tw-text-green-dark {
    color: #1f9d55;
  }

  .md\:tw-text-green {
    color: #38c172;
  }

  .md\:tw-text-green-light {
    color: #51d88a;
  }

  .md\:tw-text-green-lighter {
    color: #a2f5bf;
  }

  .md\:tw-text-green-lightest {
    color: #e3fcec;
  }

  .md\:tw-text-teal-darkest {
    color: #0d3331;
  }

  .md\:tw-text-teal-darker {
    color: #20504f;
  }

  .md\:tw-text-teal-dark {
    color: #38a89d;
  }

  .md\:tw-text-teal {
    color: #4dc0b5;
  }

  .md\:tw-text-teal-light {
    color: #64d5ca;
  }

  .md\:tw-text-teal-lighter {
    color: #a0f0ed;
  }

  .md\:tw-text-teal-lightest {
    color: #e8fffe;
  }

  .md\:tw-text-blue-darkest {
    color: #12283a;
  }

  .md\:tw-text-blue-darker {
    color: #1c3d5a;
  }

  .md\:tw-text-blue-dark {
    color: #2779bd;
  }

  .md\:tw-text-blue {
    color: #3490dc;
  }

  .md\:tw-text-blue-light {
    color: #6cb2eb;
  }

  .md\:tw-text-blue-lighter {
    color: #bcdefa;
  }

  .md\:tw-text-blue-lightest {
    color: #eff8ff;
  }

  .md\:tw-text-indigo-darkest {
    color: #191e38;
  }

  .md\:tw-text-indigo-darker {
    color: #2f365f;
  }

  .md\:tw-text-indigo-dark {
    color: #5661b3;
  }

  .md\:tw-text-indigo {
    color: #6574cd;
  }

  .md\:tw-text-indigo-light {
    color: #7886d7;
  }

  .md\:tw-text-indigo-lighter {
    color: #b2b7ff;
  }

  .md\:tw-text-indigo-lightest {
    color: #e6e8ff;
  }

  .md\:tw-text-purple-darkest {
    color: #21183c;
  }

  .md\:tw-text-purple-darker {
    color: #382b5f;
  }

  .md\:tw-text-purple-dark {
    color: #794acf;
  }

  .md\:tw-text-purple {
    color: #9561e2;
  }

  .md\:tw-text-purple-light {
    color: #a779e9;
  }

  .md\:tw-text-purple-lighter {
    color: #d6bbfc;
  }

  .md\:tw-text-purple-lightest {
    color: #f3ebff;
  }

  .md\:tw-text-pink-darkest {
    color: #451225;
  }

  .md\:tw-text-pink-darker {
    color: #6f213f;
  }

  .md\:tw-text-pink-dark {
    color: #eb5286;
  }

  .md\:tw-text-pink {
    color: #f66d9b;
  }

  .md\:tw-text-pink-light {
    color: #fa7ea8;
  }

  .md\:tw-text-pink-lighter {
    color: #ffbbca;
  }

  .md\:tw-text-pink-lightest {
    color: #ffebef;
  }

  .md\:tw-text-primary-l7 {
    color: rgb(95, 95, 95);
  }

  .md\:tw-text-primary-l6 {
    color: rgb(85, 85, 85);
  }

  .md\:tw-text-primary-l5 {
    color: rgb(75, 75, 75);
  }

  .md\:tw-text-primary-l4 {
    color: rgb(65, 65, 65);
  }

  .md\:tw-text-primary-l3 {
    color: rgb(55, 55, 55);
  }

  .md\:tw-text-primary-l2 {
    color: rgb(45, 45, 45);
  }

  .md\:tw-text-primary-l1 {
    color: rgb(40, 40, 40);
  }

  .md\:tw-text-primary {
    color: rgb(35, 35, 35);
  }

  .md\:tw-text-primary-d1 {
    color: rgb(25, 25, 25);
  }

  .md\:tw-text-primary-d2 {
    color: rgb(20, 20, 20);
  }

  .md\:tw-text-primary-d3 {
    color: rgb(15, 15, 15);
  }

  .md\:tw-text-primary-d4 {
    color: rgb(5, 5, 5);
  }

  .md\:tw-text-primary-o9 {
    color: rgba(35, 35, 35, .9);
  }

  .md\:tw-text-primary-o8 {
    color: rgba(35, 35, 35, .8);
  }

  .md\:tw-text-primary-o7 {
    color: rgba(35, 35, 35, .7);
  }

  .md\:tw-text-primary-o6 {
    color: rgba(35, 35, 35, .6);
  }

  .md\:tw-text-primary-o5 {
    color: rgba(35, 35, 35, .5);
  }

  .md\:tw-text-primary-o4 {
    color: rgba(35, 35, 35, .4);
  }

  .md\:tw-text-primary-o3 {
    color: rgba(35, 35, 35, .3);
  }

  .md\:tw-text-primary-o2 {
    color: rgba(35, 35, 35, .2);
  }

  .md\:tw-text-primary-o1 {
    color: rgba(35, 35, 35, .1);
  }

  .md\:tw-text-primary-g1 {
    color: rgba(31, 157, 85, .5607843137);
  }

  .md\:tw-text-primary-d1-o9 {
    color: rgba(25, 25, 25, .9);
  }

  .md\:tw-text-primary-l5-o3 {
    color: rgba(75, 75, 75, .3);
  }

  .md\:tw-text-primary-dark-gray {
    color: rgb(165, 165, 165);
  }

  .md\:hover\:tw-text-transparent:hover {
    color: transparent;
  }

  .md\:hover\:tw-text-black:hover {
    color: #22292f;
  }

  .md\:hover\:tw-text-black-darker:hover {
    color: #2f2f2f;
  }

  .md\:hover\:tw-text-grey-darkest:hover {
    color: #3d4852;
  }

  .md\:hover\:tw-text-grey-darker-1:hover {
    color: #666;
  }

  .md\:hover\:tw-text-grey-darker:hover {
    color: #8e8e8e;
  }

  .md\:hover\:tw-text-grey-dark:hover {
    color: #8795a1;
  }

  .md\:hover\:tw-text-grey:hover {
    color: #b8c2cc;
  }

  .md\:hover\:tw-text-grey-light:hover {
    color: #dae1e7;
  }

  .md\:hover\:tw-text-grey-lighter:hover {
    color: #f1f5f8;
  }

  .md\:hover\:tw-text-grey-lightest:hover {
    color: #f8fafc;
  }

  .md\:hover\:tw-text-white:hover {
    color: #fff;
  }

  .md\:hover\:tw-text-red-darkest:hover {
    color: #3b0d0c;
  }

  .md\:hover\:tw-text-red-darker:hover {
    color: #621b18;
  }

  .md\:hover\:tw-text-red-dark:hover {
    color: #cc1f1a;
  }

  .md\:hover\:tw-text-red:hover {
    color: #e3342f;
  }

  .md\:hover\:tw-text-red-light:hover {
    color: #ef5753;
  }

  .md\:hover\:tw-text-red-lighter:hover {
    color: #f9acaa;
  }

  .md\:hover\:tw-text-red-lightest:hover {
    color: #fcebea;
  }

  .md\:hover\:tw-text-orange-darkest:hover {
    color: #462a16;
  }

  .md\:hover\:tw-text-orange-darker:hover {
    color: #613b1f;
  }

  .md\:hover\:tw-text-orange-dark:hover {
    color: #de751f;
  }

  .md\:hover\:tw-text-orange:hover {
    color: #f6993f;
  }

  .md\:hover\:tw-text-orange-light:hover {
    color: #faad63;
  }

  .md\:hover\:tw-text-orange-lighter:hover {
    color: #fcd9b6;
  }

  .md\:hover\:tw-text-orange-lightest:hover {
    color: #fff5eb;
  }

  .md\:hover\:tw-text-yellow-darkest:hover {
    color: #453411;
  }

  .md\:hover\:tw-text-yellow-darker:hover {
    color: #684f1d;
  }

  .md\:hover\:tw-text-yellow-dark:hover {
    color: #f2d024;
  }

  .md\:hover\:tw-text-yellow:hover {
    color: #ffec92;
  }

  .md\:hover\:tw-text-yellow-light:hover {
    color: #fff382;
  }

  .md\:hover\:tw-text-yellow-lighter:hover {
    color: #fff9c2;
  }

  .md\:hover\:tw-text-yellow-lightest:hover {
    color: #fcfbeb;
  }

  .md\:hover\:tw-text-green-darkest:hover {
    color: #0f2f21;
  }

  .md\:hover\:tw-text-green-darker:hover {
    color: #1a4731;
  }

  .md\:hover\:tw-text-green-dark:hover {
    color: #1f9d55;
  }

  .md\:hover\:tw-text-green:hover {
    color: #38c172;
  }

  .md\:hover\:tw-text-green-light:hover {
    color: #51d88a;
  }

  .md\:hover\:tw-text-green-lighter:hover {
    color: #a2f5bf;
  }

  .md\:hover\:tw-text-green-lightest:hover {
    color: #e3fcec;
  }

  .md\:hover\:tw-text-teal-darkest:hover {
    color: #0d3331;
  }

  .md\:hover\:tw-text-teal-darker:hover {
    color: #20504f;
  }

  .md\:hover\:tw-text-teal-dark:hover {
    color: #38a89d;
  }

  .md\:hover\:tw-text-teal:hover {
    color: #4dc0b5;
  }

  .md\:hover\:tw-text-teal-light:hover {
    color: #64d5ca;
  }

  .md\:hover\:tw-text-teal-lighter:hover {
    color: #a0f0ed;
  }

  .md\:hover\:tw-text-teal-lightest:hover {
    color: #e8fffe;
  }

  .md\:hover\:tw-text-blue-darkest:hover {
    color: #12283a;
  }

  .md\:hover\:tw-text-blue-darker:hover {
    color: #1c3d5a;
  }

  .md\:hover\:tw-text-blue-dark:hover {
    color: #2779bd;
  }

  .md\:hover\:tw-text-blue:hover {
    color: #3490dc;
  }

  .md\:hover\:tw-text-blue-light:hover {
    color: #6cb2eb;
  }

  .md\:hover\:tw-text-blue-lighter:hover {
    color: #bcdefa;
  }

  .md\:hover\:tw-text-blue-lightest:hover {
    color: #eff8ff;
  }

  .md\:hover\:tw-text-indigo-darkest:hover {
    color: #191e38;
  }

  .md\:hover\:tw-text-indigo-darker:hover {
    color: #2f365f;
  }

  .md\:hover\:tw-text-indigo-dark:hover {
    color: #5661b3;
  }

  .md\:hover\:tw-text-indigo:hover {
    color: #6574cd;
  }

  .md\:hover\:tw-text-indigo-light:hover {
    color: #7886d7;
  }

  .md\:hover\:tw-text-indigo-lighter:hover {
    color: #b2b7ff;
  }

  .md\:hover\:tw-text-indigo-lightest:hover {
    color: #e6e8ff;
  }

  .md\:hover\:tw-text-purple-darkest:hover {
    color: #21183c;
  }

  .md\:hover\:tw-text-purple-darker:hover {
    color: #382b5f;
  }

  .md\:hover\:tw-text-purple-dark:hover {
    color: #794acf;
  }

  .md\:hover\:tw-text-purple:hover {
    color: #9561e2;
  }

  .md\:hover\:tw-text-purple-light:hover {
    color: #a779e9;
  }

  .md\:hover\:tw-text-purple-lighter:hover {
    color: #d6bbfc;
  }

  .md\:hover\:tw-text-purple-lightest:hover {
    color: #f3ebff;
  }

  .md\:hover\:tw-text-pink-darkest:hover {
    color: #451225;
  }

  .md\:hover\:tw-text-pink-darker:hover {
    color: #6f213f;
  }

  .md\:hover\:tw-text-pink-dark:hover {
    color: #eb5286;
  }

  .md\:hover\:tw-text-pink:hover {
    color: #f66d9b;
  }

  .md\:hover\:tw-text-pink-light:hover {
    color: #fa7ea8;
  }

  .md\:hover\:tw-text-pink-lighter:hover {
    color: #ffbbca;
  }

  .md\:hover\:tw-text-pink-lightest:hover {
    color: #ffebef;
  }

  .md\:hover\:tw-text-primary-l7:hover {
    color: rgb(95, 95, 95);
  }

  .md\:hover\:tw-text-primary-l6:hover {
    color: rgb(85, 85, 85);
  }

  .md\:hover\:tw-text-primary-l5:hover {
    color: rgb(75, 75, 75);
  }

  .md\:hover\:tw-text-primary-l4:hover {
    color: rgb(65, 65, 65);
  }

  .md\:hover\:tw-text-primary-l3:hover {
    color: rgb(55, 55, 55);
  }

  .md\:hover\:tw-text-primary-l2:hover {
    color: rgb(45, 45, 45);
  }

  .md\:hover\:tw-text-primary-l1:hover {
    color: rgb(40, 40, 40);
  }

  .md\:hover\:tw-text-primary:hover {
    color: rgb(35, 35, 35);
  }

  .md\:hover\:tw-text-primary-d1:hover {
    color: rgb(25, 25, 25);
  }

  .md\:hover\:tw-text-primary-d2:hover {
    color: rgb(20, 20, 20);
  }

  .md\:hover\:tw-text-primary-d3:hover {
    color: rgb(15, 15, 15);
  }

  .md\:hover\:tw-text-primary-d4:hover {
    color: rgb(5, 5, 5);
  }

  .md\:hover\:tw-text-primary-o9:hover {
    color: rgba(35, 35, 35, .9);
  }

  .md\:hover\:tw-text-primary-o8:hover {
    color: rgba(35, 35, 35, .8);
  }

  .md\:hover\:tw-text-primary-o7:hover {
    color: rgba(35, 35, 35, .7);
  }

  .md\:hover\:tw-text-primary-o6:hover {
    color: rgba(35, 35, 35, .6);
  }

  .md\:hover\:tw-text-primary-o5:hover {
    color: rgba(35, 35, 35, .5);
  }

  .md\:hover\:tw-text-primary-o4:hover {
    color: rgba(35, 35, 35, .4);
  }

  .md\:hover\:tw-text-primary-o3:hover {
    color: rgba(35, 35, 35, .3);
  }

  .md\:hover\:tw-text-primary-o2:hover {
    color: rgba(35, 35, 35, .2);
  }

  .md\:hover\:tw-text-primary-o1:hover {
    color: rgba(35, 35, 35, .1);
  }

  .md\:hover\:tw-text-primary-g1:hover {
    color: rgba(31, 157, 85, .5607843137);
  }

  .md\:hover\:tw-text-primary-d1-o9:hover {
    color: rgba(25, 25, 25, .9);
  }

  .md\:hover\:tw-text-primary-l5-o3:hover {
    color: rgba(75, 75, 75, .3);
  }

  .md\:hover\:tw-text-primary-dark-gray:hover {
    color: rgb(165, 165, 165);
  }

  .md\:focus\:tw-text-transparent:focus {
    color: transparent;
  }

  .md\:focus\:tw-text-black:focus {
    color: #22292f;
  }

  .md\:focus\:tw-text-black-darker:focus {
    color: #2f2f2f;
  }

  .md\:focus\:tw-text-grey-darkest:focus {
    color: #3d4852;
  }

  .md\:focus\:tw-text-grey-darker-1:focus {
    color: #666;
  }

  .md\:focus\:tw-text-grey-darker:focus {
    color: #8e8e8e;
  }

  .md\:focus\:tw-text-grey-dark:focus {
    color: #8795a1;
  }

  .md\:focus\:tw-text-grey:focus {
    color: #b8c2cc;
  }

  .md\:focus\:tw-text-grey-light:focus {
    color: #dae1e7;
  }

  .md\:focus\:tw-text-grey-lighter:focus {
    color: #f1f5f8;
  }

  .md\:focus\:tw-text-grey-lightest:focus {
    color: #f8fafc;
  }

  .md\:focus\:tw-text-white:focus {
    color: #fff;
  }

  .md\:focus\:tw-text-red-darkest:focus {
    color: #3b0d0c;
  }

  .md\:focus\:tw-text-red-darker:focus {
    color: #621b18;
  }

  .md\:focus\:tw-text-red-dark:focus {
    color: #cc1f1a;
  }

  .md\:focus\:tw-text-red:focus {
    color: #e3342f;
  }

  .md\:focus\:tw-text-red-light:focus {
    color: #ef5753;
  }

  .md\:focus\:tw-text-red-lighter:focus {
    color: #f9acaa;
  }

  .md\:focus\:tw-text-red-lightest:focus {
    color: #fcebea;
  }

  .md\:focus\:tw-text-orange-darkest:focus {
    color: #462a16;
  }

  .md\:focus\:tw-text-orange-darker:focus {
    color: #613b1f;
  }

  .md\:focus\:tw-text-orange-dark:focus {
    color: #de751f;
  }

  .md\:focus\:tw-text-orange:focus {
    color: #f6993f;
  }

  .md\:focus\:tw-text-orange-light:focus {
    color: #faad63;
  }

  .md\:focus\:tw-text-orange-lighter:focus {
    color: #fcd9b6;
  }

  .md\:focus\:tw-text-orange-lightest:focus {
    color: #fff5eb;
  }

  .md\:focus\:tw-text-yellow-darkest:focus {
    color: #453411;
  }

  .md\:focus\:tw-text-yellow-darker:focus {
    color: #684f1d;
  }

  .md\:focus\:tw-text-yellow-dark:focus {
    color: #f2d024;
  }

  .md\:focus\:tw-text-yellow:focus {
    color: #ffec92;
  }

  .md\:focus\:tw-text-yellow-light:focus {
    color: #fff382;
  }

  .md\:focus\:tw-text-yellow-lighter:focus {
    color: #fff9c2;
  }

  .md\:focus\:tw-text-yellow-lightest:focus {
    color: #fcfbeb;
  }

  .md\:focus\:tw-text-green-darkest:focus {
    color: #0f2f21;
  }

  .md\:focus\:tw-text-green-darker:focus {
    color: #1a4731;
  }

  .md\:focus\:tw-text-green-dark:focus {
    color: #1f9d55;
  }

  .md\:focus\:tw-text-green:focus {
    color: #38c172;
  }

  .md\:focus\:tw-text-green-light:focus {
    color: #51d88a;
  }

  .md\:focus\:tw-text-green-lighter:focus {
    color: #a2f5bf;
  }

  .md\:focus\:tw-text-green-lightest:focus {
    color: #e3fcec;
  }

  .md\:focus\:tw-text-teal-darkest:focus {
    color: #0d3331;
  }

  .md\:focus\:tw-text-teal-darker:focus {
    color: #20504f;
  }

  .md\:focus\:tw-text-teal-dark:focus {
    color: #38a89d;
  }

  .md\:focus\:tw-text-teal:focus {
    color: #4dc0b5;
  }

  .md\:focus\:tw-text-teal-light:focus {
    color: #64d5ca;
  }

  .md\:focus\:tw-text-teal-lighter:focus {
    color: #a0f0ed;
  }

  .md\:focus\:tw-text-teal-lightest:focus {
    color: #e8fffe;
  }

  .md\:focus\:tw-text-blue-darkest:focus {
    color: #12283a;
  }

  .md\:focus\:tw-text-blue-darker:focus {
    color: #1c3d5a;
  }

  .md\:focus\:tw-text-blue-dark:focus {
    color: #2779bd;
  }

  .md\:focus\:tw-text-blue:focus {
    color: #3490dc;
  }

  .md\:focus\:tw-text-blue-light:focus {
    color: #6cb2eb;
  }

  .md\:focus\:tw-text-blue-lighter:focus {
    color: #bcdefa;
  }

  .md\:focus\:tw-text-blue-lightest:focus {
    color: #eff8ff;
  }

  .md\:focus\:tw-text-indigo-darkest:focus {
    color: #191e38;
  }

  .md\:focus\:tw-text-indigo-darker:focus {
    color: #2f365f;
  }

  .md\:focus\:tw-text-indigo-dark:focus {
    color: #5661b3;
  }

  .md\:focus\:tw-text-indigo:focus {
    color: #6574cd;
  }

  .md\:focus\:tw-text-indigo-light:focus {
    color: #7886d7;
  }

  .md\:focus\:tw-text-indigo-lighter:focus {
    color: #b2b7ff;
  }

  .md\:focus\:tw-text-indigo-lightest:focus {
    color: #e6e8ff;
  }

  .md\:focus\:tw-text-purple-darkest:focus {
    color: #21183c;
  }

  .md\:focus\:tw-text-purple-darker:focus {
    color: #382b5f;
  }

  .md\:focus\:tw-text-purple-dark:focus {
    color: #794acf;
  }

  .md\:focus\:tw-text-purple:focus {
    color: #9561e2;
  }

  .md\:focus\:tw-text-purple-light:focus {
    color: #a779e9;
  }

  .md\:focus\:tw-text-purple-lighter:focus {
    color: #d6bbfc;
  }

  .md\:focus\:tw-text-purple-lightest:focus {
    color: #f3ebff;
  }

  .md\:focus\:tw-text-pink-darkest:focus {
    color: #451225;
  }

  .md\:focus\:tw-text-pink-darker:focus {
    color: #6f213f;
  }

  .md\:focus\:tw-text-pink-dark:focus {
    color: #eb5286;
  }

  .md\:focus\:tw-text-pink:focus {
    color: #f66d9b;
  }

  .md\:focus\:tw-text-pink-light:focus {
    color: #fa7ea8;
  }

  .md\:focus\:tw-text-pink-lighter:focus {
    color: #ffbbca;
  }

  .md\:focus\:tw-text-pink-lightest:focus {
    color: #ffebef;
  }

  .md\:focus\:tw-text-primary-l7:focus {
    color: rgb(95, 95, 95);
  }

  .md\:focus\:tw-text-primary-l6:focus {
    color: rgb(85, 85, 85);
  }

  .md\:focus\:tw-text-primary-l5:focus {
    color: rgb(75, 75, 75);
  }

  .md\:focus\:tw-text-primary-l4:focus {
    color: rgb(65, 65, 65);
  }

  .md\:focus\:tw-text-primary-l3:focus {
    color: rgb(55, 55, 55);
  }

  .md\:focus\:tw-text-primary-l2:focus {
    color: rgb(45, 45, 45);
  }

  .md\:focus\:tw-text-primary-l1:focus {
    color: rgb(40, 40, 40);
  }

  .md\:focus\:tw-text-primary:focus {
    color: rgb(35, 35, 35);
  }

  .md\:focus\:tw-text-primary-d1:focus {
    color: rgb(25, 25, 25);
  }

  .md\:focus\:tw-text-primary-d2:focus {
    color: rgb(20, 20, 20);
  }

  .md\:focus\:tw-text-primary-d3:focus {
    color: rgb(15, 15, 15);
  }

  .md\:focus\:tw-text-primary-d4:focus {
    color: rgb(5, 5, 5);
  }

  .md\:focus\:tw-text-primary-o9:focus {
    color: rgba(35, 35, 35, .9);
  }

  .md\:focus\:tw-text-primary-o8:focus {
    color: rgba(35, 35, 35, .8);
  }

  .md\:focus\:tw-text-primary-o7:focus {
    color: rgba(35, 35, 35, .7);
  }

  .md\:focus\:tw-text-primary-o6:focus {
    color: rgba(35, 35, 35, .6);
  }

  .md\:focus\:tw-text-primary-o5:focus {
    color: rgba(35, 35, 35, .5);
  }

  .md\:focus\:tw-text-primary-o4:focus {
    color: rgba(35, 35, 35, .4);
  }

  .md\:focus\:tw-text-primary-o3:focus {
    color: rgba(35, 35, 35, .3);
  }

  .md\:focus\:tw-text-primary-o2:focus {
    color: rgba(35, 35, 35, .2);
  }

  .md\:focus\:tw-text-primary-o1:focus {
    color: rgba(35, 35, 35, .1);
  }

  .md\:focus\:tw-text-primary-g1:focus {
    color: rgba(31, 157, 85, .5607843137);
  }

  .md\:focus\:tw-text-primary-d1-o9:focus {
    color: rgba(25, 25, 25, .9);
  }

  .md\:focus\:tw-text-primary-l5-o3:focus {
    color: rgba(75, 75, 75, .3);
  }

  .md\:focus\:tw-text-primary-dark-gray:focus {
    color: rgb(165, 165, 165);
  }

  .md\:tw-text-11px {
    font-size: 11px;
  }

  .md\:tw-text-xs {
    font-size: .75rem;
  }

  .md\:tw-text-13px {
    font-size: 13px;
  }

  .md\:tw-text-sm {
    font-size: .875rem;
  }

  .md\:tw-text-15px {
    font-size: .9375rem;
  }

  .md\:tw-text-base {
    font-size: 1rem;
  }

  .md\:tw-text-17px {
    font-size: 17px;
  }

  .md\:tw-text-lg {
    font-size: 1.125rem;
  }

  .md\:tw-text-xl {
    font-size: 1.25rem;
  }

  .md\:tw-text-2xl {
    font-size: 1.5rem;
  }

  .md\:tw-text-3xl {
    font-size: 1.875rem;
  }

  .md\:tw-text-4xl {
    font-size: 2.25rem;
  }

  .md\:tw-text-5xl {
    font-size: 3rem;
  }

  .md\:tw-text-6xl {
    font-size: 4rem;
  }

  .md\:tw-italic {
    font-style: italic;
  }

  .md\:tw-roman {
    font-style: normal;
  }

  .md\:tw-uppercase {
    text-transform: uppercase;
  }

  .md\:tw-lowercase {
    text-transform: lowercase;
  }

  .md\:tw-capitalize {
    text-transform: capitalize;
  }

  .md\:tw-normal-case {
    text-transform: none;
  }

  .md\:tw-underline {
    text-decoration: underline;
  }

  .md\:tw-line-through {
    text-decoration: line-through;
  }

  .md\:tw-no-underline {
    text-decoration: none;
  }

  .md\:tw-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .md\:tw-subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .md\:hover\:tw-italic:hover {
    font-style: italic;
  }

  .md\:hover\:tw-roman:hover {
    font-style: normal;
  }

  .md\:hover\:tw-uppercase:hover {
    text-transform: uppercase;
  }

  .md\:hover\:tw-lowercase:hover {
    text-transform: lowercase;
  }

  .md\:hover\:tw-capitalize:hover {
    text-transform: capitalize;
  }

  .md\:hover\:tw-normal-case:hover {
    text-transform: none;
  }

  .md\:hover\:tw-underline:hover {
    text-decoration: underline;
  }

  .md\:hover\:tw-line-through:hover {
    text-decoration: line-through;
  }

  .md\:hover\:tw-no-underline:hover {
    text-decoration: none;
  }

  .md\:hover\:tw-antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .md\:hover\:tw-subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .md\:focus\:tw-italic:focus {
    font-style: italic;
  }

  .md\:focus\:tw-roman:focus {
    font-style: normal;
  }

  .md\:focus\:tw-uppercase:focus {
    text-transform: uppercase;
  }

  .md\:focus\:tw-lowercase:focus {
    text-transform: lowercase;
  }

  .md\:focus\:tw-capitalize:focus {
    text-transform: capitalize;
  }

  .md\:focus\:tw-normal-case:focus {
    text-transform: none;
  }

  .md\:focus\:tw-underline:focus {
    text-decoration: underline;
  }

  .md\:focus\:tw-line-through:focus {
    text-decoration: line-through;
  }

  .md\:focus\:tw-no-underline:focus {
    text-decoration: none;
  }

  .md\:focus\:tw-antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .md\:focus\:tw-subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .md\:tw-tracking-tight {
    letter-spacing: -0.05em;
  }

  .md\:tw-tracking-normal {
    letter-spacing: 0;
  }

  .md\:tw-tracking-wide {
    letter-spacing: .05em;
  }

  .md\:tw-select-none {
    user-select: none;
  }

  .md\:tw-select-text {
    user-select: text;
  }

  .md\:tw-align-baseline {
    vertical-align: baseline;
  }

  .md\:tw-align-top {
    vertical-align: top;
  }

  .md\:tw-align-middle {
    vertical-align: middle;
  }

  .md\:tw-align-bottom {
    vertical-align: bottom;
  }

  .md\:tw-align-text-top {
    vertical-align: text-top;
  }

  .md\:tw-align-text-bottom {
    vertical-align: text-bottom;
  }

  .md\:tw-visible {
    visibility: visible;
  }

  .md\:tw-invisible {
    visibility: hidden;
  }

  .md\:tw-whitespace-normal {
    white-space: normal;
  }

  .md\:tw-whitespace-no-wrap {
    white-space: nowrap;
  }

  .md\:tw-whitespace-pre {
    white-space: pre;
  }

  .md\:tw-whitespace-pre-line {
    white-space: pre-line;
  }

  .md\:tw-whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .md\:tw-break-words {
    word-wrap: break-word;
  }

  .md\:tw-break-normal {
    word-wrap: normal;
  }

  .md\:tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .md\:tw-w-1 {
    width: .25rem;
  }

  .md\:tw-w-2 {
    width: .5rem;
  }

  .md\:tw-w-3 {
    width: .75rem;
  }

  .md\:tw-w-4 {
    width: 1rem;
  }

  .md\:tw-w-5 {
    width: 1.25rem;
  }

  .md\:tw-w-6 {
    width: 1.5rem;
  }

  .md\:tw-w-8 {
    width: 2rem;
  }

  .md\:tw-w-10 {
    width: 2.5rem;
  }

  .md\:tw-w-12 {
    width: 3rem;
  }

  .md\:tw-w-16 {
    width: 4rem;
  }

  .md\:tw-w-20 {
    width: 5rem;
  }

  .md\:tw-w-24 {
    width: 6rem;
  }

  .md\:tw-w-28 {
    width: 7rem;
  }

  .md\:tw-w-32 {
    width: 8rem;
  }

  .md\:tw-w-48 {
    width: 12rem;
  }

  .md\:tw-w-64 {
    width: 16rem;
  }

  .md\:tw-w-auto {
    width: auto;
  }

  .md\:tw-w-px {
    width: 1px;
  }

  .md\:tw-w-1\/2 {
    width: 50%;
  }

  .md\:tw-w-1\/3 {
    width: 33.33333%;
  }

  .md\:tw-w-2\/3 {
    width: 66.66667%;
  }

  .md\:tw-w-1\/4 {
    width: 25%;
  }

  .md\:tw-w-3\/4 {
    width: 75%;
  }

  .md\:tw-w-1\/5 {
    width: 20%;
  }

  .md\:tw-w-2\/5 {
    width: 40%;
  }

  .md\:tw-w-3\/5 {
    width: 60%;
  }

  .md\:tw-w-4\/5 {
    width: 80%;
  }

  .md\:tw-w-1\/6 {
    width: 16.66667%;
  }

  .md\:tw-w-5\/6 {
    width: 83.33333%;
  }

  .md\:tw-w-full {
    width: 100%;
  }

  .md\:tw-w-screen {
    width: 100vw;
  }

  .md\:tw-z-0 {
    z-index: 0;
  }

  .md\:tw-z-10 {
    z-index: 10;
  }

  .md\:tw-z-20 {
    z-index: 20;
  }

  .md\:tw-z-30 {
    z-index: 30;
  }

  .md\:tw-z-40 {
    z-index: 40;
  }

  .md\:tw-z-50 {
    z-index: 50;
  }

  .md\:tw-z-auto {
    z-index: auto;
  }
}

@media (min-width: 992px) {
  .lg\:tw-list-reset {
    list-style: none;
    padding: 0;
  }

  .lg\:tw-appearance-none {
    appearance: none;
  }

  .lg\:tw-bg-fixed {
    background-attachment: fixed;
  }

  .lg\:tw-bg-local {
    background-attachment: local;
  }

  .lg\:tw-bg-scroll {
    background-attachment: scroll;
  }

  .lg\:tw-bg-transparent {
    background-color: transparent;
  }

  .lg\:tw-bg-black {
    background-color: #22292f;
  }

  .lg\:tw-bg-black-darker {
    background-color: #2f2f2f;
  }

  .lg\:tw-bg-grey-darkest {
    background-color: #3d4852;
  }

  .lg\:tw-bg-grey-darker-1 {
    background-color: #666;
  }

  .lg\:tw-bg-grey-darker {
    background-color: #8e8e8e;
  }

  .lg\:tw-bg-grey-dark {
    background-color: #8795a1;
  }

  .lg\:tw-bg-grey {
    background-color: #b8c2cc;
  }

  .lg\:tw-bg-grey-light {
    background-color: #dae1e7;
  }

  .lg\:tw-bg-grey-lighter {
    background-color: #f1f5f8;
  }

  .lg\:tw-bg-grey-lightest {
    background-color: #f8fafc;
  }

  .lg\:tw-bg-white {
    background-color: #fff;
  }

  .lg\:tw-bg-red-darkest {
    background-color: #3b0d0c;
  }

  .lg\:tw-bg-red-darker {
    background-color: #621b18;
  }

  .lg\:tw-bg-red-dark {
    background-color: #cc1f1a;
  }

  .lg\:tw-bg-red {
    background-color: #e3342f;
  }

  .lg\:tw-bg-red-light {
    background-color: #ef5753;
  }

  .lg\:tw-bg-red-lighter {
    background-color: #f9acaa;
  }

  .lg\:tw-bg-red-lightest {
    background-color: #fcebea;
  }

  .lg\:tw-bg-orange-darkest {
    background-color: #462a16;
  }

  .lg\:tw-bg-orange-darker {
    background-color: #613b1f;
  }

  .lg\:tw-bg-orange-dark {
    background-color: #de751f;
  }

  .lg\:tw-bg-orange {
    background-color: #f6993f;
  }

  .lg\:tw-bg-orange-light {
    background-color: #faad63;
  }

  .lg\:tw-bg-orange-lighter {
    background-color: #fcd9b6;
  }

  .lg\:tw-bg-orange-lightest {
    background-color: #fff5eb;
  }

  .lg\:tw-bg-yellow-darkest {
    background-color: #453411;
  }

  .lg\:tw-bg-yellow-darker {
    background-color: #684f1d;
  }

  .lg\:tw-bg-yellow-dark {
    background-color: #f2d024;
  }

  .lg\:tw-bg-yellow {
    background-color: #ffec92;
  }

  .lg\:tw-bg-yellow-light {
    background-color: #fff382;
  }

  .lg\:tw-bg-yellow-lighter {
    background-color: #fff9c2;
  }

  .lg\:tw-bg-yellow-lightest {
    background-color: #fcfbeb;
  }

  .lg\:tw-bg-green-darkest {
    background-color: #0f2f21;
  }

  .lg\:tw-bg-green-darker {
    background-color: #1a4731;
  }

  .lg\:tw-bg-green-dark {
    background-color: #1f9d55;
  }

  .lg\:tw-bg-green {
    background-color: #38c172;
  }

  .lg\:tw-bg-green-light {
    background-color: #51d88a;
  }

  .lg\:tw-bg-green-lighter {
    background-color: #a2f5bf;
  }

  .lg\:tw-bg-green-lightest {
    background-color: #e3fcec;
  }

  .lg\:tw-bg-teal-darkest {
    background-color: #0d3331;
  }

  .lg\:tw-bg-teal-darker {
    background-color: #20504f;
  }

  .lg\:tw-bg-teal-dark {
    background-color: #38a89d;
  }

  .lg\:tw-bg-teal {
    background-color: #4dc0b5;
  }

  .lg\:tw-bg-teal-light {
    background-color: #64d5ca;
  }

  .lg\:tw-bg-teal-lighter {
    background-color: #a0f0ed;
  }

  .lg\:tw-bg-teal-lightest {
    background-color: #e8fffe;
  }

  .lg\:tw-bg-blue-darkest {
    background-color: #12283a;
  }

  .lg\:tw-bg-blue-darker {
    background-color: #1c3d5a;
  }

  .lg\:tw-bg-blue-dark {
    background-color: #2779bd;
  }

  .lg\:tw-bg-blue {
    background-color: #3490dc;
  }

  .lg\:tw-bg-blue-light {
    background-color: #6cb2eb;
  }

  .lg\:tw-bg-blue-lighter {
    background-color: #bcdefa;
  }

  .lg\:tw-bg-blue-lightest {
    background-color: #eff8ff;
  }

  .lg\:tw-bg-indigo-darkest {
    background-color: #191e38;
  }

  .lg\:tw-bg-indigo-darker {
    background-color: #2f365f;
  }

  .lg\:tw-bg-indigo-dark {
    background-color: #5661b3;
  }

  .lg\:tw-bg-indigo {
    background-color: #6574cd;
  }

  .lg\:tw-bg-indigo-light {
    background-color: #7886d7;
  }

  .lg\:tw-bg-indigo-lighter {
    background-color: #b2b7ff;
  }

  .lg\:tw-bg-indigo-lightest {
    background-color: #e6e8ff;
  }

  .lg\:tw-bg-purple-darkest {
    background-color: #21183c;
  }

  .lg\:tw-bg-purple-darker {
    background-color: #382b5f;
  }

  .lg\:tw-bg-purple-dark {
    background-color: #794acf;
  }

  .lg\:tw-bg-purple {
    background-color: #9561e2;
  }

  .lg\:tw-bg-purple-light {
    background-color: #a779e9;
  }

  .lg\:tw-bg-purple-lighter {
    background-color: #d6bbfc;
  }

  .lg\:tw-bg-purple-lightest {
    background-color: #f3ebff;
  }

  .lg\:tw-bg-pink-darkest {
    background-color: #451225;
  }

  .lg\:tw-bg-pink-darker {
    background-color: #6f213f;
  }

  .lg\:tw-bg-pink-dark {
    background-color: #eb5286;
  }

  .lg\:tw-bg-pink {
    background-color: #f66d9b;
  }

  .lg\:tw-bg-pink-light {
    background-color: #fa7ea8;
  }

  .lg\:tw-bg-pink-lighter {
    background-color: #ffbbca;
  }

  .lg\:tw-bg-pink-lightest {
    background-color: #ffebef;
  }

  .lg\:tw-bg-primary-l7 {
    background-color: rgb(95, 95, 95);
  }

  .lg\:tw-bg-primary-l6 {
    background-color: rgb(85, 85, 85);
  }

  .lg\:tw-bg-primary-l5 {
    background-color: rgb(75, 75, 75);
  }

  .lg\:tw-bg-primary-l4 {
    background-color: rgb(65, 65, 65);
  }

  .lg\:tw-bg-primary-l3 {
    background-color: rgb(55, 55, 55);
  }

  .lg\:tw-bg-primary-l2 {
    background-color: rgb(45, 45, 45);
  }

  .lg\:tw-bg-primary-l1 {
    background-color: rgb(40, 40, 40);
  }

  .lg\:tw-bg-primary {
    background-color: rgb(35, 35, 35);
  }

  .lg\:tw-bg-primary-d1 {
    background-color: rgb(25, 25, 25);
  }

  .lg\:tw-bg-primary-d2 {
    background-color: rgb(20, 20, 20);
  }

  .lg\:tw-bg-primary-d3 {
    background-color: rgb(15, 15, 15);
  }

  .lg\:tw-bg-primary-d4 {
    background-color: rgb(5, 5, 5);
  }

  .lg\:tw-bg-primary-o9 {
    background-color: rgba(35, 35, 35, .9);
  }

  .lg\:tw-bg-primary-o8 {
    background-color: rgba(35, 35, 35, .8);
  }

  .lg\:tw-bg-primary-o7 {
    background-color: rgba(35, 35, 35, .7);
  }

  .lg\:tw-bg-primary-o6 {
    background-color: rgba(35, 35, 35, .6);
  }

  .lg\:tw-bg-primary-o5 {
    background-color: rgba(35, 35, 35, .5);
  }

  .lg\:tw-bg-primary-o4 {
    background-color: rgba(35, 35, 35, .4);
  }

  .lg\:tw-bg-primary-o3 {
    background-color: rgba(35, 35, 35, .3);
  }

  .lg\:tw-bg-primary-o2 {
    background-color: rgba(35, 35, 35, .2);
  }

  .lg\:tw-bg-primary-o1 {
    background-color: rgba(35, 35, 35, .1);
  }

  .lg\:tw-bg-primary-g1 {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .lg\:tw-bg-primary-d1-o9 {
    background-color: rgba(25, 25, 25, .9);
  }

  .lg\:tw-bg-primary-l5-o3 {
    background-color: rgba(75, 75, 75, .3);
  }

  .lg\:tw-bg-primary-dark-gray {
    background-color: rgb(165, 165, 165);
  }

  .lg\:hover\:tw-bg-transparent:hover {
    background-color: transparent;
  }

  .lg\:hover\:tw-bg-black:hover {
    background-color: #22292f;
  }

  .lg\:hover\:tw-bg-black-darker:hover {
    background-color: #2f2f2f;
  }

  .lg\:hover\:tw-bg-grey-darkest:hover {
    background-color: #3d4852;
  }

  .lg\:hover\:tw-bg-grey-darker-1:hover {
    background-color: #666;
  }

  .lg\:hover\:tw-bg-grey-darker:hover {
    background-color: #8e8e8e;
  }

  .lg\:hover\:tw-bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .lg\:hover\:tw-bg-grey:hover {
    background-color: #b8c2cc;
  }

  .lg\:hover\:tw-bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .lg\:hover\:tw-bg-grey-lighter:hover {
    background-color: #f1f5f8;
  }

  .lg\:hover\:tw-bg-grey-lightest:hover {
    background-color: #f8fafc;
  }

  .lg\:hover\:tw-bg-white:hover {
    background-color: #fff;
  }

  .lg\:hover\:tw-bg-red-darkest:hover {
    background-color: #3b0d0c;
  }

  .lg\:hover\:tw-bg-red-darker:hover {
    background-color: #621b18;
  }

  .lg\:hover\:tw-bg-red-dark:hover {
    background-color: #cc1f1a;
  }

  .lg\:hover\:tw-bg-red:hover {
    background-color: #e3342f;
  }

  .lg\:hover\:tw-bg-red-light:hover {
    background-color: #ef5753;
  }

  .lg\:hover\:tw-bg-red-lighter:hover {
    background-color: #f9acaa;
  }

  .lg\:hover\:tw-bg-red-lightest:hover {
    background-color: #fcebea;
  }

  .lg\:hover\:tw-bg-orange-darkest:hover {
    background-color: #462a16;
  }

  .lg\:hover\:tw-bg-orange-darker:hover {
    background-color: #613b1f;
  }

  .lg\:hover\:tw-bg-orange-dark:hover {
    background-color: #de751f;
  }

  .lg\:hover\:tw-bg-orange:hover {
    background-color: #f6993f;
  }

  .lg\:hover\:tw-bg-orange-light:hover {
    background-color: #faad63;
  }

  .lg\:hover\:tw-bg-orange-lighter:hover {
    background-color: #fcd9b6;
  }

  .lg\:hover\:tw-bg-orange-lightest:hover {
    background-color: #fff5eb;
  }

  .lg\:hover\:tw-bg-yellow-darkest:hover {
    background-color: #453411;
  }

  .lg\:hover\:tw-bg-yellow-darker:hover {
    background-color: #684f1d;
  }

  .lg\:hover\:tw-bg-yellow-dark:hover {
    background-color: #f2d024;
  }

  .lg\:hover\:tw-bg-yellow:hover {
    background-color: #ffec92;
  }

  .lg\:hover\:tw-bg-yellow-light:hover {
    background-color: #fff382;
  }

  .lg\:hover\:tw-bg-yellow-lighter:hover {
    background-color: #fff9c2;
  }

  .lg\:hover\:tw-bg-yellow-lightest:hover {
    background-color: #fcfbeb;
  }

  .lg\:hover\:tw-bg-green-darkest:hover {
    background-color: #0f2f21;
  }

  .lg\:hover\:tw-bg-green-darker:hover {
    background-color: #1a4731;
  }

  .lg\:hover\:tw-bg-green-dark:hover {
    background-color: #1f9d55;
  }

  .lg\:hover\:tw-bg-green:hover {
    background-color: #38c172;
  }

  .lg\:hover\:tw-bg-green-light:hover {
    background-color: #51d88a;
  }

  .lg\:hover\:tw-bg-green-lighter:hover {
    background-color: #a2f5bf;
  }

  .lg\:hover\:tw-bg-green-lightest:hover {
    background-color: #e3fcec;
  }

  .lg\:hover\:tw-bg-teal-darkest:hover {
    background-color: #0d3331;
  }

  .lg\:hover\:tw-bg-teal-darker:hover {
    background-color: #20504f;
  }

  .lg\:hover\:tw-bg-teal-dark:hover {
    background-color: #38a89d;
  }

  .lg\:hover\:tw-bg-teal:hover {
    background-color: #4dc0b5;
  }

  .lg\:hover\:tw-bg-teal-light:hover {
    background-color: #64d5ca;
  }

  .lg\:hover\:tw-bg-teal-lighter:hover {
    background-color: #a0f0ed;
  }

  .lg\:hover\:tw-bg-teal-lightest:hover {
    background-color: #e8fffe;
  }

  .lg\:hover\:tw-bg-blue-darkest:hover {
    background-color: #12283a;
  }

  .lg\:hover\:tw-bg-blue-darker:hover {
    background-color: #1c3d5a;
  }

  .lg\:hover\:tw-bg-blue-dark:hover {
    background-color: #2779bd;
  }

  .lg\:hover\:tw-bg-blue:hover {
    background-color: #3490dc;
  }

  .lg\:hover\:tw-bg-blue-light:hover {
    background-color: #6cb2eb;
  }

  .lg\:hover\:tw-bg-blue-lighter:hover {
    background-color: #bcdefa;
  }

  .lg\:hover\:tw-bg-blue-lightest:hover {
    background-color: #eff8ff;
  }

  .lg\:hover\:tw-bg-indigo-darkest:hover {
    background-color: #191e38;
  }

  .lg\:hover\:tw-bg-indigo-darker:hover {
    background-color: #2f365f;
  }

  .lg\:hover\:tw-bg-indigo-dark:hover {
    background-color: #5661b3;
  }

  .lg\:hover\:tw-bg-indigo:hover {
    background-color: #6574cd;
  }

  .lg\:hover\:tw-bg-indigo-light:hover {
    background-color: #7886d7;
  }

  .lg\:hover\:tw-bg-indigo-lighter:hover {
    background-color: #b2b7ff;
  }

  .lg\:hover\:tw-bg-indigo-lightest:hover {
    background-color: #e6e8ff;
  }

  .lg\:hover\:tw-bg-purple-darkest:hover {
    background-color: #21183c;
  }

  .lg\:hover\:tw-bg-purple-darker:hover {
    background-color: #382b5f;
  }

  .lg\:hover\:tw-bg-purple-dark:hover {
    background-color: #794acf;
  }

  .lg\:hover\:tw-bg-purple:hover {
    background-color: #9561e2;
  }

  .lg\:hover\:tw-bg-purple-light:hover {
    background-color: #a779e9;
  }

  .lg\:hover\:tw-bg-purple-lighter:hover {
    background-color: #d6bbfc;
  }

  .lg\:hover\:tw-bg-purple-lightest:hover {
    background-color: #f3ebff;
  }

  .lg\:hover\:tw-bg-pink-darkest:hover {
    background-color: #451225;
  }

  .lg\:hover\:tw-bg-pink-darker:hover {
    background-color: #6f213f;
  }

  .lg\:hover\:tw-bg-pink-dark:hover {
    background-color: #eb5286;
  }

  .lg\:hover\:tw-bg-pink:hover {
    background-color: #f66d9b;
  }

  .lg\:hover\:tw-bg-pink-light:hover {
    background-color: #fa7ea8;
  }

  .lg\:hover\:tw-bg-pink-lighter:hover {
    background-color: #ffbbca;
  }

  .lg\:hover\:tw-bg-pink-lightest:hover {
    background-color: #ffebef;
  }

  .lg\:hover\:tw-bg-primary-l7:hover {
    background-color: rgb(95, 95, 95);
  }

  .lg\:hover\:tw-bg-primary-l6:hover {
    background-color: rgb(85, 85, 85);
  }

  .lg\:hover\:tw-bg-primary-l5:hover {
    background-color: rgb(75, 75, 75);
  }

  .lg\:hover\:tw-bg-primary-l4:hover {
    background-color: rgb(65, 65, 65);
  }

  .lg\:hover\:tw-bg-primary-l3:hover {
    background-color: rgb(55, 55, 55);
  }

  .lg\:hover\:tw-bg-primary-l2:hover {
    background-color: rgb(45, 45, 45);
  }

  .lg\:hover\:tw-bg-primary-l1:hover {
    background-color: rgb(40, 40, 40);
  }

  .lg\:hover\:tw-bg-primary:hover {
    background-color: rgb(35, 35, 35);
  }

  .lg\:hover\:tw-bg-primary-d1:hover {
    background-color: rgb(25, 25, 25);
  }

  .lg\:hover\:tw-bg-primary-d2:hover {
    background-color: rgb(20, 20, 20);
  }

  .lg\:hover\:tw-bg-primary-d3:hover {
    background-color: rgb(15, 15, 15);
  }

  .lg\:hover\:tw-bg-primary-d4:hover {
    background-color: rgb(5, 5, 5);
  }

  .lg\:hover\:tw-bg-primary-o9:hover {
    background-color: rgba(35, 35, 35, .9);
  }

  .lg\:hover\:tw-bg-primary-o8:hover {
    background-color: rgba(35, 35, 35, .8);
  }

  .lg\:hover\:tw-bg-primary-o7:hover {
    background-color: rgba(35, 35, 35, .7);
  }

  .lg\:hover\:tw-bg-primary-o6:hover {
    background-color: rgba(35, 35, 35, .6);
  }

  .lg\:hover\:tw-bg-primary-o5:hover {
    background-color: rgba(35, 35, 35, .5);
  }

  .lg\:hover\:tw-bg-primary-o4:hover {
    background-color: rgba(35, 35, 35, .4);
  }

  .lg\:hover\:tw-bg-primary-o3:hover {
    background-color: rgba(35, 35, 35, .3);
  }

  .lg\:hover\:tw-bg-primary-o2:hover {
    background-color: rgba(35, 35, 35, .2);
  }

  .lg\:hover\:tw-bg-primary-o1:hover {
    background-color: rgba(35, 35, 35, .1);
  }

  .lg\:hover\:tw-bg-primary-g1:hover {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .lg\:hover\:tw-bg-primary-d1-o9:hover {
    background-color: rgba(25, 25, 25, .9);
  }

  .lg\:hover\:tw-bg-primary-l5-o3:hover {
    background-color: rgba(75, 75, 75, .3);
  }

  .lg\:hover\:tw-bg-primary-dark-gray:hover {
    background-color: rgb(165, 165, 165);
  }

  .lg\:focus\:tw-bg-transparent:focus {
    background-color: transparent;
  }

  .lg\:focus\:tw-bg-black:focus {
    background-color: #22292f;
  }

  .lg\:focus\:tw-bg-black-darker:focus {
    background-color: #2f2f2f;
  }

  .lg\:focus\:tw-bg-grey-darkest:focus {
    background-color: #3d4852;
  }

  .lg\:focus\:tw-bg-grey-darker-1:focus {
    background-color: #666;
  }

  .lg\:focus\:tw-bg-grey-darker:focus {
    background-color: #8e8e8e;
  }

  .lg\:focus\:tw-bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .lg\:focus\:tw-bg-grey:focus {
    background-color: #b8c2cc;
  }

  .lg\:focus\:tw-bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .lg\:focus\:tw-bg-grey-lighter:focus {
    background-color: #f1f5f8;
  }

  .lg\:focus\:tw-bg-grey-lightest:focus {
    background-color: #f8fafc;
  }

  .lg\:focus\:tw-bg-white:focus {
    background-color: #fff;
  }

  .lg\:focus\:tw-bg-red-darkest:focus {
    background-color: #3b0d0c;
  }

  .lg\:focus\:tw-bg-red-darker:focus {
    background-color: #621b18;
  }

  .lg\:focus\:tw-bg-red-dark:focus {
    background-color: #cc1f1a;
  }

  .lg\:focus\:tw-bg-red:focus {
    background-color: #e3342f;
  }

  .lg\:focus\:tw-bg-red-light:focus {
    background-color: #ef5753;
  }

  .lg\:focus\:tw-bg-red-lighter:focus {
    background-color: #f9acaa;
  }

  .lg\:focus\:tw-bg-red-lightest:focus {
    background-color: #fcebea;
  }

  .lg\:focus\:tw-bg-orange-darkest:focus {
    background-color: #462a16;
  }

  .lg\:focus\:tw-bg-orange-darker:focus {
    background-color: #613b1f;
  }

  .lg\:focus\:tw-bg-orange-dark:focus {
    background-color: #de751f;
  }

  .lg\:focus\:tw-bg-orange:focus {
    background-color: #f6993f;
  }

  .lg\:focus\:tw-bg-orange-light:focus {
    background-color: #faad63;
  }

  .lg\:focus\:tw-bg-orange-lighter:focus {
    background-color: #fcd9b6;
  }

  .lg\:focus\:tw-bg-orange-lightest:focus {
    background-color: #fff5eb;
  }

  .lg\:focus\:tw-bg-yellow-darkest:focus {
    background-color: #453411;
  }

  .lg\:focus\:tw-bg-yellow-darker:focus {
    background-color: #684f1d;
  }

  .lg\:focus\:tw-bg-yellow-dark:focus {
    background-color: #f2d024;
  }

  .lg\:focus\:tw-bg-yellow:focus {
    background-color: #ffec92;
  }

  .lg\:focus\:tw-bg-yellow-light:focus {
    background-color: #fff382;
  }

  .lg\:focus\:tw-bg-yellow-lighter:focus {
    background-color: #fff9c2;
  }

  .lg\:focus\:tw-bg-yellow-lightest:focus {
    background-color: #fcfbeb;
  }

  .lg\:focus\:tw-bg-green-darkest:focus {
    background-color: #0f2f21;
  }

  .lg\:focus\:tw-bg-green-darker:focus {
    background-color: #1a4731;
  }

  .lg\:focus\:tw-bg-green-dark:focus {
    background-color: #1f9d55;
  }

  .lg\:focus\:tw-bg-green:focus {
    background-color: #38c172;
  }

  .lg\:focus\:tw-bg-green-light:focus {
    background-color: #51d88a;
  }

  .lg\:focus\:tw-bg-green-lighter:focus {
    background-color: #a2f5bf;
  }

  .lg\:focus\:tw-bg-green-lightest:focus {
    background-color: #e3fcec;
  }

  .lg\:focus\:tw-bg-teal-darkest:focus {
    background-color: #0d3331;
  }

  .lg\:focus\:tw-bg-teal-darker:focus {
    background-color: #20504f;
  }

  .lg\:focus\:tw-bg-teal-dark:focus {
    background-color: #38a89d;
  }

  .lg\:focus\:tw-bg-teal:focus {
    background-color: #4dc0b5;
  }

  .lg\:focus\:tw-bg-teal-light:focus {
    background-color: #64d5ca;
  }

  .lg\:focus\:tw-bg-teal-lighter:focus {
    background-color: #a0f0ed;
  }

  .lg\:focus\:tw-bg-teal-lightest:focus {
    background-color: #e8fffe;
  }

  .lg\:focus\:tw-bg-blue-darkest:focus {
    background-color: #12283a;
  }

  .lg\:focus\:tw-bg-blue-darker:focus {
    background-color: #1c3d5a;
  }

  .lg\:focus\:tw-bg-blue-dark:focus {
    background-color: #2779bd;
  }

  .lg\:focus\:tw-bg-blue:focus {
    background-color: #3490dc;
  }

  .lg\:focus\:tw-bg-blue-light:focus {
    background-color: #6cb2eb;
  }

  .lg\:focus\:tw-bg-blue-lighter:focus {
    background-color: #bcdefa;
  }

  .lg\:focus\:tw-bg-blue-lightest:focus {
    background-color: #eff8ff;
  }

  .lg\:focus\:tw-bg-indigo-darkest:focus {
    background-color: #191e38;
  }

  .lg\:focus\:tw-bg-indigo-darker:focus {
    background-color: #2f365f;
  }

  .lg\:focus\:tw-bg-indigo-dark:focus {
    background-color: #5661b3;
  }

  .lg\:focus\:tw-bg-indigo:focus {
    background-color: #6574cd;
  }

  .lg\:focus\:tw-bg-indigo-light:focus {
    background-color: #7886d7;
  }

  .lg\:focus\:tw-bg-indigo-lighter:focus {
    background-color: #b2b7ff;
  }

  .lg\:focus\:tw-bg-indigo-lightest:focus {
    background-color: #e6e8ff;
  }

  .lg\:focus\:tw-bg-purple-darkest:focus {
    background-color: #21183c;
  }

  .lg\:focus\:tw-bg-purple-darker:focus {
    background-color: #382b5f;
  }

  .lg\:focus\:tw-bg-purple-dark:focus {
    background-color: #794acf;
  }

  .lg\:focus\:tw-bg-purple:focus {
    background-color: #9561e2;
  }

  .lg\:focus\:tw-bg-purple-light:focus {
    background-color: #a779e9;
  }

  .lg\:focus\:tw-bg-purple-lighter:focus {
    background-color: #d6bbfc;
  }

  .lg\:focus\:tw-bg-purple-lightest:focus {
    background-color: #f3ebff;
  }

  .lg\:focus\:tw-bg-pink-darkest:focus {
    background-color: #451225;
  }

  .lg\:focus\:tw-bg-pink-darker:focus {
    background-color: #6f213f;
  }

  .lg\:focus\:tw-bg-pink-dark:focus {
    background-color: #eb5286;
  }

  .lg\:focus\:tw-bg-pink:focus {
    background-color: #f66d9b;
  }

  .lg\:focus\:tw-bg-pink-light:focus {
    background-color: #fa7ea8;
  }

  .lg\:focus\:tw-bg-pink-lighter:focus {
    background-color: #ffbbca;
  }

  .lg\:focus\:tw-bg-pink-lightest:focus {
    background-color: #ffebef;
  }

  .lg\:focus\:tw-bg-primary-l7:focus {
    background-color: rgb(95, 95, 95);
  }

  .lg\:focus\:tw-bg-primary-l6:focus {
    background-color: rgb(85, 85, 85);
  }

  .lg\:focus\:tw-bg-primary-l5:focus {
    background-color: rgb(75, 75, 75);
  }

  .lg\:focus\:tw-bg-primary-l4:focus {
    background-color: rgb(65, 65, 65);
  }

  .lg\:focus\:tw-bg-primary-l3:focus {
    background-color: rgb(55, 55, 55);
  }

  .lg\:focus\:tw-bg-primary-l2:focus {
    background-color: rgb(45, 45, 45);
  }

  .lg\:focus\:tw-bg-primary-l1:focus {
    background-color: rgb(40, 40, 40);
  }

  .lg\:focus\:tw-bg-primary:focus {
    background-color: rgb(35, 35, 35);
  }

  .lg\:focus\:tw-bg-primary-d1:focus {
    background-color: rgb(25, 25, 25);
  }

  .lg\:focus\:tw-bg-primary-d2:focus {
    background-color: rgb(20, 20, 20);
  }

  .lg\:focus\:tw-bg-primary-d3:focus {
    background-color: rgb(15, 15, 15);
  }

  .lg\:focus\:tw-bg-primary-d4:focus {
    background-color: rgb(5, 5, 5);
  }

  .lg\:focus\:tw-bg-primary-o9:focus {
    background-color: rgba(35, 35, 35, .9);
  }

  .lg\:focus\:tw-bg-primary-o8:focus {
    background-color: rgba(35, 35, 35, .8);
  }

  .lg\:focus\:tw-bg-primary-o7:focus {
    background-color: rgba(35, 35, 35, .7);
  }

  .lg\:focus\:tw-bg-primary-o6:focus {
    background-color: rgba(35, 35, 35, .6);
  }

  .lg\:focus\:tw-bg-primary-o5:focus {
    background-color: rgba(35, 35, 35, .5);
  }

  .lg\:focus\:tw-bg-primary-o4:focus {
    background-color: rgba(35, 35, 35, .4);
  }

  .lg\:focus\:tw-bg-primary-o3:focus {
    background-color: rgba(35, 35, 35, .3);
  }

  .lg\:focus\:tw-bg-primary-o2:focus {
    background-color: rgba(35, 35, 35, .2);
  }

  .lg\:focus\:tw-bg-primary-o1:focus {
    background-color: rgba(35, 35, 35, .1);
  }

  .lg\:focus\:tw-bg-primary-g1:focus {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .lg\:focus\:tw-bg-primary-d1-o9:focus {
    background-color: rgba(25, 25, 25, .9);
  }

  .lg\:focus\:tw-bg-primary-l5-o3:focus {
    background-color: rgba(75, 75, 75, .3);
  }

  .lg\:focus\:tw-bg-primary-dark-gray:focus {
    background-color: rgb(165, 165, 165);
  }

  .lg\:tw-bg-bottom {
    background-position: bottom;
  }

  .lg\:tw-bg-center {
    background-position: center;
  }

  .lg\:tw-bg-left {
    background-position: left;
  }

  .lg\:tw-bg-left-bottom {
    background-position: left bottom;
  }

  .lg\:tw-bg-left-top {
    background-position: left top;
  }

  .lg\:tw-bg-right {
    background-position: right;
  }

  .lg\:tw-bg-right-bottom {
    background-position: right bottom;
  }

  .lg\:tw-bg-right-top {
    background-position: right top;
  }

  .lg\:tw-bg-top {
    background-position: top;
  }

  .lg\:tw-bg-repeat {
    background-repeat: repeat;
  }

  .lg\:tw-bg-no-repeat {
    background-repeat: no-repeat;
  }

  .lg\:tw-bg-repeat-x {
    background-repeat: repeat-x;
  }

  .lg\:tw-bg-repeat-y {
    background-repeat: repeat-y;
  }

  .lg\:tw-bg-auto {
    background-size: auto;
  }

  .lg\:tw-bg-cover {
    background-size: cover;
  }

  .lg\:tw-bg-contain {
    background-size: contain;
  }

  .lg\:tw-border-transparent {
    border-color: transparent;
  }

  .lg\:tw-border-black {
    border-color: #22292f;
  }

  .lg\:tw-border-black-darker {
    border-color: #2f2f2f;
  }

  .lg\:tw-border-grey-darkest {
    border-color: #3d4852;
  }

  .lg\:tw-border-grey-darker-1 {
    border-color: #666;
  }

  .lg\:tw-border-grey-darker {
    border-color: #8e8e8e;
  }

  .lg\:tw-border-grey-dark {
    border-color: #8795a1;
  }

  .lg\:tw-border-grey {
    border-color: #b8c2cc;
  }

  .lg\:tw-border-grey-light {
    border-color: #dae1e7;
  }

  .lg\:tw-border-grey-lighter {
    border-color: #f1f5f8;
  }

  .lg\:tw-border-grey-lightest {
    border-color: #f8fafc;
  }

  .lg\:tw-border-white {
    border-color: #fff;
  }

  .lg\:tw-border-red-darkest {
    border-color: #3b0d0c;
  }

  .lg\:tw-border-red-darker {
    border-color: #621b18;
  }

  .lg\:tw-border-red-dark {
    border-color: #cc1f1a;
  }

  .lg\:tw-border-red {
    border-color: #e3342f;
  }

  .lg\:tw-border-red-light {
    border-color: #ef5753;
  }

  .lg\:tw-border-red-lighter {
    border-color: #f9acaa;
  }

  .lg\:tw-border-red-lightest {
    border-color: #fcebea;
  }

  .lg\:tw-border-orange-darkest {
    border-color: #462a16;
  }

  .lg\:tw-border-orange-darker {
    border-color: #613b1f;
  }

  .lg\:tw-border-orange-dark {
    border-color: #de751f;
  }

  .lg\:tw-border-orange {
    border-color: #f6993f;
  }

  .lg\:tw-border-orange-light {
    border-color: #faad63;
  }

  .lg\:tw-border-orange-lighter {
    border-color: #fcd9b6;
  }

  .lg\:tw-border-orange-lightest {
    border-color: #fff5eb;
  }

  .lg\:tw-border-yellow-darkest {
    border-color: #453411;
  }

  .lg\:tw-border-yellow-darker {
    border-color: #684f1d;
  }

  .lg\:tw-border-yellow-dark {
    border-color: #f2d024;
  }

  .lg\:tw-border-yellow {
    border-color: #ffec92;
  }

  .lg\:tw-border-yellow-light {
    border-color: #fff382;
  }

  .lg\:tw-border-yellow-lighter {
    border-color: #fff9c2;
  }

  .lg\:tw-border-yellow-lightest {
    border-color: #fcfbeb;
  }

  .lg\:tw-border-green-darkest {
    border-color: #0f2f21;
  }

  .lg\:tw-border-green-darker {
    border-color: #1a4731;
  }

  .lg\:tw-border-green-dark {
    border-color: #1f9d55;
  }

  .lg\:tw-border-green {
    border-color: #38c172;
  }

  .lg\:tw-border-green-light {
    border-color: #51d88a;
  }

  .lg\:tw-border-green-lighter {
    border-color: #a2f5bf;
  }

  .lg\:tw-border-green-lightest {
    border-color: #e3fcec;
  }

  .lg\:tw-border-teal-darkest {
    border-color: #0d3331;
  }

  .lg\:tw-border-teal-darker {
    border-color: #20504f;
  }

  .lg\:tw-border-teal-dark {
    border-color: #38a89d;
  }

  .lg\:tw-border-teal {
    border-color: #4dc0b5;
  }

  .lg\:tw-border-teal-light {
    border-color: #64d5ca;
  }

  .lg\:tw-border-teal-lighter {
    border-color: #a0f0ed;
  }

  .lg\:tw-border-teal-lightest {
    border-color: #e8fffe;
  }

  .lg\:tw-border-blue-darkest {
    border-color: #12283a;
  }

  .lg\:tw-border-blue-darker {
    border-color: #1c3d5a;
  }

  .lg\:tw-border-blue-dark {
    border-color: #2779bd;
  }

  .lg\:tw-border-blue {
    border-color: #3490dc;
  }

  .lg\:tw-border-blue-light {
    border-color: #6cb2eb;
  }

  .lg\:tw-border-blue-lighter {
    border-color: #bcdefa;
  }

  .lg\:tw-border-blue-lightest {
    border-color: #eff8ff;
  }

  .lg\:tw-border-indigo-darkest {
    border-color: #191e38;
  }

  .lg\:tw-border-indigo-darker {
    border-color: #2f365f;
  }

  .lg\:tw-border-indigo-dark {
    border-color: #5661b3;
  }

  .lg\:tw-border-indigo {
    border-color: #6574cd;
  }

  .lg\:tw-border-indigo-light {
    border-color: #7886d7;
  }

  .lg\:tw-border-indigo-lighter {
    border-color: #b2b7ff;
  }

  .lg\:tw-border-indigo-lightest {
    border-color: #e6e8ff;
  }

  .lg\:tw-border-purple-darkest {
    border-color: #21183c;
  }

  .lg\:tw-border-purple-darker {
    border-color: #382b5f;
  }

  .lg\:tw-border-purple-dark {
    border-color: #794acf;
  }

  .lg\:tw-border-purple {
    border-color: #9561e2;
  }

  .lg\:tw-border-purple-light {
    border-color: #a779e9;
  }

  .lg\:tw-border-purple-lighter {
    border-color: #d6bbfc;
  }

  .lg\:tw-border-purple-lightest {
    border-color: #f3ebff;
  }

  .lg\:tw-border-pink-darkest {
    border-color: #451225;
  }

  .lg\:tw-border-pink-darker {
    border-color: #6f213f;
  }

  .lg\:tw-border-pink-dark {
    border-color: #eb5286;
  }

  .lg\:tw-border-pink {
    border-color: #f66d9b;
  }

  .lg\:tw-border-pink-light {
    border-color: #fa7ea8;
  }

  .lg\:tw-border-pink-lighter {
    border-color: #ffbbca;
  }

  .lg\:tw-border-pink-lightest {
    border-color: #ffebef;
  }

  .lg\:tw-border-primary-l7 {
    border-color: rgb(95, 95, 95);
  }

  .lg\:tw-border-primary-l6 {
    border-color: rgb(85, 85, 85);
  }

  .lg\:tw-border-primary-l5 {
    border-color: rgb(75, 75, 75);
  }

  .lg\:tw-border-primary-l4 {
    border-color: rgb(65, 65, 65);
  }

  .lg\:tw-border-primary-l3 {
    border-color: rgb(55, 55, 55);
  }

  .lg\:tw-border-primary-l2 {
    border-color: rgb(45, 45, 45);
  }

  .lg\:tw-border-primary-l1 {
    border-color: rgb(40, 40, 40);
  }

  .lg\:tw-border-primary {
    border-color: rgb(35, 35, 35);
  }

  .lg\:tw-border-primary-d1 {
    border-color: rgb(25, 25, 25);
  }

  .lg\:tw-border-primary-d2 {
    border-color: rgb(20, 20, 20);
  }

  .lg\:tw-border-primary-d3 {
    border-color: rgb(15, 15, 15);
  }

  .lg\:tw-border-primary-d4 {
    border-color: rgb(5, 5, 5);
  }

  .lg\:tw-border-primary-o9 {
    border-color: rgba(35, 35, 35, .9);
  }

  .lg\:tw-border-primary-o8 {
    border-color: rgba(35, 35, 35, .8);
  }

  .lg\:tw-border-primary-o7 {
    border-color: rgba(35, 35, 35, .7);
  }

  .lg\:tw-border-primary-o6 {
    border-color: rgba(35, 35, 35, .6);
  }

  .lg\:tw-border-primary-o5 {
    border-color: rgba(35, 35, 35, .5);
  }

  .lg\:tw-border-primary-o4 {
    border-color: rgba(35, 35, 35, .4);
  }

  .lg\:tw-border-primary-o3 {
    border-color: rgba(35, 35, 35, .3);
  }

  .lg\:tw-border-primary-o2 {
    border-color: rgba(35, 35, 35, .2);
  }

  .lg\:tw-border-primary-o1 {
    border-color: rgba(35, 35, 35, .1);
  }

  .lg\:tw-border-primary-g1 {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .lg\:tw-border-primary-d1-o9 {
    border-color: rgba(25, 25, 25, .9);
  }

  .lg\:tw-border-primary-l5-o3 {
    border-color: rgba(75, 75, 75, .3);
  }

  .lg\:tw-border-primary-dark-gray {
    border-color: rgb(165, 165, 165);
  }

  .lg\:hover\:tw-border-transparent:hover {
    border-color: transparent;
  }

  .lg\:hover\:tw-border-black:hover {
    border-color: #22292f;
  }

  .lg\:hover\:tw-border-black-darker:hover {
    border-color: #2f2f2f;
  }

  .lg\:hover\:tw-border-grey-darkest:hover {
    border-color: #3d4852;
  }

  .lg\:hover\:tw-border-grey-darker-1:hover {
    border-color: #666;
  }

  .lg\:hover\:tw-border-grey-darker:hover {
    border-color: #8e8e8e;
  }

  .lg\:hover\:tw-border-grey-dark:hover {
    border-color: #8795a1;
  }

  .lg\:hover\:tw-border-grey:hover {
    border-color: #b8c2cc;
  }

  .lg\:hover\:tw-border-grey-light:hover {
    border-color: #dae1e7;
  }

  .lg\:hover\:tw-border-grey-lighter:hover {
    border-color: #f1f5f8;
  }

  .lg\:hover\:tw-border-grey-lightest:hover {
    border-color: #f8fafc;
  }

  .lg\:hover\:tw-border-white:hover {
    border-color: #fff;
  }

  .lg\:hover\:tw-border-red-darkest:hover {
    border-color: #3b0d0c;
  }

  .lg\:hover\:tw-border-red-darker:hover {
    border-color: #621b18;
  }

  .lg\:hover\:tw-border-red-dark:hover {
    border-color: #cc1f1a;
  }

  .lg\:hover\:tw-border-red:hover {
    border-color: #e3342f;
  }

  .lg\:hover\:tw-border-red-light:hover {
    border-color: #ef5753;
  }

  .lg\:hover\:tw-border-red-lighter:hover {
    border-color: #f9acaa;
  }

  .lg\:hover\:tw-border-red-lightest:hover {
    border-color: #fcebea;
  }

  .lg\:hover\:tw-border-orange-darkest:hover {
    border-color: #462a16;
  }

  .lg\:hover\:tw-border-orange-darker:hover {
    border-color: #613b1f;
  }

  .lg\:hover\:tw-border-orange-dark:hover {
    border-color: #de751f;
  }

  .lg\:hover\:tw-border-orange:hover {
    border-color: #f6993f;
  }

  .lg\:hover\:tw-border-orange-light:hover {
    border-color: #faad63;
  }

  .lg\:hover\:tw-border-orange-lighter:hover {
    border-color: #fcd9b6;
  }

  .lg\:hover\:tw-border-orange-lightest:hover {
    border-color: #fff5eb;
  }

  .lg\:hover\:tw-border-yellow-darkest:hover {
    border-color: #453411;
  }

  .lg\:hover\:tw-border-yellow-darker:hover {
    border-color: #684f1d;
  }

  .lg\:hover\:tw-border-yellow-dark:hover {
    border-color: #f2d024;
  }

  .lg\:hover\:tw-border-yellow:hover {
    border-color: #ffec92;
  }

  .lg\:hover\:tw-border-yellow-light:hover {
    border-color: #fff382;
  }

  .lg\:hover\:tw-border-yellow-lighter:hover {
    border-color: #fff9c2;
  }

  .lg\:hover\:tw-border-yellow-lightest:hover {
    border-color: #fcfbeb;
  }

  .lg\:hover\:tw-border-green-darkest:hover {
    border-color: #0f2f21;
  }

  .lg\:hover\:tw-border-green-darker:hover {
    border-color: #1a4731;
  }

  .lg\:hover\:tw-border-green-dark:hover {
    border-color: #1f9d55;
  }

  .lg\:hover\:tw-border-green:hover {
    border-color: #38c172;
  }

  .lg\:hover\:tw-border-green-light:hover {
    border-color: #51d88a;
  }

  .lg\:hover\:tw-border-green-lighter:hover {
    border-color: #a2f5bf;
  }

  .lg\:hover\:tw-border-green-lightest:hover {
    border-color: #e3fcec;
  }

  .lg\:hover\:tw-border-teal-darkest:hover {
    border-color: #0d3331;
  }

  .lg\:hover\:tw-border-teal-darker:hover {
    border-color: #20504f;
  }

  .lg\:hover\:tw-border-teal-dark:hover {
    border-color: #38a89d;
  }

  .lg\:hover\:tw-border-teal:hover {
    border-color: #4dc0b5;
  }

  .lg\:hover\:tw-border-teal-light:hover {
    border-color: #64d5ca;
  }

  .lg\:hover\:tw-border-teal-lighter:hover {
    border-color: #a0f0ed;
  }

  .lg\:hover\:tw-border-teal-lightest:hover {
    border-color: #e8fffe;
  }

  .lg\:hover\:tw-border-blue-darkest:hover {
    border-color: #12283a;
  }

  .lg\:hover\:tw-border-blue-darker:hover {
    border-color: #1c3d5a;
  }

  .lg\:hover\:tw-border-blue-dark:hover {
    border-color: #2779bd;
  }

  .lg\:hover\:tw-border-blue:hover {
    border-color: #3490dc;
  }

  .lg\:hover\:tw-border-blue-light:hover {
    border-color: #6cb2eb;
  }

  .lg\:hover\:tw-border-blue-lighter:hover {
    border-color: #bcdefa;
  }

  .lg\:hover\:tw-border-blue-lightest:hover {
    border-color: #eff8ff;
  }

  .lg\:hover\:tw-border-indigo-darkest:hover {
    border-color: #191e38;
  }

  .lg\:hover\:tw-border-indigo-darker:hover {
    border-color: #2f365f;
  }

  .lg\:hover\:tw-border-indigo-dark:hover {
    border-color: #5661b3;
  }

  .lg\:hover\:tw-border-indigo:hover {
    border-color: #6574cd;
  }

  .lg\:hover\:tw-border-indigo-light:hover {
    border-color: #7886d7;
  }

  .lg\:hover\:tw-border-indigo-lighter:hover {
    border-color: #b2b7ff;
  }

  .lg\:hover\:tw-border-indigo-lightest:hover {
    border-color: #e6e8ff;
  }

  .lg\:hover\:tw-border-purple-darkest:hover {
    border-color: #21183c;
  }

  .lg\:hover\:tw-border-purple-darker:hover {
    border-color: #382b5f;
  }

  .lg\:hover\:tw-border-purple-dark:hover {
    border-color: #794acf;
  }

  .lg\:hover\:tw-border-purple:hover {
    border-color: #9561e2;
  }

  .lg\:hover\:tw-border-purple-light:hover {
    border-color: #a779e9;
  }

  .lg\:hover\:tw-border-purple-lighter:hover {
    border-color: #d6bbfc;
  }

  .lg\:hover\:tw-border-purple-lightest:hover {
    border-color: #f3ebff;
  }

  .lg\:hover\:tw-border-pink-darkest:hover {
    border-color: #451225;
  }

  .lg\:hover\:tw-border-pink-darker:hover {
    border-color: #6f213f;
  }

  .lg\:hover\:tw-border-pink-dark:hover {
    border-color: #eb5286;
  }

  .lg\:hover\:tw-border-pink:hover {
    border-color: #f66d9b;
  }

  .lg\:hover\:tw-border-pink-light:hover {
    border-color: #fa7ea8;
  }

  .lg\:hover\:tw-border-pink-lighter:hover {
    border-color: #ffbbca;
  }

  .lg\:hover\:tw-border-pink-lightest:hover {
    border-color: #ffebef;
  }

  .lg\:hover\:tw-border-primary-l7:hover {
    border-color: rgb(95, 95, 95);
  }

  .lg\:hover\:tw-border-primary-l6:hover {
    border-color: rgb(85, 85, 85);
  }

  .lg\:hover\:tw-border-primary-l5:hover {
    border-color: rgb(75, 75, 75);
  }

  .lg\:hover\:tw-border-primary-l4:hover {
    border-color: rgb(65, 65, 65);
  }

  .lg\:hover\:tw-border-primary-l3:hover {
    border-color: rgb(55, 55, 55);
  }

  .lg\:hover\:tw-border-primary-l2:hover {
    border-color: rgb(45, 45, 45);
  }

  .lg\:hover\:tw-border-primary-l1:hover {
    border-color: rgb(40, 40, 40);
  }

  .lg\:hover\:tw-border-primary:hover {
    border-color: rgb(35, 35, 35);
  }

  .lg\:hover\:tw-border-primary-d1:hover {
    border-color: rgb(25, 25, 25);
  }

  .lg\:hover\:tw-border-primary-d2:hover {
    border-color: rgb(20, 20, 20);
  }

  .lg\:hover\:tw-border-primary-d3:hover {
    border-color: rgb(15, 15, 15);
  }

  .lg\:hover\:tw-border-primary-d4:hover {
    border-color: rgb(5, 5, 5);
  }

  .lg\:hover\:tw-border-primary-o9:hover {
    border-color: rgba(35, 35, 35, .9);
  }

  .lg\:hover\:tw-border-primary-o8:hover {
    border-color: rgba(35, 35, 35, .8);
  }

  .lg\:hover\:tw-border-primary-o7:hover {
    border-color: rgba(35, 35, 35, .7);
  }

  .lg\:hover\:tw-border-primary-o6:hover {
    border-color: rgba(35, 35, 35, .6);
  }

  .lg\:hover\:tw-border-primary-o5:hover {
    border-color: rgba(35, 35, 35, .5);
  }

  .lg\:hover\:tw-border-primary-o4:hover {
    border-color: rgba(35, 35, 35, .4);
  }

  .lg\:hover\:tw-border-primary-o3:hover {
    border-color: rgba(35, 35, 35, .3);
  }

  .lg\:hover\:tw-border-primary-o2:hover {
    border-color: rgba(35, 35, 35, .2);
  }

  .lg\:hover\:tw-border-primary-o1:hover {
    border-color: rgba(35, 35, 35, .1);
  }

  .lg\:hover\:tw-border-primary-g1:hover {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .lg\:hover\:tw-border-primary-d1-o9:hover {
    border-color: rgba(25, 25, 25, .9);
  }

  .lg\:hover\:tw-border-primary-l5-o3:hover {
    border-color: rgba(75, 75, 75, .3);
  }

  .lg\:hover\:tw-border-primary-dark-gray:hover {
    border-color: rgb(165, 165, 165);
  }

  .lg\:focus\:tw-border-transparent:focus {
    border-color: transparent;
  }

  .lg\:focus\:tw-border-black:focus {
    border-color: #22292f;
  }

  .lg\:focus\:tw-border-black-darker:focus {
    border-color: #2f2f2f;
  }

  .lg\:focus\:tw-border-grey-darkest:focus {
    border-color: #3d4852;
  }

  .lg\:focus\:tw-border-grey-darker-1:focus {
    border-color: #666;
  }

  .lg\:focus\:tw-border-grey-darker:focus {
    border-color: #8e8e8e;
  }

  .lg\:focus\:tw-border-grey-dark:focus {
    border-color: #8795a1;
  }

  .lg\:focus\:tw-border-grey:focus {
    border-color: #b8c2cc;
  }

  .lg\:focus\:tw-border-grey-light:focus {
    border-color: #dae1e7;
  }

  .lg\:focus\:tw-border-grey-lighter:focus {
    border-color: #f1f5f8;
  }

  .lg\:focus\:tw-border-grey-lightest:focus {
    border-color: #f8fafc;
  }

  .lg\:focus\:tw-border-white:focus {
    border-color: #fff;
  }

  .lg\:focus\:tw-border-red-darkest:focus {
    border-color: #3b0d0c;
  }

  .lg\:focus\:tw-border-red-darker:focus {
    border-color: #621b18;
  }

  .lg\:focus\:tw-border-red-dark:focus {
    border-color: #cc1f1a;
  }

  .lg\:focus\:tw-border-red:focus {
    border-color: #e3342f;
  }

  .lg\:focus\:tw-border-red-light:focus {
    border-color: #ef5753;
  }

  .lg\:focus\:tw-border-red-lighter:focus {
    border-color: #f9acaa;
  }

  .lg\:focus\:tw-border-red-lightest:focus {
    border-color: #fcebea;
  }

  .lg\:focus\:tw-border-orange-darkest:focus {
    border-color: #462a16;
  }

  .lg\:focus\:tw-border-orange-darker:focus {
    border-color: #613b1f;
  }

  .lg\:focus\:tw-border-orange-dark:focus {
    border-color: #de751f;
  }

  .lg\:focus\:tw-border-orange:focus {
    border-color: #f6993f;
  }

  .lg\:focus\:tw-border-orange-light:focus {
    border-color: #faad63;
  }

  .lg\:focus\:tw-border-orange-lighter:focus {
    border-color: #fcd9b6;
  }

  .lg\:focus\:tw-border-orange-lightest:focus {
    border-color: #fff5eb;
  }

  .lg\:focus\:tw-border-yellow-darkest:focus {
    border-color: #453411;
  }

  .lg\:focus\:tw-border-yellow-darker:focus {
    border-color: #684f1d;
  }

  .lg\:focus\:tw-border-yellow-dark:focus {
    border-color: #f2d024;
  }

  .lg\:focus\:tw-border-yellow:focus {
    border-color: #ffec92;
  }

  .lg\:focus\:tw-border-yellow-light:focus {
    border-color: #fff382;
  }

  .lg\:focus\:tw-border-yellow-lighter:focus {
    border-color: #fff9c2;
  }

  .lg\:focus\:tw-border-yellow-lightest:focus {
    border-color: #fcfbeb;
  }

  .lg\:focus\:tw-border-green-darkest:focus {
    border-color: #0f2f21;
  }

  .lg\:focus\:tw-border-green-darker:focus {
    border-color: #1a4731;
  }

  .lg\:focus\:tw-border-green-dark:focus {
    border-color: #1f9d55;
  }

  .lg\:focus\:tw-border-green:focus {
    border-color: #38c172;
  }

  .lg\:focus\:tw-border-green-light:focus {
    border-color: #51d88a;
  }

  .lg\:focus\:tw-border-green-lighter:focus {
    border-color: #a2f5bf;
  }

  .lg\:focus\:tw-border-green-lightest:focus {
    border-color: #e3fcec;
  }

  .lg\:focus\:tw-border-teal-darkest:focus {
    border-color: #0d3331;
  }

  .lg\:focus\:tw-border-teal-darker:focus {
    border-color: #20504f;
  }

  .lg\:focus\:tw-border-teal-dark:focus {
    border-color: #38a89d;
  }

  .lg\:focus\:tw-border-teal:focus {
    border-color: #4dc0b5;
  }

  .lg\:focus\:tw-border-teal-light:focus {
    border-color: #64d5ca;
  }

  .lg\:focus\:tw-border-teal-lighter:focus {
    border-color: #a0f0ed;
  }

  .lg\:focus\:tw-border-teal-lightest:focus {
    border-color: #e8fffe;
  }

  .lg\:focus\:tw-border-blue-darkest:focus {
    border-color: #12283a;
  }

  .lg\:focus\:tw-border-blue-darker:focus {
    border-color: #1c3d5a;
  }

  .lg\:focus\:tw-border-blue-dark:focus {
    border-color: #2779bd;
  }

  .lg\:focus\:tw-border-blue:focus {
    border-color: #3490dc;
  }

  .lg\:focus\:tw-border-blue-light:focus {
    border-color: #6cb2eb;
  }

  .lg\:focus\:tw-border-blue-lighter:focus {
    border-color: #bcdefa;
  }

  .lg\:focus\:tw-border-blue-lightest:focus {
    border-color: #eff8ff;
  }

  .lg\:focus\:tw-border-indigo-darkest:focus {
    border-color: #191e38;
  }

  .lg\:focus\:tw-border-indigo-darker:focus {
    border-color: #2f365f;
  }

  .lg\:focus\:tw-border-indigo-dark:focus {
    border-color: #5661b3;
  }

  .lg\:focus\:tw-border-indigo:focus {
    border-color: #6574cd;
  }

  .lg\:focus\:tw-border-indigo-light:focus {
    border-color: #7886d7;
  }

  .lg\:focus\:tw-border-indigo-lighter:focus {
    border-color: #b2b7ff;
  }

  .lg\:focus\:tw-border-indigo-lightest:focus {
    border-color: #e6e8ff;
  }

  .lg\:focus\:tw-border-purple-darkest:focus {
    border-color: #21183c;
  }

  .lg\:focus\:tw-border-purple-darker:focus {
    border-color: #382b5f;
  }

  .lg\:focus\:tw-border-purple-dark:focus {
    border-color: #794acf;
  }

  .lg\:focus\:tw-border-purple:focus {
    border-color: #9561e2;
  }

  .lg\:focus\:tw-border-purple-light:focus {
    border-color: #a779e9;
  }

  .lg\:focus\:tw-border-purple-lighter:focus {
    border-color: #d6bbfc;
  }

  .lg\:focus\:tw-border-purple-lightest:focus {
    border-color: #f3ebff;
  }

  .lg\:focus\:tw-border-pink-darkest:focus {
    border-color: #451225;
  }

  .lg\:focus\:tw-border-pink-darker:focus {
    border-color: #6f213f;
  }

  .lg\:focus\:tw-border-pink-dark:focus {
    border-color: #eb5286;
  }

  .lg\:focus\:tw-border-pink:focus {
    border-color: #f66d9b;
  }

  .lg\:focus\:tw-border-pink-light:focus {
    border-color: #fa7ea8;
  }

  .lg\:focus\:tw-border-pink-lighter:focus {
    border-color: #ffbbca;
  }

  .lg\:focus\:tw-border-pink-lightest:focus {
    border-color: #ffebef;
  }

  .lg\:focus\:tw-border-primary-l7:focus {
    border-color: rgb(95, 95, 95);
  }

  .lg\:focus\:tw-border-primary-l6:focus {
    border-color: rgb(85, 85, 85);
  }

  .lg\:focus\:tw-border-primary-l5:focus {
    border-color: rgb(75, 75, 75);
  }

  .lg\:focus\:tw-border-primary-l4:focus {
    border-color: rgb(65, 65, 65);
  }

  .lg\:focus\:tw-border-primary-l3:focus {
    border-color: rgb(55, 55, 55);
  }

  .lg\:focus\:tw-border-primary-l2:focus {
    border-color: rgb(45, 45, 45);
  }

  .lg\:focus\:tw-border-primary-l1:focus {
    border-color: rgb(40, 40, 40);
  }

  .lg\:focus\:tw-border-primary:focus {
    border-color: rgb(35, 35, 35);
  }

  .lg\:focus\:tw-border-primary-d1:focus {
    border-color: rgb(25, 25, 25);
  }

  .lg\:focus\:tw-border-primary-d2:focus {
    border-color: rgb(20, 20, 20);
  }

  .lg\:focus\:tw-border-primary-d3:focus {
    border-color: rgb(15, 15, 15);
  }

  .lg\:focus\:tw-border-primary-d4:focus {
    border-color: rgb(5, 5, 5);
  }

  .lg\:focus\:tw-border-primary-o9:focus {
    border-color: rgba(35, 35, 35, .9);
  }

  .lg\:focus\:tw-border-primary-o8:focus {
    border-color: rgba(35, 35, 35, .8);
  }

  .lg\:focus\:tw-border-primary-o7:focus {
    border-color: rgba(35, 35, 35, .7);
  }

  .lg\:focus\:tw-border-primary-o6:focus {
    border-color: rgba(35, 35, 35, .6);
  }

  .lg\:focus\:tw-border-primary-o5:focus {
    border-color: rgba(35, 35, 35, .5);
  }

  .lg\:focus\:tw-border-primary-o4:focus {
    border-color: rgba(35, 35, 35, .4);
  }

  .lg\:focus\:tw-border-primary-o3:focus {
    border-color: rgba(35, 35, 35, .3);
  }

  .lg\:focus\:tw-border-primary-o2:focus {
    border-color: rgba(35, 35, 35, .2);
  }

  .lg\:focus\:tw-border-primary-o1:focus {
    border-color: rgba(35, 35, 35, .1);
  }

  .lg\:focus\:tw-border-primary-g1:focus {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .lg\:focus\:tw-border-primary-d1-o9:focus {
    border-color: rgba(25, 25, 25, .9);
  }

  .lg\:focus\:tw-border-primary-l5-o3:focus {
    border-color: rgba(75, 75, 75, .3);
  }

  .lg\:focus\:tw-border-primary-dark-gray:focus {
    border-color: rgb(165, 165, 165);
  }

  .lg\:tw-rounded-none {
    border-radius: 0;
  }

  .lg\:tw-rounded-sm {
    border-radius: .125rem;
  }

  .lg\:tw-rounded {
    border-radius: .25rem;
  }

  .lg\:tw-rounded-lg {
    border-radius: .5rem;
  }

  .lg\:tw-rounded-full {
    border-radius: 9999px;
  }

  .lg\:tw-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .lg\:tw-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .lg\:tw-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg\:tw-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg\:tw-rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
  }

  .lg\:tw-rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
  }

  .lg\:tw-rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .lg\:tw-rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .lg\:tw-rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .lg\:tw-rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .lg\:tw-rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .lg\:tw-rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .lg\:tw-rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .lg\:tw-rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }

  .lg\:tw-rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .lg\:tw-rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .lg\:tw-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .lg\:tw-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .lg\:tw-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:tw-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:tw-rounded-tl-none {
    border-top-left-radius: 0;
  }

  .lg\:tw-rounded-tr-none {
    border-top-right-radius: 0;
  }

  .lg\:tw-rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .lg\:tw-rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .lg\:tw-rounded-tl-sm {
    border-top-left-radius: .125rem;
  }

  .lg\:tw-rounded-tr-sm {
    border-top-right-radius: .125rem;
  }

  .lg\:tw-rounded-br-sm {
    border-bottom-right-radius: .125rem;
  }

  .lg\:tw-rounded-bl-sm {
    border-bottom-left-radius: .125rem;
  }

  .lg\:tw-rounded-tl {
    border-top-left-radius: .25rem;
  }

  .lg\:tw-rounded-tr {
    border-top-right-radius: .25rem;
  }

  .lg\:tw-rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .lg\:tw-rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .lg\:tw-rounded-tl-lg {
    border-top-left-radius: .5rem;
  }

  .lg\:tw-rounded-tr-lg {
    border-top-right-radius: .5rem;
  }

  .lg\:tw-rounded-br-lg {
    border-bottom-right-radius: .5rem;
  }

  .lg\:tw-rounded-bl-lg {
    border-bottom-left-radius: .5rem;
  }

  .lg\:tw-rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .lg\:tw-rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .lg\:tw-rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .lg\:tw-rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .lg\:tw-border-solid {
    border-style: solid;
  }

  .lg\:tw-border-dashed {
    border-style: dashed;
  }

  .lg\:tw-border-dotted {
    border-style: dotted;
  }

  .lg\:tw-border-none {
    border-style: none;
  }

  .lg\:tw-border-0 {
    border-width: 0;
  }

  .lg\:tw-border-2 {
    border-width: 2px;
  }

  .lg\:tw-border-4 {
    border-width: 4px;
  }

  .lg\:tw-border-8 {
    border-width: 8px;
  }

  .lg\:tw-border {
    border-width: 1px;
  }

  .lg\:tw-border-t-0 {
    border-top-width: 0;
  }

  .lg\:tw-border-r-0 {
    border-right-width: 0;
  }

  .lg\:tw-border-b-0 {
    border-bottom-width: 0;
  }

  .lg\:tw-border-l-0 {
    border-left-width: 0;
  }

  .lg\:tw-border-t-2 {
    border-top-width: 2px;
  }

  .lg\:tw-border-r-2 {
    border-right-width: 2px;
  }

  .lg\:tw-border-b-2 {
    border-bottom-width: 2px;
  }

  .lg\:tw-border-l-2 {
    border-left-width: 2px;
  }

  .lg\:tw-border-t-4 {
    border-top-width: 4px;
  }

  .lg\:tw-border-r-4 {
    border-right-width: 4px;
  }

  .lg\:tw-border-b-4 {
    border-bottom-width: 4px;
  }

  .lg\:tw-border-l-4 {
    border-left-width: 4px;
  }

  .lg\:tw-border-t-8 {
    border-top-width: 8px;
  }

  .lg\:tw-border-r-8 {
    border-right-width: 8px;
  }

  .lg\:tw-border-b-8 {
    border-bottom-width: 8px;
  }

  .lg\:tw-border-l-8 {
    border-left-width: 8px;
  }

  .lg\:tw-border-t {
    border-top-width: 1px;
  }

  .lg\:tw-border-r {
    border-right-width: 1px;
  }

  .lg\:tw-border-b {
    border-bottom-width: 1px;
  }

  .lg\:tw-border-l {
    border-left-width: 1px;
  }

  .lg\:hover\:tw-border-0:hover {
    border-width: 0;
  }

  .lg\:hover\:tw-border-2:hover {
    border-width: 2px;
  }

  .lg\:hover\:tw-border-4:hover {
    border-width: 4px;
  }

  .lg\:hover\:tw-border-8:hover {
    border-width: 8px;
  }

  .lg\:hover\:tw-border:hover {
    border-width: 1px;
  }

  .lg\:hover\:tw-border-t-0:hover {
    border-top-width: 0;
  }

  .lg\:hover\:tw-border-r-0:hover {
    border-right-width: 0;
  }

  .lg\:hover\:tw-border-b-0:hover {
    border-bottom-width: 0;
  }

  .lg\:hover\:tw-border-l-0:hover {
    border-left-width: 0;
  }

  .lg\:hover\:tw-border-t-2:hover {
    border-top-width: 2px;
  }

  .lg\:hover\:tw-border-r-2:hover {
    border-right-width: 2px;
  }

  .lg\:hover\:tw-border-b-2:hover {
    border-bottom-width: 2px;
  }

  .lg\:hover\:tw-border-l-2:hover {
    border-left-width: 2px;
  }

  .lg\:hover\:tw-border-t-4:hover {
    border-top-width: 4px;
  }

  .lg\:hover\:tw-border-r-4:hover {
    border-right-width: 4px;
  }

  .lg\:hover\:tw-border-b-4:hover {
    border-bottom-width: 4px;
  }

  .lg\:hover\:tw-border-l-4:hover {
    border-left-width: 4px;
  }

  .lg\:hover\:tw-border-t-8:hover {
    border-top-width: 8px;
  }

  .lg\:hover\:tw-border-r-8:hover {
    border-right-width: 8px;
  }

  .lg\:hover\:tw-border-b-8:hover {
    border-bottom-width: 8px;
  }

  .lg\:hover\:tw-border-l-8:hover {
    border-left-width: 8px;
  }

  .lg\:hover\:tw-border-t:hover {
    border-top-width: 1px;
  }

  .lg\:hover\:tw-border-r:hover {
    border-right-width: 1px;
  }

  .lg\:hover\:tw-border-b:hover {
    border-bottom-width: 1px;
  }

  .lg\:hover\:tw-border-l:hover {
    border-left-width: 1px;
  }

  .lg\:focus\:tw-border-0:focus {
    border-width: 0;
  }

  .lg\:focus\:tw-border-2:focus {
    border-width: 2px;
  }

  .lg\:focus\:tw-border-4:focus {
    border-width: 4px;
  }

  .lg\:focus\:tw-border-8:focus {
    border-width: 8px;
  }

  .lg\:focus\:tw-border:focus {
    border-width: 1px;
  }

  .lg\:focus\:tw-border-t-0:focus {
    border-top-width: 0;
  }

  .lg\:focus\:tw-border-r-0:focus {
    border-right-width: 0;
  }

  .lg\:focus\:tw-border-b-0:focus {
    border-bottom-width: 0;
  }

  .lg\:focus\:tw-border-l-0:focus {
    border-left-width: 0;
  }

  .lg\:focus\:tw-border-t-2:focus {
    border-top-width: 2px;
  }

  .lg\:focus\:tw-border-r-2:focus {
    border-right-width: 2px;
  }

  .lg\:focus\:tw-border-b-2:focus {
    border-bottom-width: 2px;
  }

  .lg\:focus\:tw-border-l-2:focus {
    border-left-width: 2px;
  }

  .lg\:focus\:tw-border-t-4:focus {
    border-top-width: 4px;
  }

  .lg\:focus\:tw-border-r-4:focus {
    border-right-width: 4px;
  }

  .lg\:focus\:tw-border-b-4:focus {
    border-bottom-width: 4px;
  }

  .lg\:focus\:tw-border-l-4:focus {
    border-left-width: 4px;
  }

  .lg\:focus\:tw-border-t-8:focus {
    border-top-width: 8px;
  }

  .lg\:focus\:tw-border-r-8:focus {
    border-right-width: 8px;
  }

  .lg\:focus\:tw-border-b-8:focus {
    border-bottom-width: 8px;
  }

  .lg\:focus\:tw-border-l-8:focus {
    border-left-width: 8px;
  }

  .lg\:focus\:tw-border-t:focus {
    border-top-width: 1px;
  }

  .lg\:focus\:tw-border-r:focus {
    border-right-width: 1px;
  }

  .lg\:focus\:tw-border-b:focus {
    border-bottom-width: 1px;
  }

  .lg\:focus\:tw-border-l:focus {
    border-left-width: 1px;
  }

  .lg\:tw-cursor-auto {
    cursor: auto;
  }

  .lg\:tw-cursor-default {
    cursor: default;
  }

  .lg\:tw-cursor-pointer {
    cursor: pointer;
  }

  .lg\:tw-cursor-wait {
    cursor: wait;
  }

  .lg\:tw-cursor-move {
    cursor: move;
  }

  .lg\:tw-cursor-not-allowed {
    cursor: not-allowed;
  }

  .lg\:tw-block {
    display: block;
  }

  .lg\:tw-inline-block {
    display: inline-block;
  }

  .lg\:tw-inline {
    display: inline;
  }

  .lg\:tw-table {
    display: table;
  }

  .lg\:tw-table-row {
    display: table-row;
  }

  .lg\:tw-table-cell {
    display: table-cell;
  }

  .lg\:tw-hidden {
    display: none;
  }

  .group:hover .lg\:group-hover\:tw-block {
    display: block;
  }

  .group:hover .lg\:group-hover\:tw-inline-block {
    display: inline-block;
  }

  .group:hover .lg\:group-hover\:tw-inline {
    display: inline;
  }

  .group:hover .lg\:group-hover\:tw-table {
    display: table;
  }

  .group:hover .lg\:group-hover\:tw-table-row {
    display: table-row;
  }

  .group:hover .lg\:group-hover\:tw-table-cell {
    display: table-cell;
  }

  .group:hover .lg\:group-hover\:tw-hidden {
    display: none;
  }

  .lg\:hover\:tw-block:hover {
    display: block;
  }

  .lg\:hover\:tw-inline-block:hover {
    display: inline-block;
  }

  .lg\:hover\:tw-inline:hover {
    display: inline;
  }

  .lg\:hover\:tw-table:hover {
    display: table;
  }

  .lg\:hover\:tw-table-row:hover {
    display: table-row;
  }

  .lg\:hover\:tw-table-cell:hover {
    display: table-cell;
  }

  .lg\:hover\:tw-hidden:hover {
    display: none;
  }

  .lg\:tw-flex {
    display: flex;
  }

  .lg\:tw-inline-flex {
    display: inline-flex;
  }

  .lg\:tw-flex-row {
    flex-direction: row;
  }

  .lg\:tw-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:tw-flex-col {
    flex-direction: column;
  }

  .lg\:tw-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .lg\:tw-flex-wrap {
    flex-wrap: wrap;
  }

  .lg\:tw-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .lg\:tw-flex-no-wrap {
    flex-wrap: nowrap;
  }

  .lg\:tw-items-start {
    align-items: flex-start;
  }

  .lg\:tw-items-end {
    align-items: flex-end;
  }

  .lg\:tw-items-center {
    align-items: center;
  }

  .lg\:tw-items-baseline {
    align-items: baseline;
  }

  .lg\:tw-items-stretch {
    align-items: stretch;
  }

  .lg\:tw-self-auto {
    align-self: auto;
  }

  .lg\:tw-self-start {
    align-self: flex-start;
  }

  .lg\:tw-self-end {
    align-self: flex-end;
  }

  .lg\:tw-self-center {
    align-self: center;
  }

  .lg\:tw-self-stretch {
    align-self: stretch;
  }

  .lg\:tw-justify-start {
    justify-content: flex-start;
  }

  .lg\:tw-justify-end {
    justify-content: flex-end;
  }

  .lg\:tw-justify-center {
    justify-content: center;
  }

  .lg\:tw-justify-between {
    justify-content: space-between;
  }

  .lg\:tw-justify-around {
    justify-content: space-around;
  }

  .lg\:tw-content-center {
    align-content: center;
  }

  .lg\:tw-content-start {
    align-content: flex-start;
  }

  .lg\:tw-content-end {
    align-content: flex-end;
  }

  .lg\:tw-content-between {
    align-content: space-between;
  }

  .lg\:tw-content-around {
    align-content: space-around;
  }

  .lg\:tw-flex-1 {
    flex: 1;
  }

  .lg\:tw-flex-auto {
    flex: auto;
  }

  .lg\:tw-flex-initial {
    flex: initial;
  }

  .lg\:tw-flex-none {
    flex: none;
  }

  .lg\:tw-flex-grow {
    flex-grow: 1;
  }

  .lg\:tw-flex-shrink {
    flex-shrink: 1;
  }

  .lg\:tw-flex-no-grow {
    flex-grow: 0;
  }

  .lg\:tw-flex-no-shrink {
    flex-shrink: 0;
  }

  .lg\:tw-float-right {
    float: right;
  }

  .lg\:tw-float-left {
    float: left;
  }

  .lg\:tw-float-none {
    float: none;
  }

  .lg\:tw-clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .lg\:tw-font-sans {
    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .lg\:tw-font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .lg\:tw-font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .lg\:tw-font-hairline {
    font-weight: 100;
  }

  .lg\:tw-font-thin {
    font-weight: 200;
  }

  .lg\:tw-font-light {
    font-weight: 300;
  }

  .lg\:tw-font-normal {
    font-weight: 400;
  }

  .lg\:tw-font-medium {
    font-weight: 500;
  }

  .lg\:tw-font-semibold {
    font-weight: 600;
  }

  .lg\:tw-font-bold {
    font-weight: 700;
  }

  .lg\:tw-font-extrabold {
    font-weight: 800;
  }

  .lg\:tw-font-black {
    font-weight: 900;
  }

  .lg\:hover\:tw-font-hairline:hover {
    font-weight: 100;
  }

  .lg\:hover\:tw-font-thin:hover {
    font-weight: 200;
  }

  .lg\:hover\:tw-font-light:hover {
    font-weight: 300;
  }

  .lg\:hover\:tw-font-normal:hover {
    font-weight: 400;
  }

  .lg\:hover\:tw-font-medium:hover {
    font-weight: 500;
  }

  .lg\:hover\:tw-font-semibold:hover {
    font-weight: 600;
  }

  .lg\:hover\:tw-font-bold:hover {
    font-weight: 700;
  }

  .lg\:hover\:tw-font-extrabold:hover {
    font-weight: 800;
  }

  .lg\:hover\:tw-font-black:hover {
    font-weight: 900;
  }

  .lg\:focus\:tw-font-hairline:focus {
    font-weight: 100;
  }

  .lg\:focus\:tw-font-thin:focus {
    font-weight: 200;
  }

  .lg\:focus\:tw-font-light:focus {
    font-weight: 300;
  }

  .lg\:focus\:tw-font-normal:focus {
    font-weight: 400;
  }

  .lg\:focus\:tw-font-medium:focus {
    font-weight: 500;
  }

  .lg\:focus\:tw-font-semibold:focus {
    font-weight: 600;
  }

  .lg\:focus\:tw-font-bold:focus {
    font-weight: 700;
  }

  .lg\:focus\:tw-font-extrabold:focus {
    font-weight: 800;
  }

  .lg\:focus\:tw-font-black:focus {
    font-weight: 900;
  }

  .lg\:tw-h-1 {
    height: .25rem;
  }

  .lg\:tw-h-2 {
    height: .5rem;
  }

  .lg\:tw-h-3 {
    height: .75rem;
  }

  .lg\:tw-h-4 {
    height: 1rem;
  }

  .lg\:tw-h-5 {
    height: 1.25rem;
  }

  .lg\:tw-h-6 {
    height: 1.5rem;
  }

  .lg\:tw-h-8 {
    height: 2rem;
  }

  .lg\:tw-h-10 {
    height: 2.5rem;
  }

  .lg\:tw-h-12 {
    height: 3rem;
  }

  .lg\:tw-h-16 {
    height: 4rem;
  }

  .lg\:tw-h-20 {
    height: 5rem;
  }

  .lg\:tw-h-24 {
    height: 6rem;
  }

  .lg\:tw-h-28 {
    height: 7rem;
  }

  .lg\:tw-h-32 {
    height: 8rem;
  }

  .lg\:tw-h-48 {
    height: 12rem;
  }

  .lg\:tw-h-64 {
    height: 16rem;
  }

  .lg\:tw-h-auto {
    height: auto;
  }

  .lg\:tw-h-px {
    height: 1px;
  }

  .lg\:tw-h-full {
    height: 100%;
  }

  .lg\:tw-h-screen {
    height: 100vh;
  }

  .lg\:tw-leading-none {
    line-height: 1;
  }

  .lg\:tw-leading-tight {
    line-height: 1.25;
  }

  .lg\:tw-leading-normal {
    line-height: 1.5;
  }

  .lg\:tw-leading-loose {
    line-height: 2;
  }

  .lg\:tw-m-0 {
    margin: 0;
  }

  .lg\:tw-m-1 {
    margin: .25rem;
  }

  .lg\:tw-m-2 {
    margin: .5rem;
  }

  .lg\:tw-m-3 {
    margin: .75rem;
  }

  .lg\:tw-m-4 {
    margin: 1rem;
  }

  .lg\:tw-m-5 {
    margin: 1.25rem;
  }

  .lg\:tw-m-6 {
    margin: 1.5rem;
  }

  .lg\:tw-m-8 {
    margin: 2rem;
  }

  .lg\:tw-m-10 {
    margin: 2.5rem;
  }

  .lg\:tw-m-12 {
    margin: 3rem;
  }

  .lg\:tw-m-16 {
    margin: 4rem;
  }

  .lg\:tw-m-20 {
    margin: 5rem;
  }

  .lg\:tw-m-24 {
    margin: 6rem;
  }

  .lg\:tw-m-32 {
    margin: 8rem;
  }

  .lg\:tw-m-40 {
    margin: 10rem;
  }

  .lg\:tw-m-auto {
    margin: auto;
  }

  .lg\:tw-m-px {
    margin: 1px;
  }

  .lg\:tw-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:tw-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:tw-my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .lg\:tw-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .lg\:tw-my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .lg\:tw-mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .lg\:tw-my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .lg\:tw-mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .lg\:tw-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .lg\:tw-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .lg\:tw-my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .lg\:tw-mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .lg\:tw-my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:tw-mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .lg\:tw-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg\:tw-mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg\:tw-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .lg\:tw-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .lg\:tw-my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:tw-mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .lg\:tw-my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:tw-mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .lg\:tw-my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .lg\:tw-mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .lg\:tw-my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:tw-mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .lg\:tw-my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .lg\:tw-mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .lg\:tw-my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .lg\:tw-mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .lg\:tw-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:tw-my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .lg\:tw-mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .lg\:tw-mt-0 {
    margin-top: 0;
  }

  .lg\:tw-mr-0 {
    margin-right: 0;
  }

  .lg\:tw-mb-0 {
    margin-bottom: 0;
  }

  .lg\:tw-ml-0 {
    margin-left: 0;
  }

  .lg\:tw-mt-1 {
    margin-top: .25rem;
  }

  .lg\:tw-mr-1 {
    margin-right: .25rem;
  }

  .lg\:tw-mb-1 {
    margin-bottom: .25rem;
  }

  .lg\:tw-ml-1 {
    margin-left: .25rem;
  }

  .lg\:tw-mt-2 {
    margin-top: .5rem;
  }

  .lg\:tw-mr-2 {
    margin-right: .5rem;
  }

  .lg\:tw-mb-2 {
    margin-bottom: .5rem;
  }

  .lg\:tw-ml-2 {
    margin-left: .5rem;
  }

  .lg\:tw-mt-3 {
    margin-top: .75rem;
  }

  .lg\:tw-mr-3 {
    margin-right: .75rem;
  }

  .lg\:tw-mb-3 {
    margin-bottom: .75rem;
  }

  .lg\:tw-ml-3 {
    margin-left: .75rem;
  }

  .lg\:tw-mt-4 {
    margin-top: 1rem;
  }

  .lg\:tw-mr-4 {
    margin-right: 1rem;
  }

  .lg\:tw-mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:tw-ml-4 {
    margin-left: 1rem;
  }

  .lg\:tw-mt-5 {
    margin-top: 1.25rem;
  }

  .lg\:tw-mr-5 {
    margin-right: 1.25rem;
  }

  .lg\:tw-mb-5 {
    margin-bottom: 1.25rem;
  }

  .lg\:tw-ml-5 {
    margin-left: 1.25rem;
  }

  .lg\:tw-mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:tw-mr-6 {
    margin-right: 1.5rem;
  }

  .lg\:tw-mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:tw-ml-6 {
    margin-left: 1.5rem;
  }

  .lg\:tw-mt-8 {
    margin-top: 2rem;
  }

  .lg\:tw-mr-8 {
    margin-right: 2rem;
  }

  .lg\:tw-mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:tw-ml-8 {
    margin-left: 2rem;
  }

  .lg\:tw-mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:tw-mr-10 {
    margin-right: 2.5rem;
  }

  .lg\:tw-mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:tw-ml-10 {
    margin-left: 2.5rem;
  }

  .lg\:tw-mt-12 {
    margin-top: 3rem;
  }

  .lg\:tw-mr-12 {
    margin-right: 3rem;
  }

  .lg\:tw-mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:tw-ml-12 {
    margin-left: 3rem;
  }

  .lg\:tw-mt-16 {
    margin-top: 4rem;
  }

  .lg\:tw-mr-16 {
    margin-right: 4rem;
  }

  .lg\:tw-mb-16 {
    margin-bottom: 4rem;
  }

  .lg\:tw-ml-16 {
    margin-left: 4rem;
  }

  .lg\:tw-mt-20 {
    margin-top: 5rem;
  }

  .lg\:tw-mr-20 {
    margin-right: 5rem;
  }

  .lg\:tw-mb-20 {
    margin-bottom: 5rem;
  }

  .lg\:tw-ml-20 {
    margin-left: 5rem;
  }

  .lg\:tw-mt-24 {
    margin-top: 6rem;
  }

  .lg\:tw-mr-24 {
    margin-right: 6rem;
  }

  .lg\:tw-mb-24 {
    margin-bottom: 6rem;
  }

  .lg\:tw-ml-24 {
    margin-left: 6rem;
  }

  .lg\:tw-mt-32 {
    margin-top: 8rem;
  }

  .lg\:tw-mr-32 {
    margin-right: 8rem;
  }

  .lg\:tw-mb-32 {
    margin-bottom: 8rem;
  }

  .lg\:tw-ml-32 {
    margin-left: 8rem;
  }

  .lg\:tw-mt-40 {
    margin-top: 10rem;
  }

  .lg\:tw-mr-40 {
    margin-right: 10rem;
  }

  .lg\:tw-mb-40 {
    margin-bottom: 10rem;
  }

  .lg\:tw-ml-40 {
    margin-left: 10rem;
  }

  .lg\:tw-mt-auto {
    margin-top: auto;
  }

  .lg\:tw-mr-auto {
    margin-right: auto;
  }

  .lg\:tw-mb-auto {
    margin-bottom: auto;
  }

  .lg\:tw-ml-auto {
    margin-left: auto;
  }

  .lg\:tw-mt-px {
    margin-top: 1px;
  }

  .lg\:tw-mr-px {
    margin-right: 1px;
  }

  .lg\:tw-mb-px {
    margin-bottom: 1px;
  }

  .lg\:tw-ml-px {
    margin-left: 1px;
  }

  .lg\:tw-max-h-0 {
    max-height: 0;
  }

  .lg\:tw-max-h-1 {
    max-height: .25rem;
  }

  .lg\:tw-max-h-2 {
    max-height: .5rem;
  }

  .lg\:tw-max-h-3 {
    max-height: .75rem;
  }

  .lg\:tw-max-h-4 {
    max-height: 1rem;
  }

  .lg\:tw-max-h-5 {
    max-height: 1.25rem;
  }

  .lg\:tw-max-h-6 {
    max-height: 1.5rem;
  }

  .lg\:tw-max-h-8 {
    max-height: 2rem;
  }

  .lg\:tw-max-h-10 {
    max-height: 2.5rem;
  }

  .lg\:tw-max-h-12 {
    max-height: 3rem;
  }

  .lg\:tw-max-h-16 {
    max-height: 4rem;
  }

  .lg\:tw-max-h-20 {
    max-height: 5rem;
  }

  .lg\:tw-max-h-24 {
    max-height: 6rem;
  }

  .lg\:tw-max-h-28 {
    max-height: 7rem;
  }

  .lg\:tw-max-h-32 {
    max-height: 8rem;
  }

  .lg\:tw-max-h-40 {
    max-height: 10rem;
  }

  .lg\:tw-max-h-44 {
    max-height: 11rem;
  }

  .lg\:tw-max-h-48 {
    max-height: 12rem;
  }

  .lg\:tw-max-h-64 {
    max-height: 16rem;
  }

  .lg\:tw-max-h-full {
    max-height: 100%;
  }

  .lg\:tw-max-h-screen {
    max-height: 100vh;
  }

  .lg\:tw-max-w-xs {
    max-width: 20rem;
  }

  .lg\:tw-max-w-sm {
    max-width: 30rem;
  }

  .lg\:tw-max-w-md {
    max-width: 40rem;
  }

  .lg\:tw-max-w-lg {
    max-width: 50rem;
  }

  .lg\:tw-max-w-xl {
    max-width: 60rem;
  }

  .lg\:tw-max-w-2xl {
    max-width: 70rem;
  }

  .lg\:tw-max-w-3xl {
    max-width: 80rem;
  }

  .lg\:tw-max-w-4xl {
    max-width: 90rem;
  }

  .lg\:tw-max-w-5xl {
    max-width: 100rem;
  }

  .lg\:tw-max-w-full {
    max-width: 100%;
  }

  .lg\:tw-min-h-0 {
    min-height: 0;
  }

  .lg\:tw-min-h-1 {
    min-height: .25rem;
  }

  .lg\:tw-min-h-2 {
    min-height: .5rem;
  }

  .lg\:tw-min-h-3 {
    min-height: .75rem;
  }

  .lg\:tw-min-h-4 {
    min-height: 1rem;
  }

  .lg\:tw-min-h-5 {
    min-height: 1.25rem;
  }

  .lg\:tw-min-h-6 {
    min-height: 1.5rem;
  }

  .lg\:tw-min-h-7 {
    min-height: 1.75rem;
  }

  .lg\:tw-min-h-8 {
    min-height: 2rem;
  }

  .lg\:tw-min-h-10 {
    min-height: 2.5rem;
  }

  .lg\:tw-min-h-12 {
    min-height: 3rem;
  }

  .lg\:tw-min-h-16 {
    min-height: 4rem;
  }

  .lg\:tw-min-h-20 {
    min-height: 5rem;
  }

  .lg\:tw-min-h-24 {
    min-height: 6rem;
  }

  .lg\:tw-min-h-28 {
    min-height: 7rem;
  }

  .lg\:tw-min-h-32 {
    min-height: 8rem;
  }

  .lg\:tw-min-h-40 {
    min-height: 10rem;
  }

  .lg\:tw-min-h-44 {
    min-height: 11rem;
  }

  .lg\:tw-min-h-48 {
    min-height: 12rem;
  }

  .lg\:tw-min-h-64 {
    min-height: 16rem;
  }

  .lg\:tw-min-h-full {
    min-height: 100%;
  }

  .lg\:tw-min-h-screen {
    min-height: 100vh;
  }

  .lg\:tw-min-w-0 {
    min-width: 0;
  }

  .lg\:tw-min-w-1 {
    min-width: .25rem;
  }

  .lg\:tw-min-w-2 {
    min-width: .5rem;
  }

  .lg\:tw-min-w-3 {
    min-width: .75rem;
  }

  .lg\:tw-min-w-4 {
    min-width: 1rem;
  }

  .lg\:tw-min-w-5 {
    min-width: 1.25rem;
  }

  .lg\:tw-min-w-6 {
    min-width: 1.5rem;
  }

  .lg\:tw-min-w-8 {
    min-width: 2rem;
  }

  .lg\:tw-min-w-10 {
    min-width: 2.5rem;
  }

  .lg\:tw-min-w-12 {
    min-width: 3rem;
  }

  .lg\:tw-min-w-16 {
    min-width: 4rem;
  }

  .lg\:tw-min-w-20 {
    min-width: 5rem;
  }

  .lg\:tw-min-w-24 {
    min-width: 6rem;
  }

  .lg\:tw-min-w-28 {
    min-width: 7rem;
  }

  .lg\:tw-min-w-32 {
    min-width: 8rem;
  }

  .lg\:tw-min-w-48 {
    min-width: 12rem;
  }

  .lg\:tw-min-w-64 {
    min-width: 16rem;
  }

  .lg\:tw-min-w-88 {
    min-width: 22rem;
  }

  .lg\:tw-min-w-full {
    min-width: 100%;
  }

  .lg\:tw--m-0 {
    margin: 0;
  }

  .lg\:tw--m-1 {
    margin: -0.25rem;
  }

  .lg\:tw--m-2 {
    margin: -0.5rem;
  }

  .lg\:tw--m-3 {
    margin: -0.75rem;
  }

  .lg\:tw--m-4 {
    margin: -1rem;
  }

  .lg\:tw--m-5 {
    margin: -1.25rem;
  }

  .lg\:tw--m-6 {
    margin: -1.5rem;
  }

  .lg\:tw--m-8 {
    margin: -2rem;
  }

  .lg\:tw--m-10 {
    margin: -2.5rem;
  }

  .lg\:tw--m-12 {
    margin: -3rem;
  }

  .lg\:tw--m-16 {
    margin: -4rem;
  }

  .lg\:tw--m-20 {
    margin: -5rem;
  }

  .lg\:tw--m-24 {
    margin: -6rem;
  }

  .lg\:tw--m-32 {
    margin: -8rem;
  }

  .lg\:tw--m-px {
    margin: -1px;
  }

  .lg\:tw--my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:tw--mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:tw--my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .lg\:tw--mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .lg\:tw--my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .lg\:tw--mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .lg\:tw--my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .lg\:tw--mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .lg\:tw--my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .lg\:tw--mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .lg\:tw--my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .lg\:tw--mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .lg\:tw--my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .lg\:tw--mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .lg\:tw--my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .lg\:tw--mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .lg\:tw--my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .lg\:tw--mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .lg\:tw--my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .lg\:tw--mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .lg\:tw--my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .lg\:tw--mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .lg\:tw--my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .lg\:tw--mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .lg\:tw--my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .lg\:tw--mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .lg\:tw--my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .lg\:tw--mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .lg\:tw--my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .lg\:tw--mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .lg\:tw--mt-0 {
    margin-top: 0;
  }

  .lg\:tw--mr-0 {
    margin-right: 0;
  }

  .lg\:tw--mb-0 {
    margin-bottom: 0;
  }

  .lg\:tw--ml-0 {
    margin-left: 0;
  }

  .lg\:tw--mt-1 {
    margin-top: -0.25rem;
  }

  .lg\:tw--mr-1 {
    margin-right: -0.25rem;
  }

  .lg\:tw--mb-1 {
    margin-bottom: -0.25rem;
  }

  .lg\:tw--ml-1 {
    margin-left: -0.25rem;
  }

  .lg\:tw--mt-2 {
    margin-top: -0.5rem;
  }

  .lg\:tw--mr-2 {
    margin-right: -0.5rem;
  }

  .lg\:tw--mb-2 {
    margin-bottom: -0.5rem;
  }

  .lg\:tw--ml-2 {
    margin-left: -0.5rem;
  }

  .lg\:tw--mt-3 {
    margin-top: -0.75rem;
  }

  .lg\:tw--mr-3 {
    margin-right: -0.75rem;
  }

  .lg\:tw--mb-3 {
    margin-bottom: -0.75rem;
  }

  .lg\:tw--ml-3 {
    margin-left: -0.75rem;
  }

  .lg\:tw--mt-4 {
    margin-top: -1rem;
  }

  .lg\:tw--mr-4 {
    margin-right: -1rem;
  }

  .lg\:tw--mb-4 {
    margin-bottom: -1rem;
  }

  .lg\:tw--ml-4 {
    margin-left: -1rem;
  }

  .lg\:tw--mt-5 {
    margin-top: -1.25rem;
  }

  .lg\:tw--mr-5 {
    margin-right: -1.25rem;
  }

  .lg\:tw--mb-5 {
    margin-bottom: -1.25rem;
  }

  .lg\:tw--ml-5 {
    margin-left: -1.25rem;
  }

  .lg\:tw--mt-6 {
    margin-top: -1.5rem;
  }

  .lg\:tw--mr-6 {
    margin-right: -1.5rem;
  }

  .lg\:tw--mb-6 {
    margin-bottom: -1.5rem;
  }

  .lg\:tw--ml-6 {
    margin-left: -1.5rem;
  }

  .lg\:tw--mt-8 {
    margin-top: -2rem;
  }

  .lg\:tw--mr-8 {
    margin-right: -2rem;
  }

  .lg\:tw--mb-8 {
    margin-bottom: -2rem;
  }

  .lg\:tw--ml-8 {
    margin-left: -2rem;
  }

  .lg\:tw--mt-10 {
    margin-top: -2.5rem;
  }

  .lg\:tw--mr-10 {
    margin-right: -2.5rem;
  }

  .lg\:tw--mb-10 {
    margin-bottom: -2.5rem;
  }

  .lg\:tw--ml-10 {
    margin-left: -2.5rem;
  }

  .lg\:tw--mt-12 {
    margin-top: -3rem;
  }

  .lg\:tw--mr-12 {
    margin-right: -3rem;
  }

  .lg\:tw--mb-12 {
    margin-bottom: -3rem;
  }

  .lg\:tw--ml-12 {
    margin-left: -3rem;
  }

  .lg\:tw--mt-16 {
    margin-top: -4rem;
  }

  .lg\:tw--mr-16 {
    margin-right: -4rem;
  }

  .lg\:tw--mb-16 {
    margin-bottom: -4rem;
  }

  .lg\:tw--ml-16 {
    margin-left: -4rem;
  }

  .lg\:tw--mt-20 {
    margin-top: -5rem;
  }

  .lg\:tw--mr-20 {
    margin-right: -5rem;
  }

  .lg\:tw--mb-20 {
    margin-bottom: -5rem;
  }

  .lg\:tw--ml-20 {
    margin-left: -5rem;
  }

  .lg\:tw--mt-24 {
    margin-top: -6rem;
  }

  .lg\:tw--mr-24 {
    margin-right: -6rem;
  }

  .lg\:tw--mb-24 {
    margin-bottom: -6rem;
  }

  .lg\:tw--ml-24 {
    margin-left: -6rem;
  }

  .lg\:tw--mt-32 {
    margin-top: -8rem;
  }

  .lg\:tw--mr-32 {
    margin-right: -8rem;
  }

  .lg\:tw--mb-32 {
    margin-bottom: -8rem;
  }

  .lg\:tw--ml-32 {
    margin-left: -8rem;
  }

  .lg\:tw--mt-px {
    margin-top: -1px;
  }

  .lg\:tw--mr-px {
    margin-right: -1px;
  }

  .lg\:tw--mb-px {
    margin-bottom: -1px;
  }

  .lg\:tw--ml-px {
    margin-left: -1px;
  }

  .lg\:tw-opacity-0 {
    opacity: 0;
  }

  .lg\:tw-opacity-25 {
    opacity: .25;
  }

  .lg\:tw-opacity-50 {
    opacity: .5;
  }

  .lg\:tw-opacity-75 {
    opacity: .75;
  }

  .lg\:tw-opacity-100 {
    opacity: 1;
  }

  .lg\:hover\:tw-opacity-0:hover {
    opacity: 0;
  }

  .lg\:hover\:tw-opacity-25:hover {
    opacity: .25;
  }

  .lg\:hover\:tw-opacity-50:hover {
    opacity: .5;
  }

  .lg\:hover\:tw-opacity-75:hover {
    opacity: .75;
  }

  .lg\:hover\:tw-opacity-100:hover {
    opacity: 1;
  }

  .lg\:tw-overflow-auto {
    overflow: auto;
  }

  .lg\:tw-overflow-hidden {
    overflow: hidden;
  }

  .lg\:tw-overflow-visible {
    overflow: visible;
  }

  .lg\:tw-overflow-scroll {
    overflow: scroll;
  }

  .lg\:tw-overflow-x-auto {
    overflow-x: auto;
  }

  .lg\:tw-overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:tw-overflow-x-hidden {
    overflow-x: hidden;
  }

  .lg\:tw-overflow-y-hidden {
    overflow-y: hidden;
  }

  .lg\:tw-overflow-x-visible {
    overflow-x: visible;
  }

  .lg\:tw-overflow-y-visible {
    overflow-y: visible;
  }

  .lg\:tw-overflow-x-scroll {
    overflow-x: scroll;
  }

  .lg\:tw-overflow-y-scroll {
    overflow-y: scroll;
  }

  .lg\:tw-scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .lg\:tw-scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .lg\:tw-p-0 {
    padding: 0;
  }

  .lg\:tw-p-1 {
    padding: .25rem;
  }

  .lg\:tw-p-2 {
    padding: .5rem;
  }

  .lg\:tw-p-3 {
    padding: .75rem;
  }

  .lg\:tw-p-4 {
    padding: 1rem;
  }

  .lg\:tw-p-5 {
    padding: 1.25rem;
  }

  .lg\:tw-p-6 {
    padding: 1.5rem;
  }

  .lg\:tw-p-8 {
    padding: 2rem;
  }

  .lg\:tw-p-10 {
    padding: 2.5rem;
  }

  .lg\:tw-p-12 {
    padding: 3rem;
  }

  .lg\:tw-p-16 {
    padding: 4rem;
  }

  .lg\:tw-p-20 {
    padding: 5rem;
  }

  .lg\:tw-p-24 {
    padding: 6rem;
  }

  .lg\:tw-p-32 {
    padding: 8rem;
  }

  .lg\:tw-p-40 {
    padding: 10rem;
  }

  .lg\:tw-p-px {
    padding: 1px;
  }

  .lg\:tw-p-15px {
    padding: .9375rem;
  }

  .lg\:tw-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:tw-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:tw-py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .lg\:tw-px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .lg\:tw-py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .lg\:tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .lg\:tw-py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .lg\:tw-px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .lg\:tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:tw-py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:tw-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:tw-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:tw-py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:tw-px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:tw-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:tw-px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:tw-py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:tw-px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:tw-py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:tw-px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:tw-py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:tw-px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .lg\:tw-py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .lg\:tw-px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .lg\:tw-py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .lg\:tw-px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .lg\:tw-py-15px {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
  }

  .lg\:tw-px-15px {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .lg\:tw-pt-0 {
    padding-top: 0;
  }

  .lg\:tw-pr-0 {
    padding-right: 0;
  }

  .lg\:tw-pb-0 {
    padding-bottom: 0;
  }

  .lg\:tw-pl-0 {
    padding-left: 0;
  }

  .lg\:tw-pt-1 {
    padding-top: .25rem;
  }

  .lg\:tw-pr-1 {
    padding-right: .25rem;
  }

  .lg\:tw-pb-1 {
    padding-bottom: .25rem;
  }

  .lg\:tw-pl-1 {
    padding-left: .25rem;
  }

  .lg\:tw-pt-2 {
    padding-top: .5rem;
  }

  .lg\:tw-pr-2 {
    padding-right: .5rem;
  }

  .lg\:tw-pb-2 {
    padding-bottom: .5rem;
  }

  .lg\:tw-pl-2 {
    padding-left: .5rem;
  }

  .lg\:tw-pt-3 {
    padding-top: .75rem;
  }

  .lg\:tw-pr-3 {
    padding-right: .75rem;
  }

  .lg\:tw-pb-3 {
    padding-bottom: .75rem;
  }

  .lg\:tw-pl-3 {
    padding-left: .75rem;
  }

  .lg\:tw-pt-4 {
    padding-top: 1rem;
  }

  .lg\:tw-pr-4 {
    padding-right: 1rem;
  }

  .lg\:tw-pb-4 {
    padding-bottom: 1rem;
  }

  .lg\:tw-pl-4 {
    padding-left: 1rem;
  }

  .lg\:tw-pt-5 {
    padding-top: 1.25rem;
  }

  .lg\:tw-pr-5 {
    padding-right: 1.25rem;
  }

  .lg\:tw-pb-5 {
    padding-bottom: 1.25rem;
  }

  .lg\:tw-pl-5 {
    padding-left: 1.25rem;
  }

  .lg\:tw-pt-6 {
    padding-top: 1.5rem;
  }

  .lg\:tw-pr-6 {
    padding-right: 1.5rem;
  }

  .lg\:tw-pb-6 {
    padding-bottom: 1.5rem;
  }

  .lg\:tw-pl-6 {
    padding-left: 1.5rem;
  }

  .lg\:tw-pt-8 {
    padding-top: 2rem;
  }

  .lg\:tw-pr-8 {
    padding-right: 2rem;
  }

  .lg\:tw-pb-8 {
    padding-bottom: 2rem;
  }

  .lg\:tw-pl-8 {
    padding-left: 2rem;
  }

  .lg\:tw-pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:tw-pr-10 {
    padding-right: 2.5rem;
  }

  .lg\:tw-pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:tw-pl-10 {
    padding-left: 2.5rem;
  }

  .lg\:tw-pt-12 {
    padding-top: 3rem;
  }

  .lg\:tw-pr-12 {
    padding-right: 3rem;
  }

  .lg\:tw-pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:tw-pl-12 {
    padding-left: 3rem;
  }

  .lg\:tw-pt-16 {
    padding-top: 4rem;
  }

  .lg\:tw-pr-16 {
    padding-right: 4rem;
  }

  .lg\:tw-pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:tw-pl-16 {
    padding-left: 4rem;
  }

  .lg\:tw-pt-20 {
    padding-top: 5rem;
  }

  .lg\:tw-pr-20 {
    padding-right: 5rem;
  }

  .lg\:tw-pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:tw-pl-20 {
    padding-left: 5rem;
  }

  .lg\:tw-pt-24 {
    padding-top: 6rem;
  }

  .lg\:tw-pr-24 {
    padding-right: 6rem;
  }

  .lg\:tw-pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:tw-pl-24 {
    padding-left: 6rem;
  }

  .lg\:tw-pt-32 {
    padding-top: 8rem;
  }

  .lg\:tw-pr-32 {
    padding-right: 8rem;
  }

  .lg\:tw-pb-32 {
    padding-bottom: 8rem;
  }

  .lg\:tw-pl-32 {
    padding-left: 8rem;
  }

  .lg\:tw-pt-40 {
    padding-top: 10rem;
  }

  .lg\:tw-pr-40 {
    padding-right: 10rem;
  }

  .lg\:tw-pb-40 {
    padding-bottom: 10rem;
  }

  .lg\:tw-pl-40 {
    padding-left: 10rem;
  }

  .lg\:tw-pt-px {
    padding-top: 1px;
  }

  .lg\:tw-pr-px {
    padding-right: 1px;
  }

  .lg\:tw-pb-px {
    padding-bottom: 1px;
  }

  .lg\:tw-pl-px {
    padding-left: 1px;
  }

  .lg\:tw-pt-15px {
    padding-top: .9375rem;
  }

  .lg\:tw-pr-15px {
    padding-right: .9375rem;
  }

  .lg\:tw-pb-15px {
    padding-bottom: .9375rem;
  }

  .lg\:tw-pl-15px {
    padding-left: .9375rem;
  }

  .lg\:tw-pointer-events-none {
    pointer-events: none;
  }

  .lg\:tw-pointer-events-auto {
    pointer-events: auto;
  }

  .lg\:tw-static {
    position: static;
  }

  .lg\:tw-fixed {
    position: fixed;
  }

  .lg\:tw-absolute {
    position: absolute;
  }

  .lg\:tw-relative {
    position: relative;
  }

  .lg\:tw-sticky {
    position: sticky;
  }

  .lg\:tw-pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .lg\:tw-pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .lg\:tw-pin-y {
    top: 0;
    bottom: 0;
  }

  .lg\:tw-pin-x {
    right: 0;
    left: 0;
  }

  .lg\:tw-pin-t {
    top: 0;
  }

  .lg\:tw-pin-r {
    right: 0;
  }

  .lg\:tw-pin-b {
    bottom: 0;
  }

  .lg\:tw-pin-l {
    left: 0;
  }

  .lg\:tw-resize-none {
    resize: none;
  }

  .lg\:tw-resize-y {
    resize: vertical;
  }

  .lg\:tw-resize-x {
    resize: horizontal;
  }

  .lg\:tw-resize {
    resize: both;
  }

  .lg\:tw-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .lg\:tw-shadow-md {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .lg\:tw-shadow-lg {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .lg\:tw-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .lg\:tw-shadow-outline {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .lg\:tw-shadow-none {
    box-shadow: none;
  }

  .lg\:hover\:tw-shadow:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .lg\:hover\:tw-shadow-md:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .lg\:hover\:tw-shadow-lg:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .lg\:hover\:tw-shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .lg\:hover\:tw-shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .lg\:hover\:tw-shadow-none:hover {
    box-shadow: none;
  }

  .lg\:focus\:tw-shadow:focus {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .lg\:focus\:tw-shadow-md:focus {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .lg\:focus\:tw-shadow-lg:focus {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .lg\:focus\:tw-shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .lg\:focus\:tw-shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .lg\:focus\:tw-shadow-none:focus {
    box-shadow: none;
  }

  .lg\:tw-table-auto {
    table-layout: auto;
  }

  .lg\:tw-table-fixed {
    table-layout: fixed;
  }

  .lg\:tw-text-left {
    text-align: left;
  }

  .lg\:tw-text-center {
    text-align: center;
  }

  .lg\:tw-text-right {
    text-align: right;
  }

  .lg\:tw-text-justify {
    text-align: justify;
  }

  .lg\:tw-text-transparent {
    color: transparent;
  }

  .lg\:tw-text-black {
    color: #22292f;
  }

  .lg\:tw-text-black-darker {
    color: #2f2f2f;
  }

  .lg\:tw-text-grey-darkest {
    color: #3d4852;
  }

  .lg\:tw-text-grey-darker-1 {
    color: #666;
  }

  .lg\:tw-text-grey-darker {
    color: #8e8e8e;
  }

  .lg\:tw-text-grey-dark {
    color: #8795a1;
  }

  .lg\:tw-text-grey {
    color: #b8c2cc;
  }

  .lg\:tw-text-grey-light {
    color: #dae1e7;
  }

  .lg\:tw-text-grey-lighter {
    color: #f1f5f8;
  }

  .lg\:tw-text-grey-lightest {
    color: #f8fafc;
  }

  .lg\:tw-text-white {
    color: #fff;
  }

  .lg\:tw-text-red-darkest {
    color: #3b0d0c;
  }

  .lg\:tw-text-red-darker {
    color: #621b18;
  }

  .lg\:tw-text-red-dark {
    color: #cc1f1a;
  }

  .lg\:tw-text-red {
    color: #e3342f;
  }

  .lg\:tw-text-red-light {
    color: #ef5753;
  }

  .lg\:tw-text-red-lighter {
    color: #f9acaa;
  }

  .lg\:tw-text-red-lightest {
    color: #fcebea;
  }

  .lg\:tw-text-orange-darkest {
    color: #462a16;
  }

  .lg\:tw-text-orange-darker {
    color: #613b1f;
  }

  .lg\:tw-text-orange-dark {
    color: #de751f;
  }

  .lg\:tw-text-orange {
    color: #f6993f;
  }

  .lg\:tw-text-orange-light {
    color: #faad63;
  }

  .lg\:tw-text-orange-lighter {
    color: #fcd9b6;
  }

  .lg\:tw-text-orange-lightest {
    color: #fff5eb;
  }

  .lg\:tw-text-yellow-darkest {
    color: #453411;
  }

  .lg\:tw-text-yellow-darker {
    color: #684f1d;
  }

  .lg\:tw-text-yellow-dark {
    color: #f2d024;
  }

  .lg\:tw-text-yellow {
    color: #ffec92;
  }

  .lg\:tw-text-yellow-light {
    color: #fff382;
  }

  .lg\:tw-text-yellow-lighter {
    color: #fff9c2;
  }

  .lg\:tw-text-yellow-lightest {
    color: #fcfbeb;
  }

  .lg\:tw-text-green-darkest {
    color: #0f2f21;
  }

  .lg\:tw-text-green-darker {
    color: #1a4731;
  }

  .lg\:tw-text-green-dark {
    color: #1f9d55;
  }

  .lg\:tw-text-green {
    color: #38c172;
  }

  .lg\:tw-text-green-light {
    color: #51d88a;
  }

  .lg\:tw-text-green-lighter {
    color: #a2f5bf;
  }

  .lg\:tw-text-green-lightest {
    color: #e3fcec;
  }

  .lg\:tw-text-teal-darkest {
    color: #0d3331;
  }

  .lg\:tw-text-teal-darker {
    color: #20504f;
  }

  .lg\:tw-text-teal-dark {
    color: #38a89d;
  }

  .lg\:tw-text-teal {
    color: #4dc0b5;
  }

  .lg\:tw-text-teal-light {
    color: #64d5ca;
  }

  .lg\:tw-text-teal-lighter {
    color: #a0f0ed;
  }

  .lg\:tw-text-teal-lightest {
    color: #e8fffe;
  }

  .lg\:tw-text-blue-darkest {
    color: #12283a;
  }

  .lg\:tw-text-blue-darker {
    color: #1c3d5a;
  }

  .lg\:tw-text-blue-dark {
    color: #2779bd;
  }

  .lg\:tw-text-blue {
    color: #3490dc;
  }

  .lg\:tw-text-blue-light {
    color: #6cb2eb;
  }

  .lg\:tw-text-blue-lighter {
    color: #bcdefa;
  }

  .lg\:tw-text-blue-lightest {
    color: #eff8ff;
  }

  .lg\:tw-text-indigo-darkest {
    color: #191e38;
  }

  .lg\:tw-text-indigo-darker {
    color: #2f365f;
  }

  .lg\:tw-text-indigo-dark {
    color: #5661b3;
  }

  .lg\:tw-text-indigo {
    color: #6574cd;
  }

  .lg\:tw-text-indigo-light {
    color: #7886d7;
  }

  .lg\:tw-text-indigo-lighter {
    color: #b2b7ff;
  }

  .lg\:tw-text-indigo-lightest {
    color: #e6e8ff;
  }

  .lg\:tw-text-purple-darkest {
    color: #21183c;
  }

  .lg\:tw-text-purple-darker {
    color: #382b5f;
  }

  .lg\:tw-text-purple-dark {
    color: #794acf;
  }

  .lg\:tw-text-purple {
    color: #9561e2;
  }

  .lg\:tw-text-purple-light {
    color: #a779e9;
  }

  .lg\:tw-text-purple-lighter {
    color: #d6bbfc;
  }

  .lg\:tw-text-purple-lightest {
    color: #f3ebff;
  }

  .lg\:tw-text-pink-darkest {
    color: #451225;
  }

  .lg\:tw-text-pink-darker {
    color: #6f213f;
  }

  .lg\:tw-text-pink-dark {
    color: #eb5286;
  }

  .lg\:tw-text-pink {
    color: #f66d9b;
  }

  .lg\:tw-text-pink-light {
    color: #fa7ea8;
  }

  .lg\:tw-text-pink-lighter {
    color: #ffbbca;
  }

  .lg\:tw-text-pink-lightest {
    color: #ffebef;
  }

  .lg\:tw-text-primary-l7 {
    color: rgb(95, 95, 95);
  }

  .lg\:tw-text-primary-l6 {
    color: rgb(85, 85, 85);
  }

  .lg\:tw-text-primary-l5 {
    color: rgb(75, 75, 75);
  }

  .lg\:tw-text-primary-l4 {
    color: rgb(65, 65, 65);
  }

  .lg\:tw-text-primary-l3 {
    color: rgb(55, 55, 55);
  }

  .lg\:tw-text-primary-l2 {
    color: rgb(45, 45, 45);
  }

  .lg\:tw-text-primary-l1 {
    color: rgb(40, 40, 40);
  }

  .lg\:tw-text-primary {
    color: rgb(35, 35, 35);
  }

  .lg\:tw-text-primary-d1 {
    color: rgb(25, 25, 25);
  }

  .lg\:tw-text-primary-d2 {
    color: rgb(20, 20, 20);
  }

  .lg\:tw-text-primary-d3 {
    color: rgb(15, 15, 15);
  }

  .lg\:tw-text-primary-d4 {
    color: rgb(5, 5, 5);
  }

  .lg\:tw-text-primary-o9 {
    color: rgba(35, 35, 35, .9);
  }

  .lg\:tw-text-primary-o8 {
    color: rgba(35, 35, 35, .8);
  }

  .lg\:tw-text-primary-o7 {
    color: rgba(35, 35, 35, .7);
  }

  .lg\:tw-text-primary-o6 {
    color: rgba(35, 35, 35, .6);
  }

  .lg\:tw-text-primary-o5 {
    color: rgba(35, 35, 35, .5);
  }

  .lg\:tw-text-primary-o4 {
    color: rgba(35, 35, 35, .4);
  }

  .lg\:tw-text-primary-o3 {
    color: rgba(35, 35, 35, .3);
  }

  .lg\:tw-text-primary-o2 {
    color: rgba(35, 35, 35, .2);
  }

  .lg\:tw-text-primary-o1 {
    color: rgba(35, 35, 35, .1);
  }

  .lg\:tw-text-primary-g1 {
    color: rgba(31, 157, 85, .5607843137);
  }

  .lg\:tw-text-primary-d1-o9 {
    color: rgba(25, 25, 25, .9);
  }

  .lg\:tw-text-primary-l5-o3 {
    color: rgba(75, 75, 75, .3);
  }

  .lg\:tw-text-primary-dark-gray {
    color: rgb(165, 165, 165);
  }

  .lg\:hover\:tw-text-transparent:hover {
    color: transparent;
  }

  .lg\:hover\:tw-text-black:hover {
    color: #22292f;
  }

  .lg\:hover\:tw-text-black-darker:hover {
    color: #2f2f2f;
  }

  .lg\:hover\:tw-text-grey-darkest:hover {
    color: #3d4852;
  }

  .lg\:hover\:tw-text-grey-darker-1:hover {
    color: #666;
  }

  .lg\:hover\:tw-text-grey-darker:hover {
    color: #8e8e8e;
  }

  .lg\:hover\:tw-text-grey-dark:hover {
    color: #8795a1;
  }

  .lg\:hover\:tw-text-grey:hover {
    color: #b8c2cc;
  }

  .lg\:hover\:tw-text-grey-light:hover {
    color: #dae1e7;
  }

  .lg\:hover\:tw-text-grey-lighter:hover {
    color: #f1f5f8;
  }

  .lg\:hover\:tw-text-grey-lightest:hover {
    color: #f8fafc;
  }

  .lg\:hover\:tw-text-white:hover {
    color: #fff;
  }

  .lg\:hover\:tw-text-red-darkest:hover {
    color: #3b0d0c;
  }

  .lg\:hover\:tw-text-red-darker:hover {
    color: #621b18;
  }

  .lg\:hover\:tw-text-red-dark:hover {
    color: #cc1f1a;
  }

  .lg\:hover\:tw-text-red:hover {
    color: #e3342f;
  }

  .lg\:hover\:tw-text-red-light:hover {
    color: #ef5753;
  }

  .lg\:hover\:tw-text-red-lighter:hover {
    color: #f9acaa;
  }

  .lg\:hover\:tw-text-red-lightest:hover {
    color: #fcebea;
  }

  .lg\:hover\:tw-text-orange-darkest:hover {
    color: #462a16;
  }

  .lg\:hover\:tw-text-orange-darker:hover {
    color: #613b1f;
  }

  .lg\:hover\:tw-text-orange-dark:hover {
    color: #de751f;
  }

  .lg\:hover\:tw-text-orange:hover {
    color: #f6993f;
  }

  .lg\:hover\:tw-text-orange-light:hover {
    color: #faad63;
  }

  .lg\:hover\:tw-text-orange-lighter:hover {
    color: #fcd9b6;
  }

  .lg\:hover\:tw-text-orange-lightest:hover {
    color: #fff5eb;
  }

  .lg\:hover\:tw-text-yellow-darkest:hover {
    color: #453411;
  }

  .lg\:hover\:tw-text-yellow-darker:hover {
    color: #684f1d;
  }

  .lg\:hover\:tw-text-yellow-dark:hover {
    color: #f2d024;
  }

  .lg\:hover\:tw-text-yellow:hover {
    color: #ffec92;
  }

  .lg\:hover\:tw-text-yellow-light:hover {
    color: #fff382;
  }

  .lg\:hover\:tw-text-yellow-lighter:hover {
    color: #fff9c2;
  }

  .lg\:hover\:tw-text-yellow-lightest:hover {
    color: #fcfbeb;
  }

  .lg\:hover\:tw-text-green-darkest:hover {
    color: #0f2f21;
  }

  .lg\:hover\:tw-text-green-darker:hover {
    color: #1a4731;
  }

  .lg\:hover\:tw-text-green-dark:hover {
    color: #1f9d55;
  }

  .lg\:hover\:tw-text-green:hover {
    color: #38c172;
  }

  .lg\:hover\:tw-text-green-light:hover {
    color: #51d88a;
  }

  .lg\:hover\:tw-text-green-lighter:hover {
    color: #a2f5bf;
  }

  .lg\:hover\:tw-text-green-lightest:hover {
    color: #e3fcec;
  }

  .lg\:hover\:tw-text-teal-darkest:hover {
    color: #0d3331;
  }

  .lg\:hover\:tw-text-teal-darker:hover {
    color: #20504f;
  }

  .lg\:hover\:tw-text-teal-dark:hover {
    color: #38a89d;
  }

  .lg\:hover\:tw-text-teal:hover {
    color: #4dc0b5;
  }

  .lg\:hover\:tw-text-teal-light:hover {
    color: #64d5ca;
  }

  .lg\:hover\:tw-text-teal-lighter:hover {
    color: #a0f0ed;
  }

  .lg\:hover\:tw-text-teal-lightest:hover {
    color: #e8fffe;
  }

  .lg\:hover\:tw-text-blue-darkest:hover {
    color: #12283a;
  }

  .lg\:hover\:tw-text-blue-darker:hover {
    color: #1c3d5a;
  }

  .lg\:hover\:tw-text-blue-dark:hover {
    color: #2779bd;
  }

  .lg\:hover\:tw-text-blue:hover {
    color: #3490dc;
  }

  .lg\:hover\:tw-text-blue-light:hover {
    color: #6cb2eb;
  }

  .lg\:hover\:tw-text-blue-lighter:hover {
    color: #bcdefa;
  }

  .lg\:hover\:tw-text-blue-lightest:hover {
    color: #eff8ff;
  }

  .lg\:hover\:tw-text-indigo-darkest:hover {
    color: #191e38;
  }

  .lg\:hover\:tw-text-indigo-darker:hover {
    color: #2f365f;
  }

  .lg\:hover\:tw-text-indigo-dark:hover {
    color: #5661b3;
  }

  .lg\:hover\:tw-text-indigo:hover {
    color: #6574cd;
  }

  .lg\:hover\:tw-text-indigo-light:hover {
    color: #7886d7;
  }

  .lg\:hover\:tw-text-indigo-lighter:hover {
    color: #b2b7ff;
  }

  .lg\:hover\:tw-text-indigo-lightest:hover {
    color: #e6e8ff;
  }

  .lg\:hover\:tw-text-purple-darkest:hover {
    color: #21183c;
  }

  .lg\:hover\:tw-text-purple-darker:hover {
    color: #382b5f;
  }

  .lg\:hover\:tw-text-purple-dark:hover {
    color: #794acf;
  }

  .lg\:hover\:tw-text-purple:hover {
    color: #9561e2;
  }

  .lg\:hover\:tw-text-purple-light:hover {
    color: #a779e9;
  }

  .lg\:hover\:tw-text-purple-lighter:hover {
    color: #d6bbfc;
  }

  .lg\:hover\:tw-text-purple-lightest:hover {
    color: #f3ebff;
  }

  .lg\:hover\:tw-text-pink-darkest:hover {
    color: #451225;
  }

  .lg\:hover\:tw-text-pink-darker:hover {
    color: #6f213f;
  }

  .lg\:hover\:tw-text-pink-dark:hover {
    color: #eb5286;
  }

  .lg\:hover\:tw-text-pink:hover {
    color: #f66d9b;
  }

  .lg\:hover\:tw-text-pink-light:hover {
    color: #fa7ea8;
  }

  .lg\:hover\:tw-text-pink-lighter:hover {
    color: #ffbbca;
  }

  .lg\:hover\:tw-text-pink-lightest:hover {
    color: #ffebef;
  }

  .lg\:hover\:tw-text-primary-l7:hover {
    color: rgb(95, 95, 95);
  }

  .lg\:hover\:tw-text-primary-l6:hover {
    color: rgb(85, 85, 85);
  }

  .lg\:hover\:tw-text-primary-l5:hover {
    color: rgb(75, 75, 75);
  }

  .lg\:hover\:tw-text-primary-l4:hover {
    color: rgb(65, 65, 65);
  }

  .lg\:hover\:tw-text-primary-l3:hover {
    color: rgb(55, 55, 55);
  }

  .lg\:hover\:tw-text-primary-l2:hover {
    color: rgb(45, 45, 45);
  }

  .lg\:hover\:tw-text-primary-l1:hover {
    color: rgb(40, 40, 40);
  }

  .lg\:hover\:tw-text-primary:hover {
    color: rgb(35, 35, 35);
  }

  .lg\:hover\:tw-text-primary-d1:hover {
    color: rgb(25, 25, 25);
  }

  .lg\:hover\:tw-text-primary-d2:hover {
    color: rgb(20, 20, 20);
  }

  .lg\:hover\:tw-text-primary-d3:hover {
    color: rgb(15, 15, 15);
  }

  .lg\:hover\:tw-text-primary-d4:hover {
    color: rgb(5, 5, 5);
  }

  .lg\:hover\:tw-text-primary-o9:hover {
    color: rgba(35, 35, 35, .9);
  }

  .lg\:hover\:tw-text-primary-o8:hover {
    color: rgba(35, 35, 35, .8);
  }

  .lg\:hover\:tw-text-primary-o7:hover {
    color: rgba(35, 35, 35, .7);
  }

  .lg\:hover\:tw-text-primary-o6:hover {
    color: rgba(35, 35, 35, .6);
  }

  .lg\:hover\:tw-text-primary-o5:hover {
    color: rgba(35, 35, 35, .5);
  }

  .lg\:hover\:tw-text-primary-o4:hover {
    color: rgba(35, 35, 35, .4);
  }

  .lg\:hover\:tw-text-primary-o3:hover {
    color: rgba(35, 35, 35, .3);
  }

  .lg\:hover\:tw-text-primary-o2:hover {
    color: rgba(35, 35, 35, .2);
  }

  .lg\:hover\:tw-text-primary-o1:hover {
    color: rgba(35, 35, 35, .1);
  }

  .lg\:hover\:tw-text-primary-g1:hover {
    color: rgba(31, 157, 85, .5607843137);
  }

  .lg\:hover\:tw-text-primary-d1-o9:hover {
    color: rgba(25, 25, 25, .9);
  }

  .lg\:hover\:tw-text-primary-l5-o3:hover {
    color: rgba(75, 75, 75, .3);
  }

  .lg\:hover\:tw-text-primary-dark-gray:hover {
    color: rgb(165, 165, 165);
  }

  .lg\:focus\:tw-text-transparent:focus {
    color: transparent;
  }

  .lg\:focus\:tw-text-black:focus {
    color: #22292f;
  }

  .lg\:focus\:tw-text-black-darker:focus {
    color: #2f2f2f;
  }

  .lg\:focus\:tw-text-grey-darkest:focus {
    color: #3d4852;
  }

  .lg\:focus\:tw-text-grey-darker-1:focus {
    color: #666;
  }

  .lg\:focus\:tw-text-grey-darker:focus {
    color: #8e8e8e;
  }

  .lg\:focus\:tw-text-grey-dark:focus {
    color: #8795a1;
  }

  .lg\:focus\:tw-text-grey:focus {
    color: #b8c2cc;
  }

  .lg\:focus\:tw-text-grey-light:focus {
    color: #dae1e7;
  }

  .lg\:focus\:tw-text-grey-lighter:focus {
    color: #f1f5f8;
  }

  .lg\:focus\:tw-text-grey-lightest:focus {
    color: #f8fafc;
  }

  .lg\:focus\:tw-text-white:focus {
    color: #fff;
  }

  .lg\:focus\:tw-text-red-darkest:focus {
    color: #3b0d0c;
  }

  .lg\:focus\:tw-text-red-darker:focus {
    color: #621b18;
  }

  .lg\:focus\:tw-text-red-dark:focus {
    color: #cc1f1a;
  }

  .lg\:focus\:tw-text-red:focus {
    color: #e3342f;
  }

  .lg\:focus\:tw-text-red-light:focus {
    color: #ef5753;
  }

  .lg\:focus\:tw-text-red-lighter:focus {
    color: #f9acaa;
  }

  .lg\:focus\:tw-text-red-lightest:focus {
    color: #fcebea;
  }

  .lg\:focus\:tw-text-orange-darkest:focus {
    color: #462a16;
  }

  .lg\:focus\:tw-text-orange-darker:focus {
    color: #613b1f;
  }

  .lg\:focus\:tw-text-orange-dark:focus {
    color: #de751f;
  }

  .lg\:focus\:tw-text-orange:focus {
    color: #f6993f;
  }

  .lg\:focus\:tw-text-orange-light:focus {
    color: #faad63;
  }

  .lg\:focus\:tw-text-orange-lighter:focus {
    color: #fcd9b6;
  }

  .lg\:focus\:tw-text-orange-lightest:focus {
    color: #fff5eb;
  }

  .lg\:focus\:tw-text-yellow-darkest:focus {
    color: #453411;
  }

  .lg\:focus\:tw-text-yellow-darker:focus {
    color: #684f1d;
  }

  .lg\:focus\:tw-text-yellow-dark:focus {
    color: #f2d024;
  }

  .lg\:focus\:tw-text-yellow:focus {
    color: #ffec92;
  }

  .lg\:focus\:tw-text-yellow-light:focus {
    color: #fff382;
  }

  .lg\:focus\:tw-text-yellow-lighter:focus {
    color: #fff9c2;
  }

  .lg\:focus\:tw-text-yellow-lightest:focus {
    color: #fcfbeb;
  }

  .lg\:focus\:tw-text-green-darkest:focus {
    color: #0f2f21;
  }

  .lg\:focus\:tw-text-green-darker:focus {
    color: #1a4731;
  }

  .lg\:focus\:tw-text-green-dark:focus {
    color: #1f9d55;
  }

  .lg\:focus\:tw-text-green:focus {
    color: #38c172;
  }

  .lg\:focus\:tw-text-green-light:focus {
    color: #51d88a;
  }

  .lg\:focus\:tw-text-green-lighter:focus {
    color: #a2f5bf;
  }

  .lg\:focus\:tw-text-green-lightest:focus {
    color: #e3fcec;
  }

  .lg\:focus\:tw-text-teal-darkest:focus {
    color: #0d3331;
  }

  .lg\:focus\:tw-text-teal-darker:focus {
    color: #20504f;
  }

  .lg\:focus\:tw-text-teal-dark:focus {
    color: #38a89d;
  }

  .lg\:focus\:tw-text-teal:focus {
    color: #4dc0b5;
  }

  .lg\:focus\:tw-text-teal-light:focus {
    color: #64d5ca;
  }

  .lg\:focus\:tw-text-teal-lighter:focus {
    color: #a0f0ed;
  }

  .lg\:focus\:tw-text-teal-lightest:focus {
    color: #e8fffe;
  }

  .lg\:focus\:tw-text-blue-darkest:focus {
    color: #12283a;
  }

  .lg\:focus\:tw-text-blue-darker:focus {
    color: #1c3d5a;
  }

  .lg\:focus\:tw-text-blue-dark:focus {
    color: #2779bd;
  }

  .lg\:focus\:tw-text-blue:focus {
    color: #3490dc;
  }

  .lg\:focus\:tw-text-blue-light:focus {
    color: #6cb2eb;
  }

  .lg\:focus\:tw-text-blue-lighter:focus {
    color: #bcdefa;
  }

  .lg\:focus\:tw-text-blue-lightest:focus {
    color: #eff8ff;
  }

  .lg\:focus\:tw-text-indigo-darkest:focus {
    color: #191e38;
  }

  .lg\:focus\:tw-text-indigo-darker:focus {
    color: #2f365f;
  }

  .lg\:focus\:tw-text-indigo-dark:focus {
    color: #5661b3;
  }

  .lg\:focus\:tw-text-indigo:focus {
    color: #6574cd;
  }

  .lg\:focus\:tw-text-indigo-light:focus {
    color: #7886d7;
  }

  .lg\:focus\:tw-text-indigo-lighter:focus {
    color: #b2b7ff;
  }

  .lg\:focus\:tw-text-indigo-lightest:focus {
    color: #e6e8ff;
  }

  .lg\:focus\:tw-text-purple-darkest:focus {
    color: #21183c;
  }

  .lg\:focus\:tw-text-purple-darker:focus {
    color: #382b5f;
  }

  .lg\:focus\:tw-text-purple-dark:focus {
    color: #794acf;
  }

  .lg\:focus\:tw-text-purple:focus {
    color: #9561e2;
  }

  .lg\:focus\:tw-text-purple-light:focus {
    color: #a779e9;
  }

  .lg\:focus\:tw-text-purple-lighter:focus {
    color: #d6bbfc;
  }

  .lg\:focus\:tw-text-purple-lightest:focus {
    color: #f3ebff;
  }

  .lg\:focus\:tw-text-pink-darkest:focus {
    color: #451225;
  }

  .lg\:focus\:tw-text-pink-darker:focus {
    color: #6f213f;
  }

  .lg\:focus\:tw-text-pink-dark:focus {
    color: #eb5286;
  }

  .lg\:focus\:tw-text-pink:focus {
    color: #f66d9b;
  }

  .lg\:focus\:tw-text-pink-light:focus {
    color: #fa7ea8;
  }

  .lg\:focus\:tw-text-pink-lighter:focus {
    color: #ffbbca;
  }

  .lg\:focus\:tw-text-pink-lightest:focus {
    color: #ffebef;
  }

  .lg\:focus\:tw-text-primary-l7:focus {
    color: rgb(95, 95, 95);
  }

  .lg\:focus\:tw-text-primary-l6:focus {
    color: rgb(85, 85, 85);
  }

  .lg\:focus\:tw-text-primary-l5:focus {
    color: rgb(75, 75, 75);
  }

  .lg\:focus\:tw-text-primary-l4:focus {
    color: rgb(65, 65, 65);
  }

  .lg\:focus\:tw-text-primary-l3:focus {
    color: rgb(55, 55, 55);
  }

  .lg\:focus\:tw-text-primary-l2:focus {
    color: rgb(45, 45, 45);
  }

  .lg\:focus\:tw-text-primary-l1:focus {
    color: rgb(40, 40, 40);
  }

  .lg\:focus\:tw-text-primary:focus {
    color: rgb(35, 35, 35);
  }

  .lg\:focus\:tw-text-primary-d1:focus {
    color: rgb(25, 25, 25);
  }

  .lg\:focus\:tw-text-primary-d2:focus {
    color: rgb(20, 20, 20);
  }

  .lg\:focus\:tw-text-primary-d3:focus {
    color: rgb(15, 15, 15);
  }

  .lg\:focus\:tw-text-primary-d4:focus {
    color: rgb(5, 5, 5);
  }

  .lg\:focus\:tw-text-primary-o9:focus {
    color: rgba(35, 35, 35, .9);
  }

  .lg\:focus\:tw-text-primary-o8:focus {
    color: rgba(35, 35, 35, .8);
  }

  .lg\:focus\:tw-text-primary-o7:focus {
    color: rgba(35, 35, 35, .7);
  }

  .lg\:focus\:tw-text-primary-o6:focus {
    color: rgba(35, 35, 35, .6);
  }

  .lg\:focus\:tw-text-primary-o5:focus {
    color: rgba(35, 35, 35, .5);
  }

  .lg\:focus\:tw-text-primary-o4:focus {
    color: rgba(35, 35, 35, .4);
  }

  .lg\:focus\:tw-text-primary-o3:focus {
    color: rgba(35, 35, 35, .3);
  }

  .lg\:focus\:tw-text-primary-o2:focus {
    color: rgba(35, 35, 35, .2);
  }

  .lg\:focus\:tw-text-primary-o1:focus {
    color: rgba(35, 35, 35, .1);
  }

  .lg\:focus\:tw-text-primary-g1:focus {
    color: rgba(31, 157, 85, .5607843137);
  }

  .lg\:focus\:tw-text-primary-d1-o9:focus {
    color: rgba(25, 25, 25, .9);
  }

  .lg\:focus\:tw-text-primary-l5-o3:focus {
    color: rgba(75, 75, 75, .3);
  }

  .lg\:focus\:tw-text-primary-dark-gray:focus {
    color: rgb(165, 165, 165);
  }

  .lg\:tw-text-11px {
    font-size: 11px;
  }

  .lg\:tw-text-xs {
    font-size: .75rem;
  }

  .lg\:tw-text-13px {
    font-size: 13px;
  }

  .lg\:tw-text-sm {
    font-size: .875rem;
  }

  .lg\:tw-text-15px {
    font-size: .9375rem;
  }

  .lg\:tw-text-base {
    font-size: 1rem;
  }

  .lg\:tw-text-17px {
    font-size: 17px;
  }

  .lg\:tw-text-lg {
    font-size: 1.125rem;
  }

  .lg\:tw-text-xl {
    font-size: 1.25rem;
  }

  .lg\:tw-text-2xl {
    font-size: 1.5rem;
  }

  .lg\:tw-text-3xl {
    font-size: 1.875rem;
  }

  .lg\:tw-text-4xl {
    font-size: 2.25rem;
  }

  .lg\:tw-text-5xl {
    font-size: 3rem;
  }

  .lg\:tw-text-6xl {
    font-size: 4rem;
  }

  .lg\:tw-italic {
    font-style: italic;
  }

  .lg\:tw-roman {
    font-style: normal;
  }

  .lg\:tw-uppercase {
    text-transform: uppercase;
  }

  .lg\:tw-lowercase {
    text-transform: lowercase;
  }

  .lg\:tw-capitalize {
    text-transform: capitalize;
  }

  .lg\:tw-normal-case {
    text-transform: none;
  }

  .lg\:tw-underline {
    text-decoration: underline;
  }

  .lg\:tw-line-through {
    text-decoration: line-through;
  }

  .lg\:tw-no-underline {
    text-decoration: none;
  }

  .lg\:tw-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg\:tw-subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg\:hover\:tw-italic:hover {
    font-style: italic;
  }

  .lg\:hover\:tw-roman:hover {
    font-style: normal;
  }

  .lg\:hover\:tw-uppercase:hover {
    text-transform: uppercase;
  }

  .lg\:hover\:tw-lowercase:hover {
    text-transform: lowercase;
  }

  .lg\:hover\:tw-capitalize:hover {
    text-transform: capitalize;
  }

  .lg\:hover\:tw-normal-case:hover {
    text-transform: none;
  }

  .lg\:hover\:tw-underline:hover {
    text-decoration: underline;
  }

  .lg\:hover\:tw-line-through:hover {
    text-decoration: line-through;
  }

  .lg\:hover\:tw-no-underline:hover {
    text-decoration: none;
  }

  .lg\:hover\:tw-antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg\:hover\:tw-subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg\:focus\:tw-italic:focus {
    font-style: italic;
  }

  .lg\:focus\:tw-roman:focus {
    font-style: normal;
  }

  .lg\:focus\:tw-uppercase:focus {
    text-transform: uppercase;
  }

  .lg\:focus\:tw-lowercase:focus {
    text-transform: lowercase;
  }

  .lg\:focus\:tw-capitalize:focus {
    text-transform: capitalize;
  }

  .lg\:focus\:tw-normal-case:focus {
    text-transform: none;
  }

  .lg\:focus\:tw-underline:focus {
    text-decoration: underline;
  }

  .lg\:focus\:tw-line-through:focus {
    text-decoration: line-through;
  }

  .lg\:focus\:tw-no-underline:focus {
    text-decoration: none;
  }

  .lg\:focus\:tw-antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg\:focus\:tw-subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg\:tw-tracking-tight {
    letter-spacing: -0.05em;
  }

  .lg\:tw-tracking-normal {
    letter-spacing: 0;
  }

  .lg\:tw-tracking-wide {
    letter-spacing: .05em;
  }

  .lg\:tw-select-none {
    user-select: none;
  }

  .lg\:tw-select-text {
    user-select: text;
  }

  .lg\:tw-align-baseline {
    vertical-align: baseline;
  }

  .lg\:tw-align-top {
    vertical-align: top;
  }

  .lg\:tw-align-middle {
    vertical-align: middle;
  }

  .lg\:tw-align-bottom {
    vertical-align: bottom;
  }

  .lg\:tw-align-text-top {
    vertical-align: text-top;
  }

  .lg\:tw-align-text-bottom {
    vertical-align: text-bottom;
  }

  .lg\:tw-visible {
    visibility: visible;
  }

  .lg\:tw-invisible {
    visibility: hidden;
  }

  .lg\:tw-whitespace-normal {
    white-space: normal;
  }

  .lg\:tw-whitespace-no-wrap {
    white-space: nowrap;
  }

  .lg\:tw-whitespace-pre {
    white-space: pre;
  }

  .lg\:tw-whitespace-pre-line {
    white-space: pre-line;
  }

  .lg\:tw-whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .lg\:tw-break-words {
    word-wrap: break-word;
  }

  .lg\:tw-break-normal {
    word-wrap: normal;
  }

  .lg\:tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lg\:tw-w-1 {
    width: .25rem;
  }

  .lg\:tw-w-2 {
    width: .5rem;
  }

  .lg\:tw-w-3 {
    width: .75rem;
  }

  .lg\:tw-w-4 {
    width: 1rem;
  }

  .lg\:tw-w-5 {
    width: 1.25rem;
  }

  .lg\:tw-w-6 {
    width: 1.5rem;
  }

  .lg\:tw-w-8 {
    width: 2rem;
  }

  .lg\:tw-w-10 {
    width: 2.5rem;
  }

  .lg\:tw-w-12 {
    width: 3rem;
  }

  .lg\:tw-w-16 {
    width: 4rem;
  }

  .lg\:tw-w-20 {
    width: 5rem;
  }

  .lg\:tw-w-24 {
    width: 6rem;
  }

  .lg\:tw-w-28 {
    width: 7rem;
  }

  .lg\:tw-w-32 {
    width: 8rem;
  }

  .lg\:tw-w-48 {
    width: 12rem;
  }

  .lg\:tw-w-64 {
    width: 16rem;
  }

  .lg\:tw-w-auto {
    width: auto;
  }

  .lg\:tw-w-px {
    width: 1px;
  }

  .lg\:tw-w-1\/2 {
    width: 50%;
  }

  .lg\:tw-w-1\/3 {
    width: 33.33333%;
  }

  .lg\:tw-w-2\/3 {
    width: 66.66667%;
  }

  .lg\:tw-w-1\/4 {
    width: 25%;
  }

  .lg\:tw-w-3\/4 {
    width: 75%;
  }

  .lg\:tw-w-1\/5 {
    width: 20%;
  }

  .lg\:tw-w-2\/5 {
    width: 40%;
  }

  .lg\:tw-w-3\/5 {
    width: 60%;
  }

  .lg\:tw-w-4\/5 {
    width: 80%;
  }

  .lg\:tw-w-1\/6 {
    width: 16.66667%;
  }

  .lg\:tw-w-5\/6 {
    width: 83.33333%;
  }

  .lg\:tw-w-full {
    width: 100%;
  }

  .lg\:tw-w-screen {
    width: 100vw;
  }

  .lg\:tw-z-0 {
    z-index: 0;
  }

  .lg\:tw-z-10 {
    z-index: 10;
  }

  .lg\:tw-z-20 {
    z-index: 20;
  }

  .lg\:tw-z-30 {
    z-index: 30;
  }

  .lg\:tw-z-40 {
    z-index: 40;
  }

  .lg\:tw-z-50 {
    z-index: 50;
  }

  .lg\:tw-z-auto {
    z-index: auto;
  }
}

@media (min-width: 1200px) {
  .xl\:tw-list-reset {
    list-style: none;
    padding: 0;
  }

  .xl\:tw-appearance-none {
    appearance: none;
  }

  .xl\:tw-bg-fixed {
    background-attachment: fixed;
  }

  .xl\:tw-bg-local {
    background-attachment: local;
  }

  .xl\:tw-bg-scroll {
    background-attachment: scroll;
  }

  .xl\:tw-bg-transparent {
    background-color: transparent;
  }

  .xl\:tw-bg-black {
    background-color: #22292f;
  }

  .xl\:tw-bg-black-darker {
    background-color: #2f2f2f;
  }

  .xl\:tw-bg-grey-darkest {
    background-color: #3d4852;
  }

  .xl\:tw-bg-grey-darker-1 {
    background-color: #666;
  }

  .xl\:tw-bg-grey-darker {
    background-color: #8e8e8e;
  }

  .xl\:tw-bg-grey-dark {
    background-color: #8795a1;
  }

  .xl\:tw-bg-grey {
    background-color: #b8c2cc;
  }

  .xl\:tw-bg-grey-light {
    background-color: #dae1e7;
  }

  .xl\:tw-bg-grey-lighter {
    background-color: #f1f5f8;
  }

  .xl\:tw-bg-grey-lightest {
    background-color: #f8fafc;
  }

  .xl\:tw-bg-white {
    background-color: #fff;
  }

  .xl\:tw-bg-red-darkest {
    background-color: #3b0d0c;
  }

  .xl\:tw-bg-red-darker {
    background-color: #621b18;
  }

  .xl\:tw-bg-red-dark {
    background-color: #cc1f1a;
  }

  .xl\:tw-bg-red {
    background-color: #e3342f;
  }

  .xl\:tw-bg-red-light {
    background-color: #ef5753;
  }

  .xl\:tw-bg-red-lighter {
    background-color: #f9acaa;
  }

  .xl\:tw-bg-red-lightest {
    background-color: #fcebea;
  }

  .xl\:tw-bg-orange-darkest {
    background-color: #462a16;
  }

  .xl\:tw-bg-orange-darker {
    background-color: #613b1f;
  }

  .xl\:tw-bg-orange-dark {
    background-color: #de751f;
  }

  .xl\:tw-bg-orange {
    background-color: #f6993f;
  }

  .xl\:tw-bg-orange-light {
    background-color: #faad63;
  }

  .xl\:tw-bg-orange-lighter {
    background-color: #fcd9b6;
  }

  .xl\:tw-bg-orange-lightest {
    background-color: #fff5eb;
  }

  .xl\:tw-bg-yellow-darkest {
    background-color: #453411;
  }

  .xl\:tw-bg-yellow-darker {
    background-color: #684f1d;
  }

  .xl\:tw-bg-yellow-dark {
    background-color: #f2d024;
  }

  .xl\:tw-bg-yellow {
    background-color: #ffec92;
  }

  .xl\:tw-bg-yellow-light {
    background-color: #fff382;
  }

  .xl\:tw-bg-yellow-lighter {
    background-color: #fff9c2;
  }

  .xl\:tw-bg-yellow-lightest {
    background-color: #fcfbeb;
  }

  .xl\:tw-bg-green-darkest {
    background-color: #0f2f21;
  }

  .xl\:tw-bg-green-darker {
    background-color: #1a4731;
  }

  .xl\:tw-bg-green-dark {
    background-color: #1f9d55;
  }

  .xl\:tw-bg-green {
    background-color: #38c172;
  }

  .xl\:tw-bg-green-light {
    background-color: #51d88a;
  }

  .xl\:tw-bg-green-lighter {
    background-color: #a2f5bf;
  }

  .xl\:tw-bg-green-lightest {
    background-color: #e3fcec;
  }

  .xl\:tw-bg-teal-darkest {
    background-color: #0d3331;
  }

  .xl\:tw-bg-teal-darker {
    background-color: #20504f;
  }

  .xl\:tw-bg-teal-dark {
    background-color: #38a89d;
  }

  .xl\:tw-bg-teal {
    background-color: #4dc0b5;
  }

  .xl\:tw-bg-teal-light {
    background-color: #64d5ca;
  }

  .xl\:tw-bg-teal-lighter {
    background-color: #a0f0ed;
  }

  .xl\:tw-bg-teal-lightest {
    background-color: #e8fffe;
  }

  .xl\:tw-bg-blue-darkest {
    background-color: #12283a;
  }

  .xl\:tw-bg-blue-darker {
    background-color: #1c3d5a;
  }

  .xl\:tw-bg-blue-dark {
    background-color: #2779bd;
  }

  .xl\:tw-bg-blue {
    background-color: #3490dc;
  }

  .xl\:tw-bg-blue-light {
    background-color: #6cb2eb;
  }

  .xl\:tw-bg-blue-lighter {
    background-color: #bcdefa;
  }

  .xl\:tw-bg-blue-lightest {
    background-color: #eff8ff;
  }

  .xl\:tw-bg-indigo-darkest {
    background-color: #191e38;
  }

  .xl\:tw-bg-indigo-darker {
    background-color: #2f365f;
  }

  .xl\:tw-bg-indigo-dark {
    background-color: #5661b3;
  }

  .xl\:tw-bg-indigo {
    background-color: #6574cd;
  }

  .xl\:tw-bg-indigo-light {
    background-color: #7886d7;
  }

  .xl\:tw-bg-indigo-lighter {
    background-color: #b2b7ff;
  }

  .xl\:tw-bg-indigo-lightest {
    background-color: #e6e8ff;
  }

  .xl\:tw-bg-purple-darkest {
    background-color: #21183c;
  }

  .xl\:tw-bg-purple-darker {
    background-color: #382b5f;
  }

  .xl\:tw-bg-purple-dark {
    background-color: #794acf;
  }

  .xl\:tw-bg-purple {
    background-color: #9561e2;
  }

  .xl\:tw-bg-purple-light {
    background-color: #a779e9;
  }

  .xl\:tw-bg-purple-lighter {
    background-color: #d6bbfc;
  }

  .xl\:tw-bg-purple-lightest {
    background-color: #f3ebff;
  }

  .xl\:tw-bg-pink-darkest {
    background-color: #451225;
  }

  .xl\:tw-bg-pink-darker {
    background-color: #6f213f;
  }

  .xl\:tw-bg-pink-dark {
    background-color: #eb5286;
  }

  .xl\:tw-bg-pink {
    background-color: #f66d9b;
  }

  .xl\:tw-bg-pink-light {
    background-color: #fa7ea8;
  }

  .xl\:tw-bg-pink-lighter {
    background-color: #ffbbca;
  }

  .xl\:tw-bg-pink-lightest {
    background-color: #ffebef;
  }

  .xl\:tw-bg-primary-l7 {
    background-color: rgb(95, 95, 95);
  }

  .xl\:tw-bg-primary-l6 {
    background-color: rgb(85, 85, 85);
  }

  .xl\:tw-bg-primary-l5 {
    background-color: rgb(75, 75, 75);
  }

  .xl\:tw-bg-primary-l4 {
    background-color: rgb(65, 65, 65);
  }

  .xl\:tw-bg-primary-l3 {
    background-color: rgb(55, 55, 55);
  }

  .xl\:tw-bg-primary-l2 {
    background-color: rgb(45, 45, 45);
  }

  .xl\:tw-bg-primary-l1 {
    background-color: rgb(40, 40, 40);
  }

  .xl\:tw-bg-primary {
    background-color: rgb(35, 35, 35);
  }

  .xl\:tw-bg-primary-d1 {
    background-color: rgb(25, 25, 25);
  }

  .xl\:tw-bg-primary-d2 {
    background-color: rgb(20, 20, 20);
  }

  .xl\:tw-bg-primary-d3 {
    background-color: rgb(15, 15, 15);
  }

  .xl\:tw-bg-primary-d4 {
    background-color: rgb(5, 5, 5);
  }

  .xl\:tw-bg-primary-o9 {
    background-color: rgba(35, 35, 35, .9);
  }

  .xl\:tw-bg-primary-o8 {
    background-color: rgba(35, 35, 35, .8);
  }

  .xl\:tw-bg-primary-o7 {
    background-color: rgba(35, 35, 35, .7);
  }

  .xl\:tw-bg-primary-o6 {
    background-color: rgba(35, 35, 35, .6);
  }

  .xl\:tw-bg-primary-o5 {
    background-color: rgba(35, 35, 35, .5);
  }

  .xl\:tw-bg-primary-o4 {
    background-color: rgba(35, 35, 35, .4);
  }

  .xl\:tw-bg-primary-o3 {
    background-color: rgba(35, 35, 35, .3);
  }

  .xl\:tw-bg-primary-o2 {
    background-color: rgba(35, 35, 35, .2);
  }

  .xl\:tw-bg-primary-o1 {
    background-color: rgba(35, 35, 35, .1);
  }

  .xl\:tw-bg-primary-g1 {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .xl\:tw-bg-primary-d1-o9 {
    background-color: rgba(25, 25, 25, .9);
  }

  .xl\:tw-bg-primary-l5-o3 {
    background-color: rgba(75, 75, 75, .3);
  }

  .xl\:tw-bg-primary-dark-gray {
    background-color: rgb(165, 165, 165);
  }

  .xl\:hover\:tw-bg-transparent:hover {
    background-color: transparent;
  }

  .xl\:hover\:tw-bg-black:hover {
    background-color: #22292f;
  }

  .xl\:hover\:tw-bg-black-darker:hover {
    background-color: #2f2f2f;
  }

  .xl\:hover\:tw-bg-grey-darkest:hover {
    background-color: #3d4852;
  }

  .xl\:hover\:tw-bg-grey-darker-1:hover {
    background-color: #666;
  }

  .xl\:hover\:tw-bg-grey-darker:hover {
    background-color: #8e8e8e;
  }

  .xl\:hover\:tw-bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .xl\:hover\:tw-bg-grey:hover {
    background-color: #b8c2cc;
  }

  .xl\:hover\:tw-bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .xl\:hover\:tw-bg-grey-lighter:hover {
    background-color: #f1f5f8;
  }

  .xl\:hover\:tw-bg-grey-lightest:hover {
    background-color: #f8fafc;
  }

  .xl\:hover\:tw-bg-white:hover {
    background-color: #fff;
  }

  .xl\:hover\:tw-bg-red-darkest:hover {
    background-color: #3b0d0c;
  }

  .xl\:hover\:tw-bg-red-darker:hover {
    background-color: #621b18;
  }

  .xl\:hover\:tw-bg-red-dark:hover {
    background-color: #cc1f1a;
  }

  .xl\:hover\:tw-bg-red:hover {
    background-color: #e3342f;
  }

  .xl\:hover\:tw-bg-red-light:hover {
    background-color: #ef5753;
  }

  .xl\:hover\:tw-bg-red-lighter:hover {
    background-color: #f9acaa;
  }

  .xl\:hover\:tw-bg-red-lightest:hover {
    background-color: #fcebea;
  }

  .xl\:hover\:tw-bg-orange-darkest:hover {
    background-color: #462a16;
  }

  .xl\:hover\:tw-bg-orange-darker:hover {
    background-color: #613b1f;
  }

  .xl\:hover\:tw-bg-orange-dark:hover {
    background-color: #de751f;
  }

  .xl\:hover\:tw-bg-orange:hover {
    background-color: #f6993f;
  }

  .xl\:hover\:tw-bg-orange-light:hover {
    background-color: #faad63;
  }

  .xl\:hover\:tw-bg-orange-lighter:hover {
    background-color: #fcd9b6;
  }

  .xl\:hover\:tw-bg-orange-lightest:hover {
    background-color: #fff5eb;
  }

  .xl\:hover\:tw-bg-yellow-darkest:hover {
    background-color: #453411;
  }

  .xl\:hover\:tw-bg-yellow-darker:hover {
    background-color: #684f1d;
  }

  .xl\:hover\:tw-bg-yellow-dark:hover {
    background-color: #f2d024;
  }

  .xl\:hover\:tw-bg-yellow:hover {
    background-color: #ffec92;
  }

  .xl\:hover\:tw-bg-yellow-light:hover {
    background-color: #fff382;
  }

  .xl\:hover\:tw-bg-yellow-lighter:hover {
    background-color: #fff9c2;
  }

  .xl\:hover\:tw-bg-yellow-lightest:hover {
    background-color: #fcfbeb;
  }

  .xl\:hover\:tw-bg-green-darkest:hover {
    background-color: #0f2f21;
  }

  .xl\:hover\:tw-bg-green-darker:hover {
    background-color: #1a4731;
  }

  .xl\:hover\:tw-bg-green-dark:hover {
    background-color: #1f9d55;
  }

  .xl\:hover\:tw-bg-green:hover {
    background-color: #38c172;
  }

  .xl\:hover\:tw-bg-green-light:hover {
    background-color: #51d88a;
  }

  .xl\:hover\:tw-bg-green-lighter:hover {
    background-color: #a2f5bf;
  }

  .xl\:hover\:tw-bg-green-lightest:hover {
    background-color: #e3fcec;
  }

  .xl\:hover\:tw-bg-teal-darkest:hover {
    background-color: #0d3331;
  }

  .xl\:hover\:tw-bg-teal-darker:hover {
    background-color: #20504f;
  }

  .xl\:hover\:tw-bg-teal-dark:hover {
    background-color: #38a89d;
  }

  .xl\:hover\:tw-bg-teal:hover {
    background-color: #4dc0b5;
  }

  .xl\:hover\:tw-bg-teal-light:hover {
    background-color: #64d5ca;
  }

  .xl\:hover\:tw-bg-teal-lighter:hover {
    background-color: #a0f0ed;
  }

  .xl\:hover\:tw-bg-teal-lightest:hover {
    background-color: #e8fffe;
  }

  .xl\:hover\:tw-bg-blue-darkest:hover {
    background-color: #12283a;
  }

  .xl\:hover\:tw-bg-blue-darker:hover {
    background-color: #1c3d5a;
  }

  .xl\:hover\:tw-bg-blue-dark:hover {
    background-color: #2779bd;
  }

  .xl\:hover\:tw-bg-blue:hover {
    background-color: #3490dc;
  }

  .xl\:hover\:tw-bg-blue-light:hover {
    background-color: #6cb2eb;
  }

  .xl\:hover\:tw-bg-blue-lighter:hover {
    background-color: #bcdefa;
  }

  .xl\:hover\:tw-bg-blue-lightest:hover {
    background-color: #eff8ff;
  }

  .xl\:hover\:tw-bg-indigo-darkest:hover {
    background-color: #191e38;
  }

  .xl\:hover\:tw-bg-indigo-darker:hover {
    background-color: #2f365f;
  }

  .xl\:hover\:tw-bg-indigo-dark:hover {
    background-color: #5661b3;
  }

  .xl\:hover\:tw-bg-indigo:hover {
    background-color: #6574cd;
  }

  .xl\:hover\:tw-bg-indigo-light:hover {
    background-color: #7886d7;
  }

  .xl\:hover\:tw-bg-indigo-lighter:hover {
    background-color: #b2b7ff;
  }

  .xl\:hover\:tw-bg-indigo-lightest:hover {
    background-color: #e6e8ff;
  }

  .xl\:hover\:tw-bg-purple-darkest:hover {
    background-color: #21183c;
  }

  .xl\:hover\:tw-bg-purple-darker:hover {
    background-color: #382b5f;
  }

  .xl\:hover\:tw-bg-purple-dark:hover {
    background-color: #794acf;
  }

  .xl\:hover\:tw-bg-purple:hover {
    background-color: #9561e2;
  }

  .xl\:hover\:tw-bg-purple-light:hover {
    background-color: #a779e9;
  }

  .xl\:hover\:tw-bg-purple-lighter:hover {
    background-color: #d6bbfc;
  }

  .xl\:hover\:tw-bg-purple-lightest:hover {
    background-color: #f3ebff;
  }

  .xl\:hover\:tw-bg-pink-darkest:hover {
    background-color: #451225;
  }

  .xl\:hover\:tw-bg-pink-darker:hover {
    background-color: #6f213f;
  }

  .xl\:hover\:tw-bg-pink-dark:hover {
    background-color: #eb5286;
  }

  .xl\:hover\:tw-bg-pink:hover {
    background-color: #f66d9b;
  }

  .xl\:hover\:tw-bg-pink-light:hover {
    background-color: #fa7ea8;
  }

  .xl\:hover\:tw-bg-pink-lighter:hover {
    background-color: #ffbbca;
  }

  .xl\:hover\:tw-bg-pink-lightest:hover {
    background-color: #ffebef;
  }

  .xl\:hover\:tw-bg-primary-l7:hover {
    background-color: rgb(95, 95, 95);
  }

  .xl\:hover\:tw-bg-primary-l6:hover {
    background-color: rgb(85, 85, 85);
  }

  .xl\:hover\:tw-bg-primary-l5:hover {
    background-color: rgb(75, 75, 75);
  }

  .xl\:hover\:tw-bg-primary-l4:hover {
    background-color: rgb(65, 65, 65);
  }

  .xl\:hover\:tw-bg-primary-l3:hover {
    background-color: rgb(55, 55, 55);
  }

  .xl\:hover\:tw-bg-primary-l2:hover {
    background-color: rgb(45, 45, 45);
  }

  .xl\:hover\:tw-bg-primary-l1:hover {
    background-color: rgb(40, 40, 40);
  }

  .xl\:hover\:tw-bg-primary:hover {
    background-color: rgb(35, 35, 35);
  }

  .xl\:hover\:tw-bg-primary-d1:hover {
    background-color: rgb(25, 25, 25);
  }

  .xl\:hover\:tw-bg-primary-d2:hover {
    background-color: rgb(20, 20, 20);
  }

  .xl\:hover\:tw-bg-primary-d3:hover {
    background-color: rgb(15, 15, 15);
  }

  .xl\:hover\:tw-bg-primary-d4:hover {
    background-color: rgb(5, 5, 5);
  }

  .xl\:hover\:tw-bg-primary-o9:hover {
    background-color: rgba(35, 35, 35, .9);
  }

  .xl\:hover\:tw-bg-primary-o8:hover {
    background-color: rgba(35, 35, 35, .8);
  }

  .xl\:hover\:tw-bg-primary-o7:hover {
    background-color: rgba(35, 35, 35, .7);
  }

  .xl\:hover\:tw-bg-primary-o6:hover {
    background-color: rgba(35, 35, 35, .6);
  }

  .xl\:hover\:tw-bg-primary-o5:hover {
    background-color: rgba(35, 35, 35, .5);
  }

  .xl\:hover\:tw-bg-primary-o4:hover {
    background-color: rgba(35, 35, 35, .4);
  }

  .xl\:hover\:tw-bg-primary-o3:hover {
    background-color: rgba(35, 35, 35, .3);
  }

  .xl\:hover\:tw-bg-primary-o2:hover {
    background-color: rgba(35, 35, 35, .2);
  }

  .xl\:hover\:tw-bg-primary-o1:hover {
    background-color: rgba(35, 35, 35, .1);
  }

  .xl\:hover\:tw-bg-primary-g1:hover {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .xl\:hover\:tw-bg-primary-d1-o9:hover {
    background-color: rgba(25, 25, 25, .9);
  }

  .xl\:hover\:tw-bg-primary-l5-o3:hover {
    background-color: rgba(75, 75, 75, .3);
  }

  .xl\:hover\:tw-bg-primary-dark-gray:hover {
    background-color: rgb(165, 165, 165);
  }

  .xl\:focus\:tw-bg-transparent:focus {
    background-color: transparent;
  }

  .xl\:focus\:tw-bg-black:focus {
    background-color: #22292f;
  }

  .xl\:focus\:tw-bg-black-darker:focus {
    background-color: #2f2f2f;
  }

  .xl\:focus\:tw-bg-grey-darkest:focus {
    background-color: #3d4852;
  }

  .xl\:focus\:tw-bg-grey-darker-1:focus {
    background-color: #666;
  }

  .xl\:focus\:tw-bg-grey-darker:focus {
    background-color: #8e8e8e;
  }

  .xl\:focus\:tw-bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .xl\:focus\:tw-bg-grey:focus {
    background-color: #b8c2cc;
  }

  .xl\:focus\:tw-bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .xl\:focus\:tw-bg-grey-lighter:focus {
    background-color: #f1f5f8;
  }

  .xl\:focus\:tw-bg-grey-lightest:focus {
    background-color: #f8fafc;
  }

  .xl\:focus\:tw-bg-white:focus {
    background-color: #fff;
  }

  .xl\:focus\:tw-bg-red-darkest:focus {
    background-color: #3b0d0c;
  }

  .xl\:focus\:tw-bg-red-darker:focus {
    background-color: #621b18;
  }

  .xl\:focus\:tw-bg-red-dark:focus {
    background-color: #cc1f1a;
  }

  .xl\:focus\:tw-bg-red:focus {
    background-color: #e3342f;
  }

  .xl\:focus\:tw-bg-red-light:focus {
    background-color: #ef5753;
  }

  .xl\:focus\:tw-bg-red-lighter:focus {
    background-color: #f9acaa;
  }

  .xl\:focus\:tw-bg-red-lightest:focus {
    background-color: #fcebea;
  }

  .xl\:focus\:tw-bg-orange-darkest:focus {
    background-color: #462a16;
  }

  .xl\:focus\:tw-bg-orange-darker:focus {
    background-color: #613b1f;
  }

  .xl\:focus\:tw-bg-orange-dark:focus {
    background-color: #de751f;
  }

  .xl\:focus\:tw-bg-orange:focus {
    background-color: #f6993f;
  }

  .xl\:focus\:tw-bg-orange-light:focus {
    background-color: #faad63;
  }

  .xl\:focus\:tw-bg-orange-lighter:focus {
    background-color: #fcd9b6;
  }

  .xl\:focus\:tw-bg-orange-lightest:focus {
    background-color: #fff5eb;
  }

  .xl\:focus\:tw-bg-yellow-darkest:focus {
    background-color: #453411;
  }

  .xl\:focus\:tw-bg-yellow-darker:focus {
    background-color: #684f1d;
  }

  .xl\:focus\:tw-bg-yellow-dark:focus {
    background-color: #f2d024;
  }

  .xl\:focus\:tw-bg-yellow:focus {
    background-color: #ffec92;
  }

  .xl\:focus\:tw-bg-yellow-light:focus {
    background-color: #fff382;
  }

  .xl\:focus\:tw-bg-yellow-lighter:focus {
    background-color: #fff9c2;
  }

  .xl\:focus\:tw-bg-yellow-lightest:focus {
    background-color: #fcfbeb;
  }

  .xl\:focus\:tw-bg-green-darkest:focus {
    background-color: #0f2f21;
  }

  .xl\:focus\:tw-bg-green-darker:focus {
    background-color: #1a4731;
  }

  .xl\:focus\:tw-bg-green-dark:focus {
    background-color: #1f9d55;
  }

  .xl\:focus\:tw-bg-green:focus {
    background-color: #38c172;
  }

  .xl\:focus\:tw-bg-green-light:focus {
    background-color: #51d88a;
  }

  .xl\:focus\:tw-bg-green-lighter:focus {
    background-color: #a2f5bf;
  }

  .xl\:focus\:tw-bg-green-lightest:focus {
    background-color: #e3fcec;
  }

  .xl\:focus\:tw-bg-teal-darkest:focus {
    background-color: #0d3331;
  }

  .xl\:focus\:tw-bg-teal-darker:focus {
    background-color: #20504f;
  }

  .xl\:focus\:tw-bg-teal-dark:focus {
    background-color: #38a89d;
  }

  .xl\:focus\:tw-bg-teal:focus {
    background-color: #4dc0b5;
  }

  .xl\:focus\:tw-bg-teal-light:focus {
    background-color: #64d5ca;
  }

  .xl\:focus\:tw-bg-teal-lighter:focus {
    background-color: #a0f0ed;
  }

  .xl\:focus\:tw-bg-teal-lightest:focus {
    background-color: #e8fffe;
  }

  .xl\:focus\:tw-bg-blue-darkest:focus {
    background-color: #12283a;
  }

  .xl\:focus\:tw-bg-blue-darker:focus {
    background-color: #1c3d5a;
  }

  .xl\:focus\:tw-bg-blue-dark:focus {
    background-color: #2779bd;
  }

  .xl\:focus\:tw-bg-blue:focus {
    background-color: #3490dc;
  }

  .xl\:focus\:tw-bg-blue-light:focus {
    background-color: #6cb2eb;
  }

  .xl\:focus\:tw-bg-blue-lighter:focus {
    background-color: #bcdefa;
  }

  .xl\:focus\:tw-bg-blue-lightest:focus {
    background-color: #eff8ff;
  }

  .xl\:focus\:tw-bg-indigo-darkest:focus {
    background-color: #191e38;
  }

  .xl\:focus\:tw-bg-indigo-darker:focus {
    background-color: #2f365f;
  }

  .xl\:focus\:tw-bg-indigo-dark:focus {
    background-color: #5661b3;
  }

  .xl\:focus\:tw-bg-indigo:focus {
    background-color: #6574cd;
  }

  .xl\:focus\:tw-bg-indigo-light:focus {
    background-color: #7886d7;
  }

  .xl\:focus\:tw-bg-indigo-lighter:focus {
    background-color: #b2b7ff;
  }

  .xl\:focus\:tw-bg-indigo-lightest:focus {
    background-color: #e6e8ff;
  }

  .xl\:focus\:tw-bg-purple-darkest:focus {
    background-color: #21183c;
  }

  .xl\:focus\:tw-bg-purple-darker:focus {
    background-color: #382b5f;
  }

  .xl\:focus\:tw-bg-purple-dark:focus {
    background-color: #794acf;
  }

  .xl\:focus\:tw-bg-purple:focus {
    background-color: #9561e2;
  }

  .xl\:focus\:tw-bg-purple-light:focus {
    background-color: #a779e9;
  }

  .xl\:focus\:tw-bg-purple-lighter:focus {
    background-color: #d6bbfc;
  }

  .xl\:focus\:tw-bg-purple-lightest:focus {
    background-color: #f3ebff;
  }

  .xl\:focus\:tw-bg-pink-darkest:focus {
    background-color: #451225;
  }

  .xl\:focus\:tw-bg-pink-darker:focus {
    background-color: #6f213f;
  }

  .xl\:focus\:tw-bg-pink-dark:focus {
    background-color: #eb5286;
  }

  .xl\:focus\:tw-bg-pink:focus {
    background-color: #f66d9b;
  }

  .xl\:focus\:tw-bg-pink-light:focus {
    background-color: #fa7ea8;
  }

  .xl\:focus\:tw-bg-pink-lighter:focus {
    background-color: #ffbbca;
  }

  .xl\:focus\:tw-bg-pink-lightest:focus {
    background-color: #ffebef;
  }

  .xl\:focus\:tw-bg-primary-l7:focus {
    background-color: rgb(95, 95, 95);
  }

  .xl\:focus\:tw-bg-primary-l6:focus {
    background-color: rgb(85, 85, 85);
  }

  .xl\:focus\:tw-bg-primary-l5:focus {
    background-color: rgb(75, 75, 75);
  }

  .xl\:focus\:tw-bg-primary-l4:focus {
    background-color: rgb(65, 65, 65);
  }

  .xl\:focus\:tw-bg-primary-l3:focus {
    background-color: rgb(55, 55, 55);
  }

  .xl\:focus\:tw-bg-primary-l2:focus {
    background-color: rgb(45, 45, 45);
  }

  .xl\:focus\:tw-bg-primary-l1:focus {
    background-color: rgb(40, 40, 40);
  }

  .xl\:focus\:tw-bg-primary:focus {
    background-color: rgb(35, 35, 35);
  }

  .xl\:focus\:tw-bg-primary-d1:focus {
    background-color: rgb(25, 25, 25);
  }

  .xl\:focus\:tw-bg-primary-d2:focus {
    background-color: rgb(20, 20, 20);
  }

  .xl\:focus\:tw-bg-primary-d3:focus {
    background-color: rgb(15, 15, 15);
  }

  .xl\:focus\:tw-bg-primary-d4:focus {
    background-color: rgb(5, 5, 5);
  }

  .xl\:focus\:tw-bg-primary-o9:focus {
    background-color: rgba(35, 35, 35, .9);
  }

  .xl\:focus\:tw-bg-primary-o8:focus {
    background-color: rgba(35, 35, 35, .8);
  }

  .xl\:focus\:tw-bg-primary-o7:focus {
    background-color: rgba(35, 35, 35, .7);
  }

  .xl\:focus\:tw-bg-primary-o6:focus {
    background-color: rgba(35, 35, 35, .6);
  }

  .xl\:focus\:tw-bg-primary-o5:focus {
    background-color: rgba(35, 35, 35, .5);
  }

  .xl\:focus\:tw-bg-primary-o4:focus {
    background-color: rgba(35, 35, 35, .4);
  }

  .xl\:focus\:tw-bg-primary-o3:focus {
    background-color: rgba(35, 35, 35, .3);
  }

  .xl\:focus\:tw-bg-primary-o2:focus {
    background-color: rgba(35, 35, 35, .2);
  }

  .xl\:focus\:tw-bg-primary-o1:focus {
    background-color: rgba(35, 35, 35, .1);
  }

  .xl\:focus\:tw-bg-primary-g1:focus {
    background-color: rgba(31, 157, 85, .5607843137);
  }

  .xl\:focus\:tw-bg-primary-d1-o9:focus {
    background-color: rgba(25, 25, 25, .9);
  }

  .xl\:focus\:tw-bg-primary-l5-o3:focus {
    background-color: rgba(75, 75, 75, .3);
  }

  .xl\:focus\:tw-bg-primary-dark-gray:focus {
    background-color: rgb(165, 165, 165);
  }

  .xl\:tw-bg-bottom {
    background-position: bottom;
  }

  .xl\:tw-bg-center {
    background-position: center;
  }

  .xl\:tw-bg-left {
    background-position: left;
  }

  .xl\:tw-bg-left-bottom {
    background-position: left bottom;
  }

  .xl\:tw-bg-left-top {
    background-position: left top;
  }

  .xl\:tw-bg-right {
    background-position: right;
  }

  .xl\:tw-bg-right-bottom {
    background-position: right bottom;
  }

  .xl\:tw-bg-right-top {
    background-position: right top;
  }

  .xl\:tw-bg-top {
    background-position: top;
  }

  .xl\:tw-bg-repeat {
    background-repeat: repeat;
  }

  .xl\:tw-bg-no-repeat {
    background-repeat: no-repeat;
  }

  .xl\:tw-bg-repeat-x {
    background-repeat: repeat-x;
  }

  .xl\:tw-bg-repeat-y {
    background-repeat: repeat-y;
  }

  .xl\:tw-bg-auto {
    background-size: auto;
  }

  .xl\:tw-bg-cover {
    background-size: cover;
  }

  .xl\:tw-bg-contain {
    background-size: contain;
  }

  .xl\:tw-border-transparent {
    border-color: transparent;
  }

  .xl\:tw-border-black {
    border-color: #22292f;
  }

  .xl\:tw-border-black-darker {
    border-color: #2f2f2f;
  }

  .xl\:tw-border-grey-darkest {
    border-color: #3d4852;
  }

  .xl\:tw-border-grey-darker-1 {
    border-color: #666;
  }

  .xl\:tw-border-grey-darker {
    border-color: #8e8e8e;
  }

  .xl\:tw-border-grey-dark {
    border-color: #8795a1;
  }

  .xl\:tw-border-grey {
    border-color: #b8c2cc;
  }

  .xl\:tw-border-grey-light {
    border-color: #dae1e7;
  }

  .xl\:tw-border-grey-lighter {
    border-color: #f1f5f8;
  }

  .xl\:tw-border-grey-lightest {
    border-color: #f8fafc;
  }

  .xl\:tw-border-white {
    border-color: #fff;
  }

  .xl\:tw-border-red-darkest {
    border-color: #3b0d0c;
  }

  .xl\:tw-border-red-darker {
    border-color: #621b18;
  }

  .xl\:tw-border-red-dark {
    border-color: #cc1f1a;
  }

  .xl\:tw-border-red {
    border-color: #e3342f;
  }

  .xl\:tw-border-red-light {
    border-color: #ef5753;
  }

  .xl\:tw-border-red-lighter {
    border-color: #f9acaa;
  }

  .xl\:tw-border-red-lightest {
    border-color: #fcebea;
  }

  .xl\:tw-border-orange-darkest {
    border-color: #462a16;
  }

  .xl\:tw-border-orange-darker {
    border-color: #613b1f;
  }

  .xl\:tw-border-orange-dark {
    border-color: #de751f;
  }

  .xl\:tw-border-orange {
    border-color: #f6993f;
  }

  .xl\:tw-border-orange-light {
    border-color: #faad63;
  }

  .xl\:tw-border-orange-lighter {
    border-color: #fcd9b6;
  }

  .xl\:tw-border-orange-lightest {
    border-color: #fff5eb;
  }

  .xl\:tw-border-yellow-darkest {
    border-color: #453411;
  }

  .xl\:tw-border-yellow-darker {
    border-color: #684f1d;
  }

  .xl\:tw-border-yellow-dark {
    border-color: #f2d024;
  }

  .xl\:tw-border-yellow {
    border-color: #ffec92;
  }

  .xl\:tw-border-yellow-light {
    border-color: #fff382;
  }

  .xl\:tw-border-yellow-lighter {
    border-color: #fff9c2;
  }

  .xl\:tw-border-yellow-lightest {
    border-color: #fcfbeb;
  }

  .xl\:tw-border-green-darkest {
    border-color: #0f2f21;
  }

  .xl\:tw-border-green-darker {
    border-color: #1a4731;
  }

  .xl\:tw-border-green-dark {
    border-color: #1f9d55;
  }

  .xl\:tw-border-green {
    border-color: #38c172;
  }

  .xl\:tw-border-green-light {
    border-color: #51d88a;
  }

  .xl\:tw-border-green-lighter {
    border-color: #a2f5bf;
  }

  .xl\:tw-border-green-lightest {
    border-color: #e3fcec;
  }

  .xl\:tw-border-teal-darkest {
    border-color: #0d3331;
  }

  .xl\:tw-border-teal-darker {
    border-color: #20504f;
  }

  .xl\:tw-border-teal-dark {
    border-color: #38a89d;
  }

  .xl\:tw-border-teal {
    border-color: #4dc0b5;
  }

  .xl\:tw-border-teal-light {
    border-color: #64d5ca;
  }

  .xl\:tw-border-teal-lighter {
    border-color: #a0f0ed;
  }

  .xl\:tw-border-teal-lightest {
    border-color: #e8fffe;
  }

  .xl\:tw-border-blue-darkest {
    border-color: #12283a;
  }

  .xl\:tw-border-blue-darker {
    border-color: #1c3d5a;
  }

  .xl\:tw-border-blue-dark {
    border-color: #2779bd;
  }

  .xl\:tw-border-blue {
    border-color: #3490dc;
  }

  .xl\:tw-border-blue-light {
    border-color: #6cb2eb;
  }

  .xl\:tw-border-blue-lighter {
    border-color: #bcdefa;
  }

  .xl\:tw-border-blue-lightest {
    border-color: #eff8ff;
  }

  .xl\:tw-border-indigo-darkest {
    border-color: #191e38;
  }

  .xl\:tw-border-indigo-darker {
    border-color: #2f365f;
  }

  .xl\:tw-border-indigo-dark {
    border-color: #5661b3;
  }

  .xl\:tw-border-indigo {
    border-color: #6574cd;
  }

  .xl\:tw-border-indigo-light {
    border-color: #7886d7;
  }

  .xl\:tw-border-indigo-lighter {
    border-color: #b2b7ff;
  }

  .xl\:tw-border-indigo-lightest {
    border-color: #e6e8ff;
  }

  .xl\:tw-border-purple-darkest {
    border-color: #21183c;
  }

  .xl\:tw-border-purple-darker {
    border-color: #382b5f;
  }

  .xl\:tw-border-purple-dark {
    border-color: #794acf;
  }

  .xl\:tw-border-purple {
    border-color: #9561e2;
  }

  .xl\:tw-border-purple-light {
    border-color: #a779e9;
  }

  .xl\:tw-border-purple-lighter {
    border-color: #d6bbfc;
  }

  .xl\:tw-border-purple-lightest {
    border-color: #f3ebff;
  }

  .xl\:tw-border-pink-darkest {
    border-color: #451225;
  }

  .xl\:tw-border-pink-darker {
    border-color: #6f213f;
  }

  .xl\:tw-border-pink-dark {
    border-color: #eb5286;
  }

  .xl\:tw-border-pink {
    border-color: #f66d9b;
  }

  .xl\:tw-border-pink-light {
    border-color: #fa7ea8;
  }

  .xl\:tw-border-pink-lighter {
    border-color: #ffbbca;
  }

  .xl\:tw-border-pink-lightest {
    border-color: #ffebef;
  }

  .xl\:tw-border-primary-l7 {
    border-color: rgb(95, 95, 95);
  }

  .xl\:tw-border-primary-l6 {
    border-color: rgb(85, 85, 85);
  }

  .xl\:tw-border-primary-l5 {
    border-color: rgb(75, 75, 75);
  }

  .xl\:tw-border-primary-l4 {
    border-color: rgb(65, 65, 65);
  }

  .xl\:tw-border-primary-l3 {
    border-color: rgb(55, 55, 55);
  }

  .xl\:tw-border-primary-l2 {
    border-color: rgb(45, 45, 45);
  }

  .xl\:tw-border-primary-l1 {
    border-color: rgb(40, 40, 40);
  }

  .xl\:tw-border-primary {
    border-color: rgb(35, 35, 35);
  }

  .xl\:tw-border-primary-d1 {
    border-color: rgb(25, 25, 25);
  }

  .xl\:tw-border-primary-d2 {
    border-color: rgb(20, 20, 20);
  }

  .xl\:tw-border-primary-d3 {
    border-color: rgb(15, 15, 15);
  }

  .xl\:tw-border-primary-d4 {
    border-color: rgb(5, 5, 5);
  }

  .xl\:tw-border-primary-o9 {
    border-color: rgba(35, 35, 35, .9);
  }

  .xl\:tw-border-primary-o8 {
    border-color: rgba(35, 35, 35, .8);
  }

  .xl\:tw-border-primary-o7 {
    border-color: rgba(35, 35, 35, .7);
  }

  .xl\:tw-border-primary-o6 {
    border-color: rgba(35, 35, 35, .6);
  }

  .xl\:tw-border-primary-o5 {
    border-color: rgba(35, 35, 35, .5);
  }

  .xl\:tw-border-primary-o4 {
    border-color: rgba(35, 35, 35, .4);
  }

  .xl\:tw-border-primary-o3 {
    border-color: rgba(35, 35, 35, .3);
  }

  .xl\:tw-border-primary-o2 {
    border-color: rgba(35, 35, 35, .2);
  }

  .xl\:tw-border-primary-o1 {
    border-color: rgba(35, 35, 35, .1);
  }

  .xl\:tw-border-primary-g1 {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .xl\:tw-border-primary-d1-o9 {
    border-color: rgba(25, 25, 25, .9);
  }

  .xl\:tw-border-primary-l5-o3 {
    border-color: rgba(75, 75, 75, .3);
  }

  .xl\:tw-border-primary-dark-gray {
    border-color: rgb(165, 165, 165);
  }

  .xl\:hover\:tw-border-transparent:hover {
    border-color: transparent;
  }

  .xl\:hover\:tw-border-black:hover {
    border-color: #22292f;
  }

  .xl\:hover\:tw-border-black-darker:hover {
    border-color: #2f2f2f;
  }

  .xl\:hover\:tw-border-grey-darkest:hover {
    border-color: #3d4852;
  }

  .xl\:hover\:tw-border-grey-darker-1:hover {
    border-color: #666;
  }

  .xl\:hover\:tw-border-grey-darker:hover {
    border-color: #8e8e8e;
  }

  .xl\:hover\:tw-border-grey-dark:hover {
    border-color: #8795a1;
  }

  .xl\:hover\:tw-border-grey:hover {
    border-color: #b8c2cc;
  }

  .xl\:hover\:tw-border-grey-light:hover {
    border-color: #dae1e7;
  }

  .xl\:hover\:tw-border-grey-lighter:hover {
    border-color: #f1f5f8;
  }

  .xl\:hover\:tw-border-grey-lightest:hover {
    border-color: #f8fafc;
  }

  .xl\:hover\:tw-border-white:hover {
    border-color: #fff;
  }

  .xl\:hover\:tw-border-red-darkest:hover {
    border-color: #3b0d0c;
  }

  .xl\:hover\:tw-border-red-darker:hover {
    border-color: #621b18;
  }

  .xl\:hover\:tw-border-red-dark:hover {
    border-color: #cc1f1a;
  }

  .xl\:hover\:tw-border-red:hover {
    border-color: #e3342f;
  }

  .xl\:hover\:tw-border-red-light:hover {
    border-color: #ef5753;
  }

  .xl\:hover\:tw-border-red-lighter:hover {
    border-color: #f9acaa;
  }

  .xl\:hover\:tw-border-red-lightest:hover {
    border-color: #fcebea;
  }

  .xl\:hover\:tw-border-orange-darkest:hover {
    border-color: #462a16;
  }

  .xl\:hover\:tw-border-orange-darker:hover {
    border-color: #613b1f;
  }

  .xl\:hover\:tw-border-orange-dark:hover {
    border-color: #de751f;
  }

  .xl\:hover\:tw-border-orange:hover {
    border-color: #f6993f;
  }

  .xl\:hover\:tw-border-orange-light:hover {
    border-color: #faad63;
  }

  .xl\:hover\:tw-border-orange-lighter:hover {
    border-color: #fcd9b6;
  }

  .xl\:hover\:tw-border-orange-lightest:hover {
    border-color: #fff5eb;
  }

  .xl\:hover\:tw-border-yellow-darkest:hover {
    border-color: #453411;
  }

  .xl\:hover\:tw-border-yellow-darker:hover {
    border-color: #684f1d;
  }

  .xl\:hover\:tw-border-yellow-dark:hover {
    border-color: #f2d024;
  }

  .xl\:hover\:tw-border-yellow:hover {
    border-color: #ffec92;
  }

  .xl\:hover\:tw-border-yellow-light:hover {
    border-color: #fff382;
  }

  .xl\:hover\:tw-border-yellow-lighter:hover {
    border-color: #fff9c2;
  }

  .xl\:hover\:tw-border-yellow-lightest:hover {
    border-color: #fcfbeb;
  }

  .xl\:hover\:tw-border-green-darkest:hover {
    border-color: #0f2f21;
  }

  .xl\:hover\:tw-border-green-darker:hover {
    border-color: #1a4731;
  }

  .xl\:hover\:tw-border-green-dark:hover {
    border-color: #1f9d55;
  }

  .xl\:hover\:tw-border-green:hover {
    border-color: #38c172;
  }

  .xl\:hover\:tw-border-green-light:hover {
    border-color: #51d88a;
  }

  .xl\:hover\:tw-border-green-lighter:hover {
    border-color: #a2f5bf;
  }

  .xl\:hover\:tw-border-green-lightest:hover {
    border-color: #e3fcec;
  }

  .xl\:hover\:tw-border-teal-darkest:hover {
    border-color: #0d3331;
  }

  .xl\:hover\:tw-border-teal-darker:hover {
    border-color: #20504f;
  }

  .xl\:hover\:tw-border-teal-dark:hover {
    border-color: #38a89d;
  }

  .xl\:hover\:tw-border-teal:hover {
    border-color: #4dc0b5;
  }

  .xl\:hover\:tw-border-teal-light:hover {
    border-color: #64d5ca;
  }

  .xl\:hover\:tw-border-teal-lighter:hover {
    border-color: #a0f0ed;
  }

  .xl\:hover\:tw-border-teal-lightest:hover {
    border-color: #e8fffe;
  }

  .xl\:hover\:tw-border-blue-darkest:hover {
    border-color: #12283a;
  }

  .xl\:hover\:tw-border-blue-darker:hover {
    border-color: #1c3d5a;
  }

  .xl\:hover\:tw-border-blue-dark:hover {
    border-color: #2779bd;
  }

  .xl\:hover\:tw-border-blue:hover {
    border-color: #3490dc;
  }

  .xl\:hover\:tw-border-blue-light:hover {
    border-color: #6cb2eb;
  }

  .xl\:hover\:tw-border-blue-lighter:hover {
    border-color: #bcdefa;
  }

  .xl\:hover\:tw-border-blue-lightest:hover {
    border-color: #eff8ff;
  }

  .xl\:hover\:tw-border-indigo-darkest:hover {
    border-color: #191e38;
  }

  .xl\:hover\:tw-border-indigo-darker:hover {
    border-color: #2f365f;
  }

  .xl\:hover\:tw-border-indigo-dark:hover {
    border-color: #5661b3;
  }

  .xl\:hover\:tw-border-indigo:hover {
    border-color: #6574cd;
  }

  .xl\:hover\:tw-border-indigo-light:hover {
    border-color: #7886d7;
  }

  .xl\:hover\:tw-border-indigo-lighter:hover {
    border-color: #b2b7ff;
  }

  .xl\:hover\:tw-border-indigo-lightest:hover {
    border-color: #e6e8ff;
  }

  .xl\:hover\:tw-border-purple-darkest:hover {
    border-color: #21183c;
  }

  .xl\:hover\:tw-border-purple-darker:hover {
    border-color: #382b5f;
  }

  .xl\:hover\:tw-border-purple-dark:hover {
    border-color: #794acf;
  }

  .xl\:hover\:tw-border-purple:hover {
    border-color: #9561e2;
  }

  .xl\:hover\:tw-border-purple-light:hover {
    border-color: #a779e9;
  }

  .xl\:hover\:tw-border-purple-lighter:hover {
    border-color: #d6bbfc;
  }

  .xl\:hover\:tw-border-purple-lightest:hover {
    border-color: #f3ebff;
  }

  .xl\:hover\:tw-border-pink-darkest:hover {
    border-color: #451225;
  }

  .xl\:hover\:tw-border-pink-darker:hover {
    border-color: #6f213f;
  }

  .xl\:hover\:tw-border-pink-dark:hover {
    border-color: #eb5286;
  }

  .xl\:hover\:tw-border-pink:hover {
    border-color: #f66d9b;
  }

  .xl\:hover\:tw-border-pink-light:hover {
    border-color: #fa7ea8;
  }

  .xl\:hover\:tw-border-pink-lighter:hover {
    border-color: #ffbbca;
  }

  .xl\:hover\:tw-border-pink-lightest:hover {
    border-color: #ffebef;
  }

  .xl\:hover\:tw-border-primary-l7:hover {
    border-color: rgb(95, 95, 95);
  }

  .xl\:hover\:tw-border-primary-l6:hover {
    border-color: rgb(85, 85, 85);
  }

  .xl\:hover\:tw-border-primary-l5:hover {
    border-color: rgb(75, 75, 75);
  }

  .xl\:hover\:tw-border-primary-l4:hover {
    border-color: rgb(65, 65, 65);
  }

  .xl\:hover\:tw-border-primary-l3:hover {
    border-color: rgb(55, 55, 55);
  }

  .xl\:hover\:tw-border-primary-l2:hover {
    border-color: rgb(45, 45, 45);
  }

  .xl\:hover\:tw-border-primary-l1:hover {
    border-color: rgb(40, 40, 40);
  }

  .xl\:hover\:tw-border-primary:hover {
    border-color: rgb(35, 35, 35);
  }

  .xl\:hover\:tw-border-primary-d1:hover {
    border-color: rgb(25, 25, 25);
  }

  .xl\:hover\:tw-border-primary-d2:hover {
    border-color: rgb(20, 20, 20);
  }

  .xl\:hover\:tw-border-primary-d3:hover {
    border-color: rgb(15, 15, 15);
  }

  .xl\:hover\:tw-border-primary-d4:hover {
    border-color: rgb(5, 5, 5);
  }

  .xl\:hover\:tw-border-primary-o9:hover {
    border-color: rgba(35, 35, 35, .9);
  }

  .xl\:hover\:tw-border-primary-o8:hover {
    border-color: rgba(35, 35, 35, .8);
  }

  .xl\:hover\:tw-border-primary-o7:hover {
    border-color: rgba(35, 35, 35, .7);
  }

  .xl\:hover\:tw-border-primary-o6:hover {
    border-color: rgba(35, 35, 35, .6);
  }

  .xl\:hover\:tw-border-primary-o5:hover {
    border-color: rgba(35, 35, 35, .5);
  }

  .xl\:hover\:tw-border-primary-o4:hover {
    border-color: rgba(35, 35, 35, .4);
  }

  .xl\:hover\:tw-border-primary-o3:hover {
    border-color: rgba(35, 35, 35, .3);
  }

  .xl\:hover\:tw-border-primary-o2:hover {
    border-color: rgba(35, 35, 35, .2);
  }

  .xl\:hover\:tw-border-primary-o1:hover {
    border-color: rgba(35, 35, 35, .1);
  }

  .xl\:hover\:tw-border-primary-g1:hover {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .xl\:hover\:tw-border-primary-d1-o9:hover {
    border-color: rgba(25, 25, 25, .9);
  }

  .xl\:hover\:tw-border-primary-l5-o3:hover {
    border-color: rgba(75, 75, 75, .3);
  }

  .xl\:hover\:tw-border-primary-dark-gray:hover {
    border-color: rgb(165, 165, 165);
  }

  .xl\:focus\:tw-border-transparent:focus {
    border-color: transparent;
  }

  .xl\:focus\:tw-border-black:focus {
    border-color: #22292f;
  }

  .xl\:focus\:tw-border-black-darker:focus {
    border-color: #2f2f2f;
  }

  .xl\:focus\:tw-border-grey-darkest:focus {
    border-color: #3d4852;
  }

  .xl\:focus\:tw-border-grey-darker-1:focus {
    border-color: #666;
  }

  .xl\:focus\:tw-border-grey-darker:focus {
    border-color: #8e8e8e;
  }

  .xl\:focus\:tw-border-grey-dark:focus {
    border-color: #8795a1;
  }

  .xl\:focus\:tw-border-grey:focus {
    border-color: #b8c2cc;
  }

  .xl\:focus\:tw-border-grey-light:focus {
    border-color: #dae1e7;
  }

  .xl\:focus\:tw-border-grey-lighter:focus {
    border-color: #f1f5f8;
  }

  .xl\:focus\:tw-border-grey-lightest:focus {
    border-color: #f8fafc;
  }

  .xl\:focus\:tw-border-white:focus {
    border-color: #fff;
  }

  .xl\:focus\:tw-border-red-darkest:focus {
    border-color: #3b0d0c;
  }

  .xl\:focus\:tw-border-red-darker:focus {
    border-color: #621b18;
  }

  .xl\:focus\:tw-border-red-dark:focus {
    border-color: #cc1f1a;
  }

  .xl\:focus\:tw-border-red:focus {
    border-color: #e3342f;
  }

  .xl\:focus\:tw-border-red-light:focus {
    border-color: #ef5753;
  }

  .xl\:focus\:tw-border-red-lighter:focus {
    border-color: #f9acaa;
  }

  .xl\:focus\:tw-border-red-lightest:focus {
    border-color: #fcebea;
  }

  .xl\:focus\:tw-border-orange-darkest:focus {
    border-color: #462a16;
  }

  .xl\:focus\:tw-border-orange-darker:focus {
    border-color: #613b1f;
  }

  .xl\:focus\:tw-border-orange-dark:focus {
    border-color: #de751f;
  }

  .xl\:focus\:tw-border-orange:focus {
    border-color: #f6993f;
  }

  .xl\:focus\:tw-border-orange-light:focus {
    border-color: #faad63;
  }

  .xl\:focus\:tw-border-orange-lighter:focus {
    border-color: #fcd9b6;
  }

  .xl\:focus\:tw-border-orange-lightest:focus {
    border-color: #fff5eb;
  }

  .xl\:focus\:tw-border-yellow-darkest:focus {
    border-color: #453411;
  }

  .xl\:focus\:tw-border-yellow-darker:focus {
    border-color: #684f1d;
  }

  .xl\:focus\:tw-border-yellow-dark:focus {
    border-color: #f2d024;
  }

  .xl\:focus\:tw-border-yellow:focus {
    border-color: #ffec92;
  }

  .xl\:focus\:tw-border-yellow-light:focus {
    border-color: #fff382;
  }

  .xl\:focus\:tw-border-yellow-lighter:focus {
    border-color: #fff9c2;
  }

  .xl\:focus\:tw-border-yellow-lightest:focus {
    border-color: #fcfbeb;
  }

  .xl\:focus\:tw-border-green-darkest:focus {
    border-color: #0f2f21;
  }

  .xl\:focus\:tw-border-green-darker:focus {
    border-color: #1a4731;
  }

  .xl\:focus\:tw-border-green-dark:focus {
    border-color: #1f9d55;
  }

  .xl\:focus\:tw-border-green:focus {
    border-color: #38c172;
  }

  .xl\:focus\:tw-border-green-light:focus {
    border-color: #51d88a;
  }

  .xl\:focus\:tw-border-green-lighter:focus {
    border-color: #a2f5bf;
  }

  .xl\:focus\:tw-border-green-lightest:focus {
    border-color: #e3fcec;
  }

  .xl\:focus\:tw-border-teal-darkest:focus {
    border-color: #0d3331;
  }

  .xl\:focus\:tw-border-teal-darker:focus {
    border-color: #20504f;
  }

  .xl\:focus\:tw-border-teal-dark:focus {
    border-color: #38a89d;
  }

  .xl\:focus\:tw-border-teal:focus {
    border-color: #4dc0b5;
  }

  .xl\:focus\:tw-border-teal-light:focus {
    border-color: #64d5ca;
  }

  .xl\:focus\:tw-border-teal-lighter:focus {
    border-color: #a0f0ed;
  }

  .xl\:focus\:tw-border-teal-lightest:focus {
    border-color: #e8fffe;
  }

  .xl\:focus\:tw-border-blue-darkest:focus {
    border-color: #12283a;
  }

  .xl\:focus\:tw-border-blue-darker:focus {
    border-color: #1c3d5a;
  }

  .xl\:focus\:tw-border-blue-dark:focus {
    border-color: #2779bd;
  }

  .xl\:focus\:tw-border-blue:focus {
    border-color: #3490dc;
  }

  .xl\:focus\:tw-border-blue-light:focus {
    border-color: #6cb2eb;
  }

  .xl\:focus\:tw-border-blue-lighter:focus {
    border-color: #bcdefa;
  }

  .xl\:focus\:tw-border-blue-lightest:focus {
    border-color: #eff8ff;
  }

  .xl\:focus\:tw-border-indigo-darkest:focus {
    border-color: #191e38;
  }

  .xl\:focus\:tw-border-indigo-darker:focus {
    border-color: #2f365f;
  }

  .xl\:focus\:tw-border-indigo-dark:focus {
    border-color: #5661b3;
  }

  .xl\:focus\:tw-border-indigo:focus {
    border-color: #6574cd;
  }

  .xl\:focus\:tw-border-indigo-light:focus {
    border-color: #7886d7;
  }

  .xl\:focus\:tw-border-indigo-lighter:focus {
    border-color: #b2b7ff;
  }

  .xl\:focus\:tw-border-indigo-lightest:focus {
    border-color: #e6e8ff;
  }

  .xl\:focus\:tw-border-purple-darkest:focus {
    border-color: #21183c;
  }

  .xl\:focus\:tw-border-purple-darker:focus {
    border-color: #382b5f;
  }

  .xl\:focus\:tw-border-purple-dark:focus {
    border-color: #794acf;
  }

  .xl\:focus\:tw-border-purple:focus {
    border-color: #9561e2;
  }

  .xl\:focus\:tw-border-purple-light:focus {
    border-color: #a779e9;
  }

  .xl\:focus\:tw-border-purple-lighter:focus {
    border-color: #d6bbfc;
  }

  .xl\:focus\:tw-border-purple-lightest:focus {
    border-color: #f3ebff;
  }

  .xl\:focus\:tw-border-pink-darkest:focus {
    border-color: #451225;
  }

  .xl\:focus\:tw-border-pink-darker:focus {
    border-color: #6f213f;
  }

  .xl\:focus\:tw-border-pink-dark:focus {
    border-color: #eb5286;
  }

  .xl\:focus\:tw-border-pink:focus {
    border-color: #f66d9b;
  }

  .xl\:focus\:tw-border-pink-light:focus {
    border-color: #fa7ea8;
  }

  .xl\:focus\:tw-border-pink-lighter:focus {
    border-color: #ffbbca;
  }

  .xl\:focus\:tw-border-pink-lightest:focus {
    border-color: #ffebef;
  }

  .xl\:focus\:tw-border-primary-l7:focus {
    border-color: rgb(95, 95, 95);
  }

  .xl\:focus\:tw-border-primary-l6:focus {
    border-color: rgb(85, 85, 85);
  }

  .xl\:focus\:tw-border-primary-l5:focus {
    border-color: rgb(75, 75, 75);
  }

  .xl\:focus\:tw-border-primary-l4:focus {
    border-color: rgb(65, 65, 65);
  }

  .xl\:focus\:tw-border-primary-l3:focus {
    border-color: rgb(55, 55, 55);
  }

  .xl\:focus\:tw-border-primary-l2:focus {
    border-color: rgb(45, 45, 45);
  }

  .xl\:focus\:tw-border-primary-l1:focus {
    border-color: rgb(40, 40, 40);
  }

  .xl\:focus\:tw-border-primary:focus {
    border-color: rgb(35, 35, 35);
  }

  .xl\:focus\:tw-border-primary-d1:focus {
    border-color: rgb(25, 25, 25);
  }

  .xl\:focus\:tw-border-primary-d2:focus {
    border-color: rgb(20, 20, 20);
  }

  .xl\:focus\:tw-border-primary-d3:focus {
    border-color: rgb(15, 15, 15);
  }

  .xl\:focus\:tw-border-primary-d4:focus {
    border-color: rgb(5, 5, 5);
  }

  .xl\:focus\:tw-border-primary-o9:focus {
    border-color: rgba(35, 35, 35, .9);
  }

  .xl\:focus\:tw-border-primary-o8:focus {
    border-color: rgba(35, 35, 35, .8);
  }

  .xl\:focus\:tw-border-primary-o7:focus {
    border-color: rgba(35, 35, 35, .7);
  }

  .xl\:focus\:tw-border-primary-o6:focus {
    border-color: rgba(35, 35, 35, .6);
  }

  .xl\:focus\:tw-border-primary-o5:focus {
    border-color: rgba(35, 35, 35, .5);
  }

  .xl\:focus\:tw-border-primary-o4:focus {
    border-color: rgba(35, 35, 35, .4);
  }

  .xl\:focus\:tw-border-primary-o3:focus {
    border-color: rgba(35, 35, 35, .3);
  }

  .xl\:focus\:tw-border-primary-o2:focus {
    border-color: rgba(35, 35, 35, .2);
  }

  .xl\:focus\:tw-border-primary-o1:focus {
    border-color: rgba(35, 35, 35, .1);
  }

  .xl\:focus\:tw-border-primary-g1:focus {
    border-color: rgba(31, 157, 85, .5607843137);
  }

  .xl\:focus\:tw-border-primary-d1-o9:focus {
    border-color: rgba(25, 25, 25, .9);
  }

  .xl\:focus\:tw-border-primary-l5-o3:focus {
    border-color: rgba(75, 75, 75, .3);
  }

  .xl\:focus\:tw-border-primary-dark-gray:focus {
    border-color: rgb(165, 165, 165);
  }

  .xl\:tw-rounded-none {
    border-radius: 0;
  }

  .xl\:tw-rounded-sm {
    border-radius: .125rem;
  }

  .xl\:tw-rounded {
    border-radius: .25rem;
  }

  .xl\:tw-rounded-lg {
    border-radius: .5rem;
  }

  .xl\:tw-rounded-full {
    border-radius: 9999px;
  }

  .xl\:tw-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .xl\:tw-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .xl\:tw-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl\:tw-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl\:tw-rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
  }

  .xl\:tw-rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
  }

  .xl\:tw-rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .xl\:tw-rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
  }

  .xl\:tw-rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .xl\:tw-rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .xl\:tw-rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .xl\:tw-rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .xl\:tw-rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }

  .xl\:tw-rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }

  .xl\:tw-rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .xl\:tw-rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .xl\:tw-rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xl\:tw-rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xl\:tw-rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:tw-rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:tw-rounded-tl-none {
    border-top-left-radius: 0;
  }

  .xl\:tw-rounded-tr-none {
    border-top-right-radius: 0;
  }

  .xl\:tw-rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .xl\:tw-rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .xl\:tw-rounded-tl-sm {
    border-top-left-radius: .125rem;
  }

  .xl\:tw-rounded-tr-sm {
    border-top-right-radius: .125rem;
  }

  .xl\:tw-rounded-br-sm {
    border-bottom-right-radius: .125rem;
  }

  .xl\:tw-rounded-bl-sm {
    border-bottom-left-radius: .125rem;
  }

  .xl\:tw-rounded-tl {
    border-top-left-radius: .25rem;
  }

  .xl\:tw-rounded-tr {
    border-top-right-radius: .25rem;
  }

  .xl\:tw-rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .xl\:tw-rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .xl\:tw-rounded-tl-lg {
    border-top-left-radius: .5rem;
  }

  .xl\:tw-rounded-tr-lg {
    border-top-right-radius: .5rem;
  }

  .xl\:tw-rounded-br-lg {
    border-bottom-right-radius: .5rem;
  }

  .xl\:tw-rounded-bl-lg {
    border-bottom-left-radius: .5rem;
  }

  .xl\:tw-rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .xl\:tw-rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .xl\:tw-rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .xl\:tw-rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .xl\:tw-border-solid {
    border-style: solid;
  }

  .xl\:tw-border-dashed {
    border-style: dashed;
  }

  .xl\:tw-border-dotted {
    border-style: dotted;
  }

  .xl\:tw-border-none {
    border-style: none;
  }

  .xl\:tw-border-0 {
    border-width: 0;
  }

  .xl\:tw-border-2 {
    border-width: 2px;
  }

  .xl\:tw-border-4 {
    border-width: 4px;
  }

  .xl\:tw-border-8 {
    border-width: 8px;
  }

  .xl\:tw-border {
    border-width: 1px;
  }

  .xl\:tw-border-t-0 {
    border-top-width: 0;
  }

  .xl\:tw-border-r-0 {
    border-right-width: 0;
  }

  .xl\:tw-border-b-0 {
    border-bottom-width: 0;
  }

  .xl\:tw-border-l-0 {
    border-left-width: 0;
  }

  .xl\:tw-border-t-2 {
    border-top-width: 2px;
  }

  .xl\:tw-border-r-2 {
    border-right-width: 2px;
  }

  .xl\:tw-border-b-2 {
    border-bottom-width: 2px;
  }

  .xl\:tw-border-l-2 {
    border-left-width: 2px;
  }

  .xl\:tw-border-t-4 {
    border-top-width: 4px;
  }

  .xl\:tw-border-r-4 {
    border-right-width: 4px;
  }

  .xl\:tw-border-b-4 {
    border-bottom-width: 4px;
  }

  .xl\:tw-border-l-4 {
    border-left-width: 4px;
  }

  .xl\:tw-border-t-8 {
    border-top-width: 8px;
  }

  .xl\:tw-border-r-8 {
    border-right-width: 8px;
  }

  .xl\:tw-border-b-8 {
    border-bottom-width: 8px;
  }

  .xl\:tw-border-l-8 {
    border-left-width: 8px;
  }

  .xl\:tw-border-t {
    border-top-width: 1px;
  }

  .xl\:tw-border-r {
    border-right-width: 1px;
  }

  .xl\:tw-border-b {
    border-bottom-width: 1px;
  }

  .xl\:tw-border-l {
    border-left-width: 1px;
  }

  .xl\:hover\:tw-border-0:hover {
    border-width: 0;
  }

  .xl\:hover\:tw-border-2:hover {
    border-width: 2px;
  }

  .xl\:hover\:tw-border-4:hover {
    border-width: 4px;
  }

  .xl\:hover\:tw-border-8:hover {
    border-width: 8px;
  }

  .xl\:hover\:tw-border:hover {
    border-width: 1px;
  }

  .xl\:hover\:tw-border-t-0:hover {
    border-top-width: 0;
  }

  .xl\:hover\:tw-border-r-0:hover {
    border-right-width: 0;
  }

  .xl\:hover\:tw-border-b-0:hover {
    border-bottom-width: 0;
  }

  .xl\:hover\:tw-border-l-0:hover {
    border-left-width: 0;
  }

  .xl\:hover\:tw-border-t-2:hover {
    border-top-width: 2px;
  }

  .xl\:hover\:tw-border-r-2:hover {
    border-right-width: 2px;
  }

  .xl\:hover\:tw-border-b-2:hover {
    border-bottom-width: 2px;
  }

  .xl\:hover\:tw-border-l-2:hover {
    border-left-width: 2px;
  }

  .xl\:hover\:tw-border-t-4:hover {
    border-top-width: 4px;
  }

  .xl\:hover\:tw-border-r-4:hover {
    border-right-width: 4px;
  }

  .xl\:hover\:tw-border-b-4:hover {
    border-bottom-width: 4px;
  }

  .xl\:hover\:tw-border-l-4:hover {
    border-left-width: 4px;
  }

  .xl\:hover\:tw-border-t-8:hover {
    border-top-width: 8px;
  }

  .xl\:hover\:tw-border-r-8:hover {
    border-right-width: 8px;
  }

  .xl\:hover\:tw-border-b-8:hover {
    border-bottom-width: 8px;
  }

  .xl\:hover\:tw-border-l-8:hover {
    border-left-width: 8px;
  }

  .xl\:hover\:tw-border-t:hover {
    border-top-width: 1px;
  }

  .xl\:hover\:tw-border-r:hover {
    border-right-width: 1px;
  }

  .xl\:hover\:tw-border-b:hover {
    border-bottom-width: 1px;
  }

  .xl\:hover\:tw-border-l:hover {
    border-left-width: 1px;
  }

  .xl\:focus\:tw-border-0:focus {
    border-width: 0;
  }

  .xl\:focus\:tw-border-2:focus {
    border-width: 2px;
  }

  .xl\:focus\:tw-border-4:focus {
    border-width: 4px;
  }

  .xl\:focus\:tw-border-8:focus {
    border-width: 8px;
  }

  .xl\:focus\:tw-border:focus {
    border-width: 1px;
  }

  .xl\:focus\:tw-border-t-0:focus {
    border-top-width: 0;
  }

  .xl\:focus\:tw-border-r-0:focus {
    border-right-width: 0;
  }

  .xl\:focus\:tw-border-b-0:focus {
    border-bottom-width: 0;
  }

  .xl\:focus\:tw-border-l-0:focus {
    border-left-width: 0;
  }

  .xl\:focus\:tw-border-t-2:focus {
    border-top-width: 2px;
  }

  .xl\:focus\:tw-border-r-2:focus {
    border-right-width: 2px;
  }

  .xl\:focus\:tw-border-b-2:focus {
    border-bottom-width: 2px;
  }

  .xl\:focus\:tw-border-l-2:focus {
    border-left-width: 2px;
  }

  .xl\:focus\:tw-border-t-4:focus {
    border-top-width: 4px;
  }

  .xl\:focus\:tw-border-r-4:focus {
    border-right-width: 4px;
  }

  .xl\:focus\:tw-border-b-4:focus {
    border-bottom-width: 4px;
  }

  .xl\:focus\:tw-border-l-4:focus {
    border-left-width: 4px;
  }

  .xl\:focus\:tw-border-t-8:focus {
    border-top-width: 8px;
  }

  .xl\:focus\:tw-border-r-8:focus {
    border-right-width: 8px;
  }

  .xl\:focus\:tw-border-b-8:focus {
    border-bottom-width: 8px;
  }

  .xl\:focus\:tw-border-l-8:focus {
    border-left-width: 8px;
  }

  .xl\:focus\:tw-border-t:focus {
    border-top-width: 1px;
  }

  .xl\:focus\:tw-border-r:focus {
    border-right-width: 1px;
  }

  .xl\:focus\:tw-border-b:focus {
    border-bottom-width: 1px;
  }

  .xl\:focus\:tw-border-l:focus {
    border-left-width: 1px;
  }

  .xl\:tw-cursor-auto {
    cursor: auto;
  }

  .xl\:tw-cursor-default {
    cursor: default;
  }

  .xl\:tw-cursor-pointer {
    cursor: pointer;
  }

  .xl\:tw-cursor-wait {
    cursor: wait;
  }

  .xl\:tw-cursor-move {
    cursor: move;
  }

  .xl\:tw-cursor-not-allowed {
    cursor: not-allowed;
  }

  .xl\:tw-block {
    display: block;
  }

  .xl\:tw-inline-block {
    display: inline-block;
  }

  .xl\:tw-inline {
    display: inline;
  }

  .xl\:tw-table {
    display: table;
  }

  .xl\:tw-table-row {
    display: table-row;
  }

  .xl\:tw-table-cell {
    display: table-cell;
  }

  .xl\:tw-hidden {
    display: none;
  }

  .group:hover .xl\:group-hover\:tw-block {
    display: block;
  }

  .group:hover .xl\:group-hover\:tw-inline-block {
    display: inline-block;
  }

  .group:hover .xl\:group-hover\:tw-inline {
    display: inline;
  }

  .group:hover .xl\:group-hover\:tw-table {
    display: table;
  }

  .group:hover .xl\:group-hover\:tw-table-row {
    display: table-row;
  }

  .group:hover .xl\:group-hover\:tw-table-cell {
    display: table-cell;
  }

  .group:hover .xl\:group-hover\:tw-hidden {
    display: none;
  }

  .xl\:hover\:tw-block:hover {
    display: block;
  }

  .xl\:hover\:tw-inline-block:hover {
    display: inline-block;
  }

  .xl\:hover\:tw-inline:hover {
    display: inline;
  }

  .xl\:hover\:tw-table:hover {
    display: table;
  }

  .xl\:hover\:tw-table-row:hover {
    display: table-row;
  }

  .xl\:hover\:tw-table-cell:hover {
    display: table-cell;
  }

  .xl\:hover\:tw-hidden:hover {
    display: none;
  }

  .xl\:tw-flex {
    display: flex;
  }

  .xl\:tw-inline-flex {
    display: inline-flex;
  }

  .xl\:tw-flex-row {
    flex-direction: row;
  }

  .xl\:tw-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xl\:tw-flex-col {
    flex-direction: column;
  }

  .xl\:tw-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .xl\:tw-flex-wrap {
    flex-wrap: wrap;
  }

  .xl\:tw-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .xl\:tw-flex-no-wrap {
    flex-wrap: nowrap;
  }

  .xl\:tw-items-start {
    align-items: flex-start;
  }

  .xl\:tw-items-end {
    align-items: flex-end;
  }

  .xl\:tw-items-center {
    align-items: center;
  }

  .xl\:tw-items-baseline {
    align-items: baseline;
  }

  .xl\:tw-items-stretch {
    align-items: stretch;
  }

  .xl\:tw-self-auto {
    align-self: auto;
  }

  .xl\:tw-self-start {
    align-self: flex-start;
  }

  .xl\:tw-self-end {
    align-self: flex-end;
  }

  .xl\:tw-self-center {
    align-self: center;
  }

  .xl\:tw-self-stretch {
    align-self: stretch;
  }

  .xl\:tw-justify-start {
    justify-content: flex-start;
  }

  .xl\:tw-justify-end {
    justify-content: flex-end;
  }

  .xl\:tw-justify-center {
    justify-content: center;
  }

  .xl\:tw-justify-between {
    justify-content: space-between;
  }

  .xl\:tw-justify-around {
    justify-content: space-around;
  }

  .xl\:tw-content-center {
    align-content: center;
  }

  .xl\:tw-content-start {
    align-content: flex-start;
  }

  .xl\:tw-content-end {
    align-content: flex-end;
  }

  .xl\:tw-content-between {
    align-content: space-between;
  }

  .xl\:tw-content-around {
    align-content: space-around;
  }

  .xl\:tw-flex-1 {
    flex: 1;
  }

  .xl\:tw-flex-auto {
    flex: auto;
  }

  .xl\:tw-flex-initial {
    flex: initial;
  }

  .xl\:tw-flex-none {
    flex: none;
  }

  .xl\:tw-flex-grow {
    flex-grow: 1;
  }

  .xl\:tw-flex-shrink {
    flex-shrink: 1;
  }

  .xl\:tw-flex-no-grow {
    flex-grow: 0;
  }

  .xl\:tw-flex-no-shrink {
    flex-shrink: 0;
  }

  .xl\:tw-float-right {
    float: right;
  }

  .xl\:tw-float-left {
    float: left;
  }

  .xl\:tw-float-none {
    float: none;
  }

  .xl\:tw-clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .xl\:tw-font-sans {
    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .xl\:tw-font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .xl\:tw-font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .xl\:tw-font-hairline {
    font-weight: 100;
  }

  .xl\:tw-font-thin {
    font-weight: 200;
  }

  .xl\:tw-font-light {
    font-weight: 300;
  }

  .xl\:tw-font-normal {
    font-weight: 400;
  }

  .xl\:tw-font-medium {
    font-weight: 500;
  }

  .xl\:tw-font-semibold {
    font-weight: 600;
  }

  .xl\:tw-font-bold {
    font-weight: 700;
  }

  .xl\:tw-font-extrabold {
    font-weight: 800;
  }

  .xl\:tw-font-black {
    font-weight: 900;
  }

  .xl\:hover\:tw-font-hairline:hover {
    font-weight: 100;
  }

  .xl\:hover\:tw-font-thin:hover {
    font-weight: 200;
  }

  .xl\:hover\:tw-font-light:hover {
    font-weight: 300;
  }

  .xl\:hover\:tw-font-normal:hover {
    font-weight: 400;
  }

  .xl\:hover\:tw-font-medium:hover {
    font-weight: 500;
  }

  .xl\:hover\:tw-font-semibold:hover {
    font-weight: 600;
  }

  .xl\:hover\:tw-font-bold:hover {
    font-weight: 700;
  }

  .xl\:hover\:tw-font-extrabold:hover {
    font-weight: 800;
  }

  .xl\:hover\:tw-font-black:hover {
    font-weight: 900;
  }

  .xl\:focus\:tw-font-hairline:focus {
    font-weight: 100;
  }

  .xl\:focus\:tw-font-thin:focus {
    font-weight: 200;
  }

  .xl\:focus\:tw-font-light:focus {
    font-weight: 300;
  }

  .xl\:focus\:tw-font-normal:focus {
    font-weight: 400;
  }

  .xl\:focus\:tw-font-medium:focus {
    font-weight: 500;
  }

  .xl\:focus\:tw-font-semibold:focus {
    font-weight: 600;
  }

  .xl\:focus\:tw-font-bold:focus {
    font-weight: 700;
  }

  .xl\:focus\:tw-font-extrabold:focus {
    font-weight: 800;
  }

  .xl\:focus\:tw-font-black:focus {
    font-weight: 900;
  }

  .xl\:tw-h-1 {
    height: .25rem;
  }

  .xl\:tw-h-2 {
    height: .5rem;
  }

  .xl\:tw-h-3 {
    height: .75rem;
  }

  .xl\:tw-h-4 {
    height: 1rem;
  }

  .xl\:tw-h-5 {
    height: 1.25rem;
  }

  .xl\:tw-h-6 {
    height: 1.5rem;
  }

  .xl\:tw-h-8 {
    height: 2rem;
  }

  .xl\:tw-h-10 {
    height: 2.5rem;
  }

  .xl\:tw-h-12 {
    height: 3rem;
  }

  .xl\:tw-h-16 {
    height: 4rem;
  }

  .xl\:tw-h-20 {
    height: 5rem;
  }

  .xl\:tw-h-24 {
    height: 6rem;
  }

  .xl\:tw-h-28 {
    height: 7rem;
  }

  .xl\:tw-h-32 {
    height: 8rem;
  }

  .xl\:tw-h-48 {
    height: 12rem;
  }

  .xl\:tw-h-64 {
    height: 16rem;
  }

  .xl\:tw-h-auto {
    height: auto;
  }

  .xl\:tw-h-px {
    height: 1px;
  }

  .xl\:tw-h-full {
    height: 100%;
  }

  .xl\:tw-h-screen {
    height: 100vh;
  }

  .xl\:tw-leading-none {
    line-height: 1;
  }

  .xl\:tw-leading-tight {
    line-height: 1.25;
  }

  .xl\:tw-leading-normal {
    line-height: 1.5;
  }

  .xl\:tw-leading-loose {
    line-height: 2;
  }

  .xl\:tw-m-0 {
    margin: 0;
  }

  .xl\:tw-m-1 {
    margin: .25rem;
  }

  .xl\:tw-m-2 {
    margin: .5rem;
  }

  .xl\:tw-m-3 {
    margin: .75rem;
  }

  .xl\:tw-m-4 {
    margin: 1rem;
  }

  .xl\:tw-m-5 {
    margin: 1.25rem;
  }

  .xl\:tw-m-6 {
    margin: 1.5rem;
  }

  .xl\:tw-m-8 {
    margin: 2rem;
  }

  .xl\:tw-m-10 {
    margin: 2.5rem;
  }

  .xl\:tw-m-12 {
    margin: 3rem;
  }

  .xl\:tw-m-16 {
    margin: 4rem;
  }

  .xl\:tw-m-20 {
    margin: 5rem;
  }

  .xl\:tw-m-24 {
    margin: 6rem;
  }

  .xl\:tw-m-32 {
    margin: 8rem;
  }

  .xl\:tw-m-40 {
    margin: 10rem;
  }

  .xl\:tw-m-auto {
    margin: auto;
  }

  .xl\:tw-m-px {
    margin: 1px;
  }

  .xl\:tw-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl\:tw-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xl\:tw-my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .xl\:tw-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .xl\:tw-my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .xl\:tw-mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .xl\:tw-my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .xl\:tw-mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
  }

  .xl\:tw-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .xl\:tw-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xl\:tw-my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .xl\:tw-mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .xl\:tw-my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .xl\:tw-mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xl\:tw-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xl\:tw-mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xl\:tw-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .xl\:tw-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .xl\:tw-my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .xl\:tw-mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xl\:tw-my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xl\:tw-mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xl\:tw-my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xl\:tw-mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .xl\:tw-my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xl\:tw-mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .xl\:tw-my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .xl\:tw-mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .xl\:tw-my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .xl\:tw-mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .xl\:tw-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xl\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:tw-my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .xl\:tw-mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .xl\:tw-mt-0 {
    margin-top: 0;
  }

  .xl\:tw-mr-0 {
    margin-right: 0;
  }

  .xl\:tw-mb-0 {
    margin-bottom: 0;
  }

  .xl\:tw-ml-0 {
    margin-left: 0;
  }

  .xl\:tw-mt-1 {
    margin-top: .25rem;
  }

  .xl\:tw-mr-1 {
    margin-right: .25rem;
  }

  .xl\:tw-mb-1 {
    margin-bottom: .25rem;
  }

  .xl\:tw-ml-1 {
    margin-left: .25rem;
  }

  .xl\:tw-mt-2 {
    margin-top: .5rem;
  }

  .xl\:tw-mr-2 {
    margin-right: .5rem;
  }

  .xl\:tw-mb-2 {
    margin-bottom: .5rem;
  }

  .xl\:tw-ml-2 {
    margin-left: .5rem;
  }

  .xl\:tw-mt-3 {
    margin-top: .75rem;
  }

  .xl\:tw-mr-3 {
    margin-right: .75rem;
  }

  .xl\:tw-mb-3 {
    margin-bottom: .75rem;
  }

  .xl\:tw-ml-3 {
    margin-left: .75rem;
  }

  .xl\:tw-mt-4 {
    margin-top: 1rem;
  }

  .xl\:tw-mr-4 {
    margin-right: 1rem;
  }

  .xl\:tw-mb-4 {
    margin-bottom: 1rem;
  }

  .xl\:tw-ml-4 {
    margin-left: 1rem;
  }

  .xl\:tw-mt-5 {
    margin-top: 1.25rem;
  }

  .xl\:tw-mr-5 {
    margin-right: 1.25rem;
  }

  .xl\:tw-mb-5 {
    margin-bottom: 1.25rem;
  }

  .xl\:tw-ml-5 {
    margin-left: 1.25rem;
  }

  .xl\:tw-mt-6 {
    margin-top: 1.5rem;
  }

  .xl\:tw-mr-6 {
    margin-right: 1.5rem;
  }

  .xl\:tw-mb-6 {
    margin-bottom: 1.5rem;
  }

  .xl\:tw-ml-6 {
    margin-left: 1.5rem;
  }

  .xl\:tw-mt-8 {
    margin-top: 2rem;
  }

  .xl\:tw-mr-8 {
    margin-right: 2rem;
  }

  .xl\:tw-mb-8 {
    margin-bottom: 2rem;
  }

  .xl\:tw-ml-8 {
    margin-left: 2rem;
  }

  .xl\:tw-mt-10 {
    margin-top: 2.5rem;
  }

  .xl\:tw-mr-10 {
    margin-right: 2.5rem;
  }

  .xl\:tw-mb-10 {
    margin-bottom: 2.5rem;
  }

  .xl\:tw-ml-10 {
    margin-left: 2.5rem;
  }

  .xl\:tw-mt-12 {
    margin-top: 3rem;
  }

  .xl\:tw-mr-12 {
    margin-right: 3rem;
  }

  .xl\:tw-mb-12 {
    margin-bottom: 3rem;
  }

  .xl\:tw-ml-12 {
    margin-left: 3rem;
  }

  .xl\:tw-mt-16 {
    margin-top: 4rem;
  }

  .xl\:tw-mr-16 {
    margin-right: 4rem;
  }

  .xl\:tw-mb-16 {
    margin-bottom: 4rem;
  }

  .xl\:tw-ml-16 {
    margin-left: 4rem;
  }

  .xl\:tw-mt-20 {
    margin-top: 5rem;
  }

  .xl\:tw-mr-20 {
    margin-right: 5rem;
  }

  .xl\:tw-mb-20 {
    margin-bottom: 5rem;
  }

  .xl\:tw-ml-20 {
    margin-left: 5rem;
  }

  .xl\:tw-mt-24 {
    margin-top: 6rem;
  }

  .xl\:tw-mr-24 {
    margin-right: 6rem;
  }

  .xl\:tw-mb-24 {
    margin-bottom: 6rem;
  }

  .xl\:tw-ml-24 {
    margin-left: 6rem;
  }

  .xl\:tw-mt-32 {
    margin-top: 8rem;
  }

  .xl\:tw-mr-32 {
    margin-right: 8rem;
  }

  .xl\:tw-mb-32 {
    margin-bottom: 8rem;
  }

  .xl\:tw-ml-32 {
    margin-left: 8rem;
  }

  .xl\:tw-mt-40 {
    margin-top: 10rem;
  }

  .xl\:tw-mr-40 {
    margin-right: 10rem;
  }

  .xl\:tw-mb-40 {
    margin-bottom: 10rem;
  }

  .xl\:tw-ml-40 {
    margin-left: 10rem;
  }

  .xl\:tw-mt-auto {
    margin-top: auto;
  }

  .xl\:tw-mr-auto {
    margin-right: auto;
  }

  .xl\:tw-mb-auto {
    margin-bottom: auto;
  }

  .xl\:tw-ml-auto {
    margin-left: auto;
  }

  .xl\:tw-mt-px {
    margin-top: 1px;
  }

  .xl\:tw-mr-px {
    margin-right: 1px;
  }

  .xl\:tw-mb-px {
    margin-bottom: 1px;
  }

  .xl\:tw-ml-px {
    margin-left: 1px;
  }

  .xl\:tw-max-h-0 {
    max-height: 0;
  }

  .xl\:tw-max-h-1 {
    max-height: .25rem;
  }

  .xl\:tw-max-h-2 {
    max-height: .5rem;
  }

  .xl\:tw-max-h-3 {
    max-height: .75rem;
  }

  .xl\:tw-max-h-4 {
    max-height: 1rem;
  }

  .xl\:tw-max-h-5 {
    max-height: 1.25rem;
  }

  .xl\:tw-max-h-6 {
    max-height: 1.5rem;
  }

  .xl\:tw-max-h-8 {
    max-height: 2rem;
  }

  .xl\:tw-max-h-10 {
    max-height: 2.5rem;
  }

  .xl\:tw-max-h-12 {
    max-height: 3rem;
  }

  .xl\:tw-max-h-16 {
    max-height: 4rem;
  }

  .xl\:tw-max-h-20 {
    max-height: 5rem;
  }

  .xl\:tw-max-h-24 {
    max-height: 6rem;
  }

  .xl\:tw-max-h-28 {
    max-height: 7rem;
  }

  .xl\:tw-max-h-32 {
    max-height: 8rem;
  }

  .xl\:tw-max-h-40 {
    max-height: 10rem;
  }

  .xl\:tw-max-h-44 {
    max-height: 11rem;
  }

  .xl\:tw-max-h-48 {
    max-height: 12rem;
  }

  .xl\:tw-max-h-64 {
    max-height: 16rem;
  }

  .xl\:tw-max-h-full {
    max-height: 100%;
  }

  .xl\:tw-max-h-screen {
    max-height: 100vh;
  }

  .xl\:tw-max-w-xs {
    max-width: 20rem;
  }

  .xl\:tw-max-w-sm {
    max-width: 30rem;
  }

  .xl\:tw-max-w-md {
    max-width: 40rem;
  }

  .xl\:tw-max-w-lg {
    max-width: 50rem;
  }

  .xl\:tw-max-w-xl {
    max-width: 60rem;
  }

  .xl\:tw-max-w-2xl {
    max-width: 70rem;
  }

  .xl\:tw-max-w-3xl {
    max-width: 80rem;
  }

  .xl\:tw-max-w-4xl {
    max-width: 90rem;
  }

  .xl\:tw-max-w-5xl {
    max-width: 100rem;
  }

  .xl\:tw-max-w-full {
    max-width: 100%;
  }

  .xl\:tw-min-h-0 {
    min-height: 0;
  }

  .xl\:tw-min-h-1 {
    min-height: .25rem;
  }

  .xl\:tw-min-h-2 {
    min-height: .5rem;
  }

  .xl\:tw-min-h-3 {
    min-height: .75rem;
  }

  .xl\:tw-min-h-4 {
    min-height: 1rem;
  }

  .xl\:tw-min-h-5 {
    min-height: 1.25rem;
  }

  .xl\:tw-min-h-6 {
    min-height: 1.5rem;
  }

  .xl\:tw-min-h-7 {
    min-height: 1.75rem;
  }

  .xl\:tw-min-h-8 {
    min-height: 2rem;
  }

  .xl\:tw-min-h-10 {
    min-height: 2.5rem;
  }

  .xl\:tw-min-h-12 {
    min-height: 3rem;
  }

  .xl\:tw-min-h-16 {
    min-height: 4rem;
  }

  .xl\:tw-min-h-20 {
    min-height: 5rem;
  }

  .xl\:tw-min-h-24 {
    min-height: 6rem;
  }

  .xl\:tw-min-h-28 {
    min-height: 7rem;
  }

  .xl\:tw-min-h-32 {
    min-height: 8rem;
  }

  .xl\:tw-min-h-40 {
    min-height: 10rem;
  }

  .xl\:tw-min-h-44 {
    min-height: 11rem;
  }

  .xl\:tw-min-h-48 {
    min-height: 12rem;
  }

  .xl\:tw-min-h-64 {
    min-height: 16rem;
  }

  .xl\:tw-min-h-full {
    min-height: 100%;
  }

  .xl\:tw-min-h-screen {
    min-height: 100vh;
  }

  .xl\:tw-min-w-0 {
    min-width: 0;
  }

  .xl\:tw-min-w-1 {
    min-width: .25rem;
  }

  .xl\:tw-min-w-2 {
    min-width: .5rem;
  }

  .xl\:tw-min-w-3 {
    min-width: .75rem;
  }

  .xl\:tw-min-w-4 {
    min-width: 1rem;
  }

  .xl\:tw-min-w-5 {
    min-width: 1.25rem;
  }

  .xl\:tw-min-w-6 {
    min-width: 1.5rem;
  }

  .xl\:tw-min-w-8 {
    min-width: 2rem;
  }

  .xl\:tw-min-w-10 {
    min-width: 2.5rem;
  }

  .xl\:tw-min-w-12 {
    min-width: 3rem;
  }

  .xl\:tw-min-w-16 {
    min-width: 4rem;
  }

  .xl\:tw-min-w-20 {
    min-width: 5rem;
  }

  .xl\:tw-min-w-24 {
    min-width: 6rem;
  }

  .xl\:tw-min-w-28 {
    min-width: 7rem;
  }

  .xl\:tw-min-w-32 {
    min-width: 8rem;
  }

  .xl\:tw-min-w-48 {
    min-width: 12rem;
  }

  .xl\:tw-min-w-64 {
    min-width: 16rem;
  }

  .xl\:tw-min-w-88 {
    min-width: 22rem;
  }

  .xl\:tw-min-w-full {
    min-width: 100%;
  }

  .xl\:tw--m-0 {
    margin: 0;
  }

  .xl\:tw--m-1 {
    margin: -0.25rem;
  }

  .xl\:tw--m-2 {
    margin: -0.5rem;
  }

  .xl\:tw--m-3 {
    margin: -0.75rem;
  }

  .xl\:tw--m-4 {
    margin: -1rem;
  }

  .xl\:tw--m-5 {
    margin: -1.25rem;
  }

  .xl\:tw--m-6 {
    margin: -1.5rem;
  }

  .xl\:tw--m-8 {
    margin: -2rem;
  }

  .xl\:tw--m-10 {
    margin: -2.5rem;
  }

  .xl\:tw--m-12 {
    margin: -3rem;
  }

  .xl\:tw--m-16 {
    margin: -4rem;
  }

  .xl\:tw--m-20 {
    margin: -5rem;
  }

  .xl\:tw--m-24 {
    margin: -6rem;
  }

  .xl\:tw--m-32 {
    margin: -8rem;
  }

  .xl\:tw--m-px {
    margin: -1px;
  }

  .xl\:tw--my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl\:tw--mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xl\:tw--my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .xl\:tw--mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .xl\:tw--my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .xl\:tw--mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .xl\:tw--my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .xl\:tw--mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .xl\:tw--my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .xl\:tw--mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .xl\:tw--my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .xl\:tw--mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .xl\:tw--my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .xl\:tw--mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .xl\:tw--my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .xl\:tw--mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .xl\:tw--my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .xl\:tw--mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xl\:tw--my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .xl\:tw--mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .xl\:tw--my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .xl\:tw--mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .xl\:tw--my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .xl\:tw--mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .xl\:tw--my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .xl\:tw--mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .xl\:tw--my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .xl\:tw--mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .xl\:tw--my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .xl\:tw--mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .xl\:tw--mt-0 {
    margin-top: 0;
  }

  .xl\:tw--mr-0 {
    margin-right: 0;
  }

  .xl\:tw--mb-0 {
    margin-bottom: 0;
  }

  .xl\:tw--ml-0 {
    margin-left: 0;
  }

  .xl\:tw--mt-1 {
    margin-top: -0.25rem;
  }

  .xl\:tw--mr-1 {
    margin-right: -0.25rem;
  }

  .xl\:tw--mb-1 {
    margin-bottom: -0.25rem;
  }

  .xl\:tw--ml-1 {
    margin-left: -0.25rem;
  }

  .xl\:tw--mt-2 {
    margin-top: -0.5rem;
  }

  .xl\:tw--mr-2 {
    margin-right: -0.5rem;
  }

  .xl\:tw--mb-2 {
    margin-bottom: -0.5rem;
  }

  .xl\:tw--ml-2 {
    margin-left: -0.5rem;
  }

  .xl\:tw--mt-3 {
    margin-top: -0.75rem;
  }

  .xl\:tw--mr-3 {
    margin-right: -0.75rem;
  }

  .xl\:tw--mb-3 {
    margin-bottom: -0.75rem;
  }

  .xl\:tw--ml-3 {
    margin-left: -0.75rem;
  }

  .xl\:tw--mt-4 {
    margin-top: -1rem;
  }

  .xl\:tw--mr-4 {
    margin-right: -1rem;
  }

  .xl\:tw--mb-4 {
    margin-bottom: -1rem;
  }

  .xl\:tw--ml-4 {
    margin-left: -1rem;
  }

  .xl\:tw--mt-5 {
    margin-top: -1.25rem;
  }

  .xl\:tw--mr-5 {
    margin-right: -1.25rem;
  }

  .xl\:tw--mb-5 {
    margin-bottom: -1.25rem;
  }

  .xl\:tw--ml-5 {
    margin-left: -1.25rem;
  }

  .xl\:tw--mt-6 {
    margin-top: -1.5rem;
  }

  .xl\:tw--mr-6 {
    margin-right: -1.5rem;
  }

  .xl\:tw--mb-6 {
    margin-bottom: -1.5rem;
  }

  .xl\:tw--ml-6 {
    margin-left: -1.5rem;
  }

  .xl\:tw--mt-8 {
    margin-top: -2rem;
  }

  .xl\:tw--mr-8 {
    margin-right: -2rem;
  }

  .xl\:tw--mb-8 {
    margin-bottom: -2rem;
  }

  .xl\:tw--ml-8 {
    margin-left: -2rem;
  }

  .xl\:tw--mt-10 {
    margin-top: -2.5rem;
  }

  .xl\:tw--mr-10 {
    margin-right: -2.5rem;
  }

  .xl\:tw--mb-10 {
    margin-bottom: -2.5rem;
  }

  .xl\:tw--ml-10 {
    margin-left: -2.5rem;
  }

  .xl\:tw--mt-12 {
    margin-top: -3rem;
  }

  .xl\:tw--mr-12 {
    margin-right: -3rem;
  }

  .xl\:tw--mb-12 {
    margin-bottom: -3rem;
  }

  .xl\:tw--ml-12 {
    margin-left: -3rem;
  }

  .xl\:tw--mt-16 {
    margin-top: -4rem;
  }

  .xl\:tw--mr-16 {
    margin-right: -4rem;
  }

  .xl\:tw--mb-16 {
    margin-bottom: -4rem;
  }

  .xl\:tw--ml-16 {
    margin-left: -4rem;
  }

  .xl\:tw--mt-20 {
    margin-top: -5rem;
  }

  .xl\:tw--mr-20 {
    margin-right: -5rem;
  }

  .xl\:tw--mb-20 {
    margin-bottom: -5rem;
  }

  .xl\:tw--ml-20 {
    margin-left: -5rem;
  }

  .xl\:tw--mt-24 {
    margin-top: -6rem;
  }

  .xl\:tw--mr-24 {
    margin-right: -6rem;
  }

  .xl\:tw--mb-24 {
    margin-bottom: -6rem;
  }

  .xl\:tw--ml-24 {
    margin-left: -6rem;
  }

  .xl\:tw--mt-32 {
    margin-top: -8rem;
  }

  .xl\:tw--mr-32 {
    margin-right: -8rem;
  }

  .xl\:tw--mb-32 {
    margin-bottom: -8rem;
  }

  .xl\:tw--ml-32 {
    margin-left: -8rem;
  }

  .xl\:tw--mt-px {
    margin-top: -1px;
  }

  .xl\:tw--mr-px {
    margin-right: -1px;
  }

  .xl\:tw--mb-px {
    margin-bottom: -1px;
  }

  .xl\:tw--ml-px {
    margin-left: -1px;
  }

  .xl\:tw-opacity-0 {
    opacity: 0;
  }

  .xl\:tw-opacity-25 {
    opacity: .25;
  }

  .xl\:tw-opacity-50 {
    opacity: .5;
  }

  .xl\:tw-opacity-75 {
    opacity: .75;
  }

  .xl\:tw-opacity-100 {
    opacity: 1;
  }

  .xl\:hover\:tw-opacity-0:hover {
    opacity: 0;
  }

  .xl\:hover\:tw-opacity-25:hover {
    opacity: .25;
  }

  .xl\:hover\:tw-opacity-50:hover {
    opacity: .5;
  }

  .xl\:hover\:tw-opacity-75:hover {
    opacity: .75;
  }

  .xl\:hover\:tw-opacity-100:hover {
    opacity: 1;
  }

  .xl\:tw-overflow-auto {
    overflow: auto;
  }

  .xl\:tw-overflow-hidden {
    overflow: hidden;
  }

  .xl\:tw-overflow-visible {
    overflow: visible;
  }

  .xl\:tw-overflow-scroll {
    overflow: scroll;
  }

  .xl\:tw-overflow-x-auto {
    overflow-x: auto;
  }

  .xl\:tw-overflow-y-auto {
    overflow-y: auto;
  }

  .xl\:tw-overflow-x-hidden {
    overflow-x: hidden;
  }

  .xl\:tw-overflow-y-hidden {
    overflow-y: hidden;
  }

  .xl\:tw-overflow-x-visible {
    overflow-x: visible;
  }

  .xl\:tw-overflow-y-visible {
    overflow-y: visible;
  }

  .xl\:tw-overflow-x-scroll {
    overflow-x: scroll;
  }

  .xl\:tw-overflow-y-scroll {
    overflow-y: scroll;
  }

  .xl\:tw-scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .xl\:tw-scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .xl\:tw-p-0 {
    padding: 0;
  }

  .xl\:tw-p-1 {
    padding: .25rem;
  }

  .xl\:tw-p-2 {
    padding: .5rem;
  }

  .xl\:tw-p-3 {
    padding: .75rem;
  }

  .xl\:tw-p-4 {
    padding: 1rem;
  }

  .xl\:tw-p-5 {
    padding: 1.25rem;
  }

  .xl\:tw-p-6 {
    padding: 1.5rem;
  }

  .xl\:tw-p-8 {
    padding: 2rem;
  }

  .xl\:tw-p-10 {
    padding: 2.5rem;
  }

  .xl\:tw-p-12 {
    padding: 3rem;
  }

  .xl\:tw-p-16 {
    padding: 4rem;
  }

  .xl\:tw-p-20 {
    padding: 5rem;
  }

  .xl\:tw-p-24 {
    padding: 6rem;
  }

  .xl\:tw-p-32 {
    padding: 8rem;
  }

  .xl\:tw-p-40 {
    padding: 10rem;
  }

  .xl\:tw-p-px {
    padding: 1px;
  }

  .xl\:tw-p-15px {
    padding: .9375rem;
  }

  .xl\:tw-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xl\:tw-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .xl\:tw-py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .xl\:tw-px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .xl\:tw-py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .xl\:tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .xl\:tw-py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .xl\:tw-px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .xl\:tw-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:tw-py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .xl\:tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:tw-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:tw-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:tw-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .xl\:tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:tw-py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xl\:tw-px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xl\:tw-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xl\:tw-px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:tw-py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:tw-px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xl\:tw-py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:tw-px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xl\:tw-py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xl\:tw-px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xl\:tw-py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xl\:tw-px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xl\:tw-py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .xl\:tw-px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .xl\:tw-py-15px {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
  }

  .xl\:tw-px-15px {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .xl\:tw-pt-0 {
    padding-top: 0;
  }

  .xl\:tw-pr-0 {
    padding-right: 0;
  }

  .xl\:tw-pb-0 {
    padding-bottom: 0;
  }

  .xl\:tw-pl-0 {
    padding-left: 0;
  }

  .xl\:tw-pt-1 {
    padding-top: .25rem;
  }

  .xl\:tw-pr-1 {
    padding-right: .25rem;
  }

  .xl\:tw-pb-1 {
    padding-bottom: .25rem;
  }

  .xl\:tw-pl-1 {
    padding-left: .25rem;
  }

  .xl\:tw-pt-2 {
    padding-top: .5rem;
  }

  .xl\:tw-pr-2 {
    padding-right: .5rem;
  }

  .xl\:tw-pb-2 {
    padding-bottom: .5rem;
  }

  .xl\:tw-pl-2 {
    padding-left: .5rem;
  }

  .xl\:tw-pt-3 {
    padding-top: .75rem;
  }

  .xl\:tw-pr-3 {
    padding-right: .75rem;
  }

  .xl\:tw-pb-3 {
    padding-bottom: .75rem;
  }

  .xl\:tw-pl-3 {
    padding-left: .75rem;
  }

  .xl\:tw-pt-4 {
    padding-top: 1rem;
  }

  .xl\:tw-pr-4 {
    padding-right: 1rem;
  }

  .xl\:tw-pb-4 {
    padding-bottom: 1rem;
  }

  .xl\:tw-pl-4 {
    padding-left: 1rem;
  }

  .xl\:tw-pt-5 {
    padding-top: 1.25rem;
  }

  .xl\:tw-pr-5 {
    padding-right: 1.25rem;
  }

  .xl\:tw-pb-5 {
    padding-bottom: 1.25rem;
  }

  .xl\:tw-pl-5 {
    padding-left: 1.25rem;
  }

  .xl\:tw-pt-6 {
    padding-top: 1.5rem;
  }

  .xl\:tw-pr-6 {
    padding-right: 1.5rem;
  }

  .xl\:tw-pb-6 {
    padding-bottom: 1.5rem;
  }

  .xl\:tw-pl-6 {
    padding-left: 1.5rem;
  }

  .xl\:tw-pt-8 {
    padding-top: 2rem;
  }

  .xl\:tw-pr-8 {
    padding-right: 2rem;
  }

  .xl\:tw-pb-8 {
    padding-bottom: 2rem;
  }

  .xl\:tw-pl-8 {
    padding-left: 2rem;
  }

  .xl\:tw-pt-10 {
    padding-top: 2.5rem;
  }

  .xl\:tw-pr-10 {
    padding-right: 2.5rem;
  }

  .xl\:tw-pb-10 {
    padding-bottom: 2.5rem;
  }

  .xl\:tw-pl-10 {
    padding-left: 2.5rem;
  }

  .xl\:tw-pt-12 {
    padding-top: 3rem;
  }

  .xl\:tw-pr-12 {
    padding-right: 3rem;
  }

  .xl\:tw-pb-12 {
    padding-bottom: 3rem;
  }

  .xl\:tw-pl-12 {
    padding-left: 3rem;
  }

  .xl\:tw-pt-16 {
    padding-top: 4rem;
  }

  .xl\:tw-pr-16 {
    padding-right: 4rem;
  }

  .xl\:tw-pb-16 {
    padding-bottom: 4rem;
  }

  .xl\:tw-pl-16 {
    padding-left: 4rem;
  }

  .xl\:tw-pt-20 {
    padding-top: 5rem;
  }

  .xl\:tw-pr-20 {
    padding-right: 5rem;
  }

  .xl\:tw-pb-20 {
    padding-bottom: 5rem;
  }

  .xl\:tw-pl-20 {
    padding-left: 5rem;
  }

  .xl\:tw-pt-24 {
    padding-top: 6rem;
  }

  .xl\:tw-pr-24 {
    padding-right: 6rem;
  }

  .xl\:tw-pb-24 {
    padding-bottom: 6rem;
  }

  .xl\:tw-pl-24 {
    padding-left: 6rem;
  }

  .xl\:tw-pt-32 {
    padding-top: 8rem;
  }

  .xl\:tw-pr-32 {
    padding-right: 8rem;
  }

  .xl\:tw-pb-32 {
    padding-bottom: 8rem;
  }

  .xl\:tw-pl-32 {
    padding-left: 8rem;
  }

  .xl\:tw-pt-40 {
    padding-top: 10rem;
  }

  .xl\:tw-pr-40 {
    padding-right: 10rem;
  }

  .xl\:tw-pb-40 {
    padding-bottom: 10rem;
  }

  .xl\:tw-pl-40 {
    padding-left: 10rem;
  }

  .xl\:tw-pt-px {
    padding-top: 1px;
  }

  .xl\:tw-pr-px {
    padding-right: 1px;
  }

  .xl\:tw-pb-px {
    padding-bottom: 1px;
  }

  .xl\:tw-pl-px {
    padding-left: 1px;
  }

  .xl\:tw-pt-15px {
    padding-top: .9375rem;
  }

  .xl\:tw-pr-15px {
    padding-right: .9375rem;
  }

  .xl\:tw-pb-15px {
    padding-bottom: .9375rem;
  }

  .xl\:tw-pl-15px {
    padding-left: .9375rem;
  }

  .xl\:tw-pointer-events-none {
    pointer-events: none;
  }

  .xl\:tw-pointer-events-auto {
    pointer-events: auto;
  }

  .xl\:tw-static {
    position: static;
  }

  .xl\:tw-fixed {
    position: fixed;
  }

  .xl\:tw-absolute {
    position: absolute;
  }

  .xl\:tw-relative {
    position: relative;
  }

  .xl\:tw-sticky {
    position: sticky;
  }

  .xl\:tw-pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xl\:tw-pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xl\:tw-pin-y {
    top: 0;
    bottom: 0;
  }

  .xl\:tw-pin-x {
    right: 0;
    left: 0;
  }

  .xl\:tw-pin-t {
    top: 0;
  }

  .xl\:tw-pin-r {
    right: 0;
  }

  .xl\:tw-pin-b {
    bottom: 0;
  }

  .xl\:tw-pin-l {
    left: 0;
  }

  .xl\:tw-resize-none {
    resize: none;
  }

  .xl\:tw-resize-y {
    resize: vertical;
  }

  .xl\:tw-resize-x {
    resize: horizontal;
  }

  .xl\:tw-resize {
    resize: both;
  }

  .xl\:tw-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .xl\:tw-shadow-md {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .xl\:tw-shadow-lg {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .xl\:tw-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .xl\:tw-shadow-outline {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .xl\:tw-shadow-none {
    box-shadow: none;
  }

  .xl\:hover\:tw-shadow:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .xl\:hover\:tw-shadow-md:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .xl\:hover\:tw-shadow-lg:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .xl\:hover\:tw-shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .xl\:hover\:tw-shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .xl\:hover\:tw-shadow-none:hover {
    box-shadow: none;
  }

  .xl\:focus\:tw-shadow:focus {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .23);
  }

  .xl\:focus\:tw-shadow-md:focus {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16), 0 4px 8px rgba(0, 0, 0, .23);
  }

  .xl\:focus\:tw-shadow-lg:focus {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16), 0 6px 10px rgba(0, 0, 0, .23);
  }

  .xl\:focus\:tw-shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  }

  .xl\:focus\:tw-shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
  }

  .xl\:focus\:tw-shadow-none:focus {
    box-shadow: none;
  }

  .xl\:tw-table-auto {
    table-layout: auto;
  }

  .xl\:tw-table-fixed {
    table-layout: fixed;
  }

  .xl\:tw-text-left {
    text-align: left;
  }

  .xl\:tw-text-center {
    text-align: center;
  }

  .xl\:tw-text-right {
    text-align: right;
  }

  .xl\:tw-text-justify {
    text-align: justify;
  }

  .xl\:tw-text-transparent {
    color: transparent;
  }

  .xl\:tw-text-black {
    color: #22292f;
  }

  .xl\:tw-text-black-darker {
    color: #2f2f2f;
  }

  .xl\:tw-text-grey-darkest {
    color: #3d4852;
  }

  .xl\:tw-text-grey-darker-1 {
    color: #666;
  }

  .xl\:tw-text-grey-darker {
    color: #8e8e8e;
  }

  .xl\:tw-text-grey-dark {
    color: #8795a1;
  }

  .xl\:tw-text-grey {
    color: #b8c2cc;
  }

  .xl\:tw-text-grey-light {
    color: #dae1e7;
  }

  .xl\:tw-text-grey-lighter {
    color: #f1f5f8;
  }

  .xl\:tw-text-grey-lightest {
    color: #f8fafc;
  }

  .xl\:tw-text-white {
    color: #fff;
  }

  .xl\:tw-text-red-darkest {
    color: #3b0d0c;
  }

  .xl\:tw-text-red-darker {
    color: #621b18;
  }

  .xl\:tw-text-red-dark {
    color: #cc1f1a;
  }

  .xl\:tw-text-red {
    color: #e3342f;
  }

  .xl\:tw-text-red-light {
    color: #ef5753;
  }

  .xl\:tw-text-red-lighter {
    color: #f9acaa;
  }

  .xl\:tw-text-red-lightest {
    color: #fcebea;
  }

  .xl\:tw-text-orange-darkest {
    color: #462a16;
  }

  .xl\:tw-text-orange-darker {
    color: #613b1f;
  }

  .xl\:tw-text-orange-dark {
    color: #de751f;
  }

  .xl\:tw-text-orange {
    color: #f6993f;
  }

  .xl\:tw-text-orange-light {
    color: #faad63;
  }

  .xl\:tw-text-orange-lighter {
    color: #fcd9b6;
  }

  .xl\:tw-text-orange-lightest {
    color: #fff5eb;
  }

  .xl\:tw-text-yellow-darkest {
    color: #453411;
  }

  .xl\:tw-text-yellow-darker {
    color: #684f1d;
  }

  .xl\:tw-text-yellow-dark {
    color: #f2d024;
  }

  .xl\:tw-text-yellow {
    color: #ffec92;
  }

  .xl\:tw-text-yellow-light {
    color: #fff382;
  }

  .xl\:tw-text-yellow-lighter {
    color: #fff9c2;
  }

  .xl\:tw-text-yellow-lightest {
    color: #fcfbeb;
  }

  .xl\:tw-text-green-darkest {
    color: #0f2f21;
  }

  .xl\:tw-text-green-darker {
    color: #1a4731;
  }

  .xl\:tw-text-green-dark {
    color: #1f9d55;
  }

  .xl\:tw-text-green {
    color: #38c172;
  }

  .xl\:tw-text-green-light {
    color: #51d88a;
  }

  .xl\:tw-text-green-lighter {
    color: #a2f5bf;
  }

  .xl\:tw-text-green-lightest {
    color: #e3fcec;
  }

  .xl\:tw-text-teal-darkest {
    color: #0d3331;
  }

  .xl\:tw-text-teal-darker {
    color: #20504f;
  }

  .xl\:tw-text-teal-dark {
    color: #38a89d;
  }

  .xl\:tw-text-teal {
    color: #4dc0b5;
  }

  .xl\:tw-text-teal-light {
    color: #64d5ca;
  }

  .xl\:tw-text-teal-lighter {
    color: #a0f0ed;
  }

  .xl\:tw-text-teal-lightest {
    color: #e8fffe;
  }

  .xl\:tw-text-blue-darkest {
    color: #12283a;
  }

  .xl\:tw-text-blue-darker {
    color: #1c3d5a;
  }

  .xl\:tw-text-blue-dark {
    color: #2779bd;
  }

  .xl\:tw-text-blue {
    color: #3490dc;
  }

  .xl\:tw-text-blue-light {
    color: #6cb2eb;
  }

  .xl\:tw-text-blue-lighter {
    color: #bcdefa;
  }

  .xl\:tw-text-blue-lightest {
    color: #eff8ff;
  }

  .xl\:tw-text-indigo-darkest {
    color: #191e38;
  }

  .xl\:tw-text-indigo-darker {
    color: #2f365f;
  }

  .xl\:tw-text-indigo-dark {
    color: #5661b3;
  }

  .xl\:tw-text-indigo {
    color: #6574cd;
  }

  .xl\:tw-text-indigo-light {
    color: #7886d7;
  }

  .xl\:tw-text-indigo-lighter {
    color: #b2b7ff;
  }

  .xl\:tw-text-indigo-lightest {
    color: #e6e8ff;
  }

  .xl\:tw-text-purple-darkest {
    color: #21183c;
  }

  .xl\:tw-text-purple-darker {
    color: #382b5f;
  }

  .xl\:tw-text-purple-dark {
    color: #794acf;
  }

  .xl\:tw-text-purple {
    color: #9561e2;
  }

  .xl\:tw-text-purple-light {
    color: #a779e9;
  }

  .xl\:tw-text-purple-lighter {
    color: #d6bbfc;
  }

  .xl\:tw-text-purple-lightest {
    color: #f3ebff;
  }

  .xl\:tw-text-pink-darkest {
    color: #451225;
  }

  .xl\:tw-text-pink-darker {
    color: #6f213f;
  }

  .xl\:tw-text-pink-dark {
    color: #eb5286;
  }

  .xl\:tw-text-pink {
    color: #f66d9b;
  }

  .xl\:tw-text-pink-light {
    color: #fa7ea8;
  }

  .xl\:tw-text-pink-lighter {
    color: #ffbbca;
  }

  .xl\:tw-text-pink-lightest {
    color: #ffebef;
  }

  .xl\:tw-text-primary-l7 {
    color: rgb(95, 95, 95);
  }

  .xl\:tw-text-primary-l6 {
    color: rgb(85, 85, 85);
  }

  .xl\:tw-text-primary-l5 {
    color: rgb(75, 75, 75);
  }

  .xl\:tw-text-primary-l4 {
    color: rgb(65, 65, 65);
  }

  .xl\:tw-text-primary-l3 {
    color: rgb(55, 55, 55);
  }

  .xl\:tw-text-primary-l2 {
    color: rgb(45, 45, 45);
  }

  .xl\:tw-text-primary-l1 {
    color: rgb(40, 40, 40);
  }

  .xl\:tw-text-primary {
    color: rgb(35, 35, 35);
  }

  .xl\:tw-text-primary-d1 {
    color: rgb(25, 25, 25);
  }

  .xl\:tw-text-primary-d2 {
    color: rgb(20, 20, 20);
  }

  .xl\:tw-text-primary-d3 {
    color: rgb(15, 15, 15);
  }

  .xl\:tw-text-primary-d4 {
    color: rgb(5, 5, 5);
  }

  .xl\:tw-text-primary-o9 {
    color: rgba(35, 35, 35, .9);
  }

  .xl\:tw-text-primary-o8 {
    color: rgba(35, 35, 35, .8);
  }

  .xl\:tw-text-primary-o7 {
    color: rgba(35, 35, 35, .7);
  }

  .xl\:tw-text-primary-o6 {
    color: rgba(35, 35, 35, .6);
  }

  .xl\:tw-text-primary-o5 {
    color: rgba(35, 35, 35, .5);
  }

  .xl\:tw-text-primary-o4 {
    color: rgba(35, 35, 35, .4);
  }

  .xl\:tw-text-primary-o3 {
    color: rgba(35, 35, 35, .3);
  }

  .xl\:tw-text-primary-o2 {
    color: rgba(35, 35, 35, .2);
  }

  .xl\:tw-text-primary-o1 {
    color: rgba(35, 35, 35, .1);
  }

  .xl\:tw-text-primary-g1 {
    color: rgba(31, 157, 85, .5607843137);
  }

  .xl\:tw-text-primary-d1-o9 {
    color: rgba(25, 25, 25, .9);
  }

  .xl\:tw-text-primary-l5-o3 {
    color: rgba(75, 75, 75, .3);
  }

  .xl\:tw-text-primary-dark-gray {
    color: rgb(165, 165, 165);
  }

  .xl\:hover\:tw-text-transparent:hover {
    color: transparent;
  }

  .xl\:hover\:tw-text-black:hover {
    color: #22292f;
  }

  .xl\:hover\:tw-text-black-darker:hover {
    color: #2f2f2f;
  }

  .xl\:hover\:tw-text-grey-darkest:hover {
    color: #3d4852;
  }

  .xl\:hover\:tw-text-grey-darker-1:hover {
    color: #666;
  }

  .xl\:hover\:tw-text-grey-darker:hover {
    color: #8e8e8e;
  }

  .xl\:hover\:tw-text-grey-dark:hover {
    color: #8795a1;
  }

  .xl\:hover\:tw-text-grey:hover {
    color: #b8c2cc;
  }

  .xl\:hover\:tw-text-grey-light:hover {
    color: #dae1e7;
  }

  .xl\:hover\:tw-text-grey-lighter:hover {
    color: #f1f5f8;
  }

  .xl\:hover\:tw-text-grey-lightest:hover {
    color: #f8fafc;
  }

  .xl\:hover\:tw-text-white:hover {
    color: #fff;
  }

  .xl\:hover\:tw-text-red-darkest:hover {
    color: #3b0d0c;
  }

  .xl\:hover\:tw-text-red-darker:hover {
    color: #621b18;
  }

  .xl\:hover\:tw-text-red-dark:hover {
    color: #cc1f1a;
  }

  .xl\:hover\:tw-text-red:hover {
    color: #e3342f;
  }

  .xl\:hover\:tw-text-red-light:hover {
    color: #ef5753;
  }

  .xl\:hover\:tw-text-red-lighter:hover {
    color: #f9acaa;
  }

  .xl\:hover\:tw-text-red-lightest:hover {
    color: #fcebea;
  }

  .xl\:hover\:tw-text-orange-darkest:hover {
    color: #462a16;
  }

  .xl\:hover\:tw-text-orange-darker:hover {
    color: #613b1f;
  }

  .xl\:hover\:tw-text-orange-dark:hover {
    color: #de751f;
  }

  .xl\:hover\:tw-text-orange:hover {
    color: #f6993f;
  }

  .xl\:hover\:tw-text-orange-light:hover {
    color: #faad63;
  }

  .xl\:hover\:tw-text-orange-lighter:hover {
    color: #fcd9b6;
  }

  .xl\:hover\:tw-text-orange-lightest:hover {
    color: #fff5eb;
  }

  .xl\:hover\:tw-text-yellow-darkest:hover {
    color: #453411;
  }

  .xl\:hover\:tw-text-yellow-darker:hover {
    color: #684f1d;
  }

  .xl\:hover\:tw-text-yellow-dark:hover {
    color: #f2d024;
  }

  .xl\:hover\:tw-text-yellow:hover {
    color: #ffec92;
  }

  .xl\:hover\:tw-text-yellow-light:hover {
    color: #fff382;
  }

  .xl\:hover\:tw-text-yellow-lighter:hover {
    color: #fff9c2;
  }

  .xl\:hover\:tw-text-yellow-lightest:hover {
    color: #fcfbeb;
  }

  .xl\:hover\:tw-text-green-darkest:hover {
    color: #0f2f21;
  }

  .xl\:hover\:tw-text-green-darker:hover {
    color: #1a4731;
  }

  .xl\:hover\:tw-text-green-dark:hover {
    color: #1f9d55;
  }

  .xl\:hover\:tw-text-green:hover {
    color: #38c172;
  }

  .xl\:hover\:tw-text-green-light:hover {
    color: #51d88a;
  }

  .xl\:hover\:tw-text-green-lighter:hover {
    color: #a2f5bf;
  }

  .xl\:hover\:tw-text-green-lightest:hover {
    color: #e3fcec;
  }

  .xl\:hover\:tw-text-teal-darkest:hover {
    color: #0d3331;
  }

  .xl\:hover\:tw-text-teal-darker:hover {
    color: #20504f;
  }

  .xl\:hover\:tw-text-teal-dark:hover {
    color: #38a89d;
  }

  .xl\:hover\:tw-text-teal:hover {
    color: #4dc0b5;
  }

  .xl\:hover\:tw-text-teal-light:hover {
    color: #64d5ca;
  }

  .xl\:hover\:tw-text-teal-lighter:hover {
    color: #a0f0ed;
  }

  .xl\:hover\:tw-text-teal-lightest:hover {
    color: #e8fffe;
  }

  .xl\:hover\:tw-text-blue-darkest:hover {
    color: #12283a;
  }

  .xl\:hover\:tw-text-blue-darker:hover {
    color: #1c3d5a;
  }

  .xl\:hover\:tw-text-blue-dark:hover {
    color: #2779bd;
  }

  .xl\:hover\:tw-text-blue:hover {
    color: #3490dc;
  }

  .xl\:hover\:tw-text-blue-light:hover {
    color: #6cb2eb;
  }

  .xl\:hover\:tw-text-blue-lighter:hover {
    color: #bcdefa;
  }

  .xl\:hover\:tw-text-blue-lightest:hover {
    color: #eff8ff;
  }

  .xl\:hover\:tw-text-indigo-darkest:hover {
    color: #191e38;
  }

  .xl\:hover\:tw-text-indigo-darker:hover {
    color: #2f365f;
  }

  .xl\:hover\:tw-text-indigo-dark:hover {
    color: #5661b3;
  }

  .xl\:hover\:tw-text-indigo:hover {
    color: #6574cd;
  }

  .xl\:hover\:tw-text-indigo-light:hover {
    color: #7886d7;
  }

  .xl\:hover\:tw-text-indigo-lighter:hover {
    color: #b2b7ff;
  }

  .xl\:hover\:tw-text-indigo-lightest:hover {
    color: #e6e8ff;
  }

  .xl\:hover\:tw-text-purple-darkest:hover {
    color: #21183c;
  }

  .xl\:hover\:tw-text-purple-darker:hover {
    color: #382b5f;
  }

  .xl\:hover\:tw-text-purple-dark:hover {
    color: #794acf;
  }

  .xl\:hover\:tw-text-purple:hover {
    color: #9561e2;
  }

  .xl\:hover\:tw-text-purple-light:hover {
    color: #a779e9;
  }

  .xl\:hover\:tw-text-purple-lighter:hover {
    color: #d6bbfc;
  }

  .xl\:hover\:tw-text-purple-lightest:hover {
    color: #f3ebff;
  }

  .xl\:hover\:tw-text-pink-darkest:hover {
    color: #451225;
  }

  .xl\:hover\:tw-text-pink-darker:hover {
    color: #6f213f;
  }

  .xl\:hover\:tw-text-pink-dark:hover {
    color: #eb5286;
  }

  .xl\:hover\:tw-text-pink:hover {
    color: #f66d9b;
  }

  .xl\:hover\:tw-text-pink-light:hover {
    color: #fa7ea8;
  }

  .xl\:hover\:tw-text-pink-lighter:hover {
    color: #ffbbca;
  }

  .xl\:hover\:tw-text-pink-lightest:hover {
    color: #ffebef;
  }

  .xl\:hover\:tw-text-primary-l7:hover {
    color: rgb(95, 95, 95);
  }

  .xl\:hover\:tw-text-primary-l6:hover {
    color: rgb(85, 85, 85);
  }

  .xl\:hover\:tw-text-primary-l5:hover {
    color: rgb(75, 75, 75);
  }

  .xl\:hover\:tw-text-primary-l4:hover {
    color: rgb(65, 65, 65);
  }

  .xl\:hover\:tw-text-primary-l3:hover {
    color: rgb(55, 55, 55);
  }

  .xl\:hover\:tw-text-primary-l2:hover {
    color: rgb(45, 45, 45);
  }

  .xl\:hover\:tw-text-primary-l1:hover {
    color: rgb(40, 40, 40);
  }

  .xl\:hover\:tw-text-primary:hover {
    color: rgb(35, 35, 35);
  }

  .xl\:hover\:tw-text-primary-d1:hover {
    color: rgb(25, 25, 25);
  }

  .xl\:hover\:tw-text-primary-d2:hover {
    color: rgb(20, 20, 20);
  }

  .xl\:hover\:tw-text-primary-d3:hover {
    color: rgb(15, 15, 15);
  }

  .xl\:hover\:tw-text-primary-d4:hover {
    color: rgb(5, 5, 5);
  }

  .xl\:hover\:tw-text-primary-o9:hover {
    color: rgba(35, 35, 35, .9);
  }

  .xl\:hover\:tw-text-primary-o8:hover {
    color: rgba(35, 35, 35, .8);
  }

  .xl\:hover\:tw-text-primary-o7:hover {
    color: rgba(35, 35, 35, .7);
  }

  .xl\:hover\:tw-text-primary-o6:hover {
    color: rgba(35, 35, 35, .6);
  }

  .xl\:hover\:tw-text-primary-o5:hover {
    color: rgba(35, 35, 35, .5);
  }

  .xl\:hover\:tw-text-primary-o4:hover {
    color: rgba(35, 35, 35, .4);
  }

  .xl\:hover\:tw-text-primary-o3:hover {
    color: rgba(35, 35, 35, .3);
  }

  .xl\:hover\:tw-text-primary-o2:hover {
    color: rgba(35, 35, 35, .2);
  }

  .xl\:hover\:tw-text-primary-o1:hover {
    color: rgba(35, 35, 35, .1);
  }

  .xl\:hover\:tw-text-primary-g1:hover {
    color: rgba(31, 157, 85, .5607843137);
  }

  .xl\:hover\:tw-text-primary-d1-o9:hover {
    color: rgba(25, 25, 25, .9);
  }

  .xl\:hover\:tw-text-primary-l5-o3:hover {
    color: rgba(75, 75, 75, .3);
  }

  .xl\:hover\:tw-text-primary-dark-gray:hover {
    color: rgb(165, 165, 165);
  }

  .xl\:focus\:tw-text-transparent:focus {
    color: transparent;
  }

  .xl\:focus\:tw-text-black:focus {
    color: #22292f;
  }

  .xl\:focus\:tw-text-black-darker:focus {
    color: #2f2f2f;
  }

  .xl\:focus\:tw-text-grey-darkest:focus {
    color: #3d4852;
  }

  .xl\:focus\:tw-text-grey-darker-1:focus {
    color: #666;
  }

  .xl\:focus\:tw-text-grey-darker:focus {
    color: #8e8e8e;
  }

  .xl\:focus\:tw-text-grey-dark:focus {
    color: #8795a1;
  }

  .xl\:focus\:tw-text-grey:focus {
    color: #b8c2cc;
  }

  .xl\:focus\:tw-text-grey-light:focus {
    color: #dae1e7;
  }

  .xl\:focus\:tw-text-grey-lighter:focus {
    color: #f1f5f8;
  }

  .xl\:focus\:tw-text-grey-lightest:focus {
    color: #f8fafc;
  }

  .xl\:focus\:tw-text-white:focus {
    color: #fff;
  }

  .xl\:focus\:tw-text-red-darkest:focus {
    color: #3b0d0c;
  }

  .xl\:focus\:tw-text-red-darker:focus {
    color: #621b18;
  }

  .xl\:focus\:tw-text-red-dark:focus {
    color: #cc1f1a;
  }

  .xl\:focus\:tw-text-red:focus {
    color: #e3342f;
  }

  .xl\:focus\:tw-text-red-light:focus {
    color: #ef5753;
  }

  .xl\:focus\:tw-text-red-lighter:focus {
    color: #f9acaa;
  }

  .xl\:focus\:tw-text-red-lightest:focus {
    color: #fcebea;
  }

  .xl\:focus\:tw-text-orange-darkest:focus {
    color: #462a16;
  }

  .xl\:focus\:tw-text-orange-darker:focus {
    color: #613b1f;
  }

  .xl\:focus\:tw-text-orange-dark:focus {
    color: #de751f;
  }

  .xl\:focus\:tw-text-orange:focus {
    color: #f6993f;
  }

  .xl\:focus\:tw-text-orange-light:focus {
    color: #faad63;
  }

  .xl\:focus\:tw-text-orange-lighter:focus {
    color: #fcd9b6;
  }

  .xl\:focus\:tw-text-orange-lightest:focus {
    color: #fff5eb;
  }

  .xl\:focus\:tw-text-yellow-darkest:focus {
    color: #453411;
  }

  .xl\:focus\:tw-text-yellow-darker:focus {
    color: #684f1d;
  }

  .xl\:focus\:tw-text-yellow-dark:focus {
    color: #f2d024;
  }

  .xl\:focus\:tw-text-yellow:focus {
    color: #ffec92;
  }

  .xl\:focus\:tw-text-yellow-light:focus {
    color: #fff382;
  }

  .xl\:focus\:tw-text-yellow-lighter:focus {
    color: #fff9c2;
  }

  .xl\:focus\:tw-text-yellow-lightest:focus {
    color: #fcfbeb;
  }

  .xl\:focus\:tw-text-green-darkest:focus {
    color: #0f2f21;
  }

  .xl\:focus\:tw-text-green-darker:focus {
    color: #1a4731;
  }

  .xl\:focus\:tw-text-green-dark:focus {
    color: #1f9d55;
  }

  .xl\:focus\:tw-text-green:focus {
    color: #38c172;
  }

  .xl\:focus\:tw-text-green-light:focus {
    color: #51d88a;
  }

  .xl\:focus\:tw-text-green-lighter:focus {
    color: #a2f5bf;
  }

  .xl\:focus\:tw-text-green-lightest:focus {
    color: #e3fcec;
  }

  .xl\:focus\:tw-text-teal-darkest:focus {
    color: #0d3331;
  }

  .xl\:focus\:tw-text-teal-darker:focus {
    color: #20504f;
  }

  .xl\:focus\:tw-text-teal-dark:focus {
    color: #38a89d;
  }

  .xl\:focus\:tw-text-teal:focus {
    color: #4dc0b5;
  }

  .xl\:focus\:tw-text-teal-light:focus {
    color: #64d5ca;
  }

  .xl\:focus\:tw-text-teal-lighter:focus {
    color: #a0f0ed;
  }

  .xl\:focus\:tw-text-teal-lightest:focus {
    color: #e8fffe;
  }

  .xl\:focus\:tw-text-blue-darkest:focus {
    color: #12283a;
  }

  .xl\:focus\:tw-text-blue-darker:focus {
    color: #1c3d5a;
  }

  .xl\:focus\:tw-text-blue-dark:focus {
    color: #2779bd;
  }

  .xl\:focus\:tw-text-blue:focus {
    color: #3490dc;
  }

  .xl\:focus\:tw-text-blue-light:focus {
    color: #6cb2eb;
  }

  .xl\:focus\:tw-text-blue-lighter:focus {
    color: #bcdefa;
  }

  .xl\:focus\:tw-text-blue-lightest:focus {
    color: #eff8ff;
  }

  .xl\:focus\:tw-text-indigo-darkest:focus {
    color: #191e38;
  }

  .xl\:focus\:tw-text-indigo-darker:focus {
    color: #2f365f;
  }

  .xl\:focus\:tw-text-indigo-dark:focus {
    color: #5661b3;
  }

  .xl\:focus\:tw-text-indigo:focus {
    color: #6574cd;
  }

  .xl\:focus\:tw-text-indigo-light:focus {
    color: #7886d7;
  }

  .xl\:focus\:tw-text-indigo-lighter:focus {
    color: #b2b7ff;
  }

  .xl\:focus\:tw-text-indigo-lightest:focus {
    color: #e6e8ff;
  }

  .xl\:focus\:tw-text-purple-darkest:focus {
    color: #21183c;
  }

  .xl\:focus\:tw-text-purple-darker:focus {
    color: #382b5f;
  }

  .xl\:focus\:tw-text-purple-dark:focus {
    color: #794acf;
  }

  .xl\:focus\:tw-text-purple:focus {
    color: #9561e2;
  }

  .xl\:focus\:tw-text-purple-light:focus {
    color: #a779e9;
  }

  .xl\:focus\:tw-text-purple-lighter:focus {
    color: #d6bbfc;
  }

  .xl\:focus\:tw-text-purple-lightest:focus {
    color: #f3ebff;
  }

  .xl\:focus\:tw-text-pink-darkest:focus {
    color: #451225;
  }

  .xl\:focus\:tw-text-pink-darker:focus {
    color: #6f213f;
  }

  .xl\:focus\:tw-text-pink-dark:focus {
    color: #eb5286;
  }

  .xl\:focus\:tw-text-pink:focus {
    color: #f66d9b;
  }

  .xl\:focus\:tw-text-pink-light:focus {
    color: #fa7ea8;
  }

  .xl\:focus\:tw-text-pink-lighter:focus {
    color: #ffbbca;
  }

  .xl\:focus\:tw-text-pink-lightest:focus {
    color: #ffebef;
  }

  .xl\:focus\:tw-text-primary-l7:focus {
    color: rgb(95, 95, 95);
  }

  .xl\:focus\:tw-text-primary-l6:focus {
    color: rgb(85, 85, 85);
  }

  .xl\:focus\:tw-text-primary-l5:focus {
    color: rgb(75, 75, 75);
  }

  .xl\:focus\:tw-text-primary-l4:focus {
    color: rgb(65, 65, 65);
  }

  .xl\:focus\:tw-text-primary-l3:focus {
    color: rgb(55, 55, 55);
  }

  .xl\:focus\:tw-text-primary-l2:focus {
    color: rgb(45, 45, 45);
  }

  .xl\:focus\:tw-text-primary-l1:focus {
    color: rgb(40, 40, 40);
  }

  .xl\:focus\:tw-text-primary:focus {
    color: rgb(35, 35, 35);
  }

  .xl\:focus\:tw-text-primary-d1:focus {
    color: rgb(25, 25, 25);
  }

  .xl\:focus\:tw-text-primary-d2:focus {
    color: rgb(20, 20, 20);
  }

  .xl\:focus\:tw-text-primary-d3:focus {
    color: rgb(15, 15, 15);
  }

  .xl\:focus\:tw-text-primary-d4:focus {
    color: rgb(5, 5, 5);
  }

  .xl\:focus\:tw-text-primary-o9:focus {
    color: rgba(35, 35, 35, .9);
  }

  .xl\:focus\:tw-text-primary-o8:focus {
    color: rgba(35, 35, 35, .8);
  }

  .xl\:focus\:tw-text-primary-o7:focus {
    color: rgba(35, 35, 35, .7);
  }

  .xl\:focus\:tw-text-primary-o6:focus {
    color: rgba(35, 35, 35, .6);
  }

  .xl\:focus\:tw-text-primary-o5:focus {
    color: rgba(35, 35, 35, .5);
  }

  .xl\:focus\:tw-text-primary-o4:focus {
    color: rgba(35, 35, 35, .4);
  }

  .xl\:focus\:tw-text-primary-o3:focus {
    color: rgba(35, 35, 35, .3);
  }

  .xl\:focus\:tw-text-primary-o2:focus {
    color: rgba(35, 35, 35, .2);
  }

  .xl\:focus\:tw-text-primary-o1:focus {
    color: rgba(35, 35, 35, .1);
  }

  .xl\:focus\:tw-text-primary-g1:focus {
    color: rgba(31, 157, 85, .5607843137);
  }

  .xl\:focus\:tw-text-primary-d1-o9:focus {
    color: rgba(25, 25, 25, .9);
  }

  .xl\:focus\:tw-text-primary-l5-o3:focus {
    color: rgba(75, 75, 75, .3);
  }

  .xl\:focus\:tw-text-primary-dark-gray:focus {
    color: rgb(165, 165, 165);
  }

  .xl\:tw-text-11px {
    font-size: 11px;
  }

  .xl\:tw-text-xs {
    font-size: .75rem;
  }

  .xl\:tw-text-13px {
    font-size: 13px;
  }

  .xl\:tw-text-sm {
    font-size: .875rem;
  }

  .xl\:tw-text-15px {
    font-size: .9375rem;
  }

  .xl\:tw-text-base {
    font-size: 1rem;
  }

  .xl\:tw-text-17px {
    font-size: 17px;
  }

  .xl\:tw-text-lg {
    font-size: 1.125rem;
  }

  .xl\:tw-text-xl {
    font-size: 1.25rem;
  }

  .xl\:tw-text-2xl {
    font-size: 1.5rem;
  }

  .xl\:tw-text-3xl {
    font-size: 1.875rem;
  }

  .xl\:tw-text-4xl {
    font-size: 2.25rem;
  }

  .xl\:tw-text-5xl {
    font-size: 3rem;
  }

  .xl\:tw-text-6xl {
    font-size: 4rem;
  }

  .xl\:tw-italic {
    font-style: italic;
  }

  .xl\:tw-roman {
    font-style: normal;
  }

  .xl\:tw-uppercase {
    text-transform: uppercase;
  }

  .xl\:tw-lowercase {
    text-transform: lowercase;
  }

  .xl\:tw-capitalize {
    text-transform: capitalize;
  }

  .xl\:tw-normal-case {
    text-transform: none;
  }

  .xl\:tw-underline {
    text-decoration: underline;
  }

  .xl\:tw-line-through {
    text-decoration: line-through;
  }

  .xl\:tw-no-underline {
    text-decoration: none;
  }

  .xl\:tw-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xl\:tw-subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xl\:hover\:tw-italic:hover {
    font-style: italic;
  }

  .xl\:hover\:tw-roman:hover {
    font-style: normal;
  }

  .xl\:hover\:tw-uppercase:hover {
    text-transform: uppercase;
  }

  .xl\:hover\:tw-lowercase:hover {
    text-transform: lowercase;
  }

  .xl\:hover\:tw-capitalize:hover {
    text-transform: capitalize;
  }

  .xl\:hover\:tw-normal-case:hover {
    text-transform: none;
  }

  .xl\:hover\:tw-underline:hover {
    text-decoration: underline;
  }

  .xl\:hover\:tw-line-through:hover {
    text-decoration: line-through;
  }

  .xl\:hover\:tw-no-underline:hover {
    text-decoration: none;
  }

  .xl\:hover\:tw-antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xl\:hover\:tw-subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xl\:focus\:tw-italic:focus {
    font-style: italic;
  }

  .xl\:focus\:tw-roman:focus {
    font-style: normal;
  }

  .xl\:focus\:tw-uppercase:focus {
    text-transform: uppercase;
  }

  .xl\:focus\:tw-lowercase:focus {
    text-transform: lowercase;
  }

  .xl\:focus\:tw-capitalize:focus {
    text-transform: capitalize;
  }

  .xl\:focus\:tw-normal-case:focus {
    text-transform: none;
  }

  .xl\:focus\:tw-underline:focus {
    text-decoration: underline;
  }

  .xl\:focus\:tw-line-through:focus {
    text-decoration: line-through;
  }

  .xl\:focus\:tw-no-underline:focus {
    text-decoration: none;
  }

  .xl\:focus\:tw-antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xl\:focus\:tw-subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xl\:tw-tracking-tight {
    letter-spacing: -0.05em;
  }

  .xl\:tw-tracking-normal {
    letter-spacing: 0;
  }

  .xl\:tw-tracking-wide {
    letter-spacing: .05em;
  }

  .xl\:tw-select-none {
    user-select: none;
  }

  .xl\:tw-select-text {
    user-select: text;
  }

  .xl\:tw-align-baseline {
    vertical-align: baseline;
  }

  .xl\:tw-align-top {
    vertical-align: top;
  }

  .xl\:tw-align-middle {
    vertical-align: middle;
  }

  .xl\:tw-align-bottom {
    vertical-align: bottom;
  }

  .xl\:tw-align-text-top {
    vertical-align: text-top;
  }

  .xl\:tw-align-text-bottom {
    vertical-align: text-bottom;
  }

  .xl\:tw-visible {
    visibility: visible;
  }

  .xl\:tw-invisible {
    visibility: hidden;
  }

  .xl\:tw-whitespace-normal {
    white-space: normal;
  }

  .xl\:tw-whitespace-no-wrap {
    white-space: nowrap;
  }

  .xl\:tw-whitespace-pre {
    white-space: pre;
  }

  .xl\:tw-whitespace-pre-line {
    white-space: pre-line;
  }

  .xl\:tw-whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .xl\:tw-break-words {
    word-wrap: break-word;
  }

  .xl\:tw-break-normal {
    word-wrap: normal;
  }

  .xl\:tw-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xl\:tw-w-1 {
    width: .25rem;
  }

  .xl\:tw-w-2 {
    width: .5rem;
  }

  .xl\:tw-w-3 {
    width: .75rem;
  }

  .xl\:tw-w-4 {
    width: 1rem;
  }

  .xl\:tw-w-5 {
    width: 1.25rem;
  }

  .xl\:tw-w-6 {
    width: 1.5rem;
  }

  .xl\:tw-w-8 {
    width: 2rem;
  }

  .xl\:tw-w-10 {
    width: 2.5rem;
  }

  .xl\:tw-w-12 {
    width: 3rem;
  }

  .xl\:tw-w-16 {
    width: 4rem;
  }

  .xl\:tw-w-20 {
    width: 5rem;
  }

  .xl\:tw-w-24 {
    width: 6rem;
  }

  .xl\:tw-w-28 {
    width: 7rem;
  }

  .xl\:tw-w-32 {
    width: 8rem;
  }

  .xl\:tw-w-48 {
    width: 12rem;
  }

  .xl\:tw-w-64 {
    width: 16rem;
  }

  .xl\:tw-w-auto {
    width: auto;
  }

  .xl\:tw-w-px {
    width: 1px;
  }

  .xl\:tw-w-1\/2 {
    width: 50%;
  }

  .xl\:tw-w-1\/3 {
    width: 33.33333%;
  }

  .xl\:tw-w-2\/3 {
    width: 66.66667%;
  }

  .xl\:tw-w-1\/4 {
    width: 25%;
  }

  .xl\:tw-w-3\/4 {
    width: 75%;
  }

  .xl\:tw-w-1\/5 {
    width: 20%;
  }

  .xl\:tw-w-2\/5 {
    width: 40%;
  }

  .xl\:tw-w-3\/5 {
    width: 60%;
  }

  .xl\:tw-w-4\/5 {
    width: 80%;
  }

  .xl\:tw-w-1\/6 {
    width: 16.66667%;
  }

  .xl\:tw-w-5\/6 {
    width: 83.33333%;
  }

  .xl\:tw-w-full {
    width: 100%;
  }

  .xl\:tw-w-screen {
    width: 100vw;
  }

  .xl\:tw-z-0 {
    z-index: 0;
  }

  .xl\:tw-z-10 {
    z-index: 10;
  }

  .xl\:tw-z-20 {
    z-index: 20;
  }

  .xl\:tw-z-30 {
    z-index: 30;
  }

  .xl\:tw-z-40 {
    z-index: 40;
  }

  .xl\:tw-z-50 {
    z-index: 50;
  }

  .xl\:tw-z-auto {
    z-index: auto;
  }
}

.color-disabled {
  color: #888;
}

.color-error {
  color: #ef5350;
}

.color-success {
  color: #51c57e;
}

.color-primary {
  color: #ffec92 !important;
}

.color-green {
  color: #51c57e;
}

.color-white {
  color: white;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  z-index: 100000;
}

::-webkit-scrollbar-thumb {
  background-color: #80868b;
  border-radius: 4px;
  -webkit-transition: .2s ease-in-out;
          transition: .2s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #80868b;
}

::-webkit-scrollbar-track {
  border-width: 0;
}

html {
  height: auto;
  overflow-y: overlay;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: rgb(25, 25, 25);
  font-family: Montserrat, serif;
  vertical-align: baseline;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -ms-overflow-style: scrollbar;
}

body.md-dialog-is-showing {
  overflow: hidden !important;
  top: 0px !important;
}

button,
select,
html,
textarea,
input {
  font-family: Montserrat, serif;
}

@media (max-width: 470px) {
  .menu-offset {
    padding-bottom: 64px;
  }
}

@media (min-width: 471px) {
  .menu-offset {
    padding-left: 64px;
  }
}

.main {
  overflow: hidden;
  min-height: calc(100vh - 64px);
  transition: background-image .5s;
  transition-timing-function: ease;
}

.main .ng-enter.animate {
  transition: 1s;
  opacity: 0;
}

.main .ng-enter-active.animate {
  opacity: 1;
}

.main .ng-leave.animate {
  opacity: 0;
}

.main .ng-leave-active.animate {
  transition: 1s;
  opacity: 0;
}

img.logo {
  width: 220px;
  float: left;
}

h3.logo {
  float: left;
  color: #ffec92;
  font-weight: bold;
}

h3.logo:hover {
  color: #ffffcb;
}

.nav-buttons .md-raised.nav-link.md-button {
  font-size: 18px;
  color: #ffec92;
  border: 0px;
  line-height: 1;
  background: transparent;
  float: right;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px 10px;
}

.nav-buttons .md-raised.nav-link.md-button span {
  color: #ffec92;
  vertical-align: sub;
}

.nav-buttons .md-raised.nav-link.md-button md-icon {
  color: #ffec92;
  background: transparent;
  font-size: 26px;
  vertical-align: inherit;
  margin-left: 0px;
}

.nav-buttons .md-raised.nav-link.md-button .fa.fa-sign-out {
  padding-top: 4px !important;
}

.nav-buttons .md-raised.nav-link.md-button .fa.fa-home {
  padding-top: 2px !important;
}

.nav-buttons .md-raised.nav-link.md-button .fa.fa-bell-o {
  padding-top: 4px !important;
}

.nav-buttons .md-raised.nav-link.md-button:hover {
  color: #ffffcb;
  border: 0px;
  background: rgba(200, 200, 200, .12);
}

.vt-form.registration .left.link.login-link {
  padding-top: 8px;
}

.vt-form.registration h1 {
  font-size: 1.5em;
  color: white;
}

@media (min-width: 768px) {
  .vt-form.registration {
    max-width: 580px;
    padding-left: 90px;
    padding-right: 90px;
  }
}

.vt-form.registration .profile-tab-form {
  padding: 0 0 40px 0;
}

.vt-form.admin-page {
  max-width: 1200px;
  width: 100%;
}

.vt-form {
  color: #f5f5f5;
  margin: 1em 0;
  background-color: rgb(35, 35, 35);
  border-radius: 2px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 600px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.vt-form.vt-form_align-center {
  margin-left: auto;
  margin-right: auto;
}

.vt-form .vt-form__header {
  text-align: center;
  font-size: 23px;
  padding: 20px;
  margin-left: -10px;
  margin-right: -10px;
  border-bottom: 1px solid #444;
}

.vt-form .vt-form__header.vt-form__header_no-border {
  border-bottom: none;
}

.vt-form .admin-page {
  width: 800px;
}

.vt-form md-content {
  background-color: transparent;
}

.vt-form md-tabs-wrapper {
  padding-left: 12px;
  padding-right: 12px;
}

.vt-form md-input-container {
  margin-bottom: 0px;
}

.vt-form md-input-container .error {
  height: 0;
}

.vt-form .right.link.login-link {
  padding-top: 8px;
}

.vt-form md-tab-content:first-child {
  padding: 0px;
}

md-dialog .vt-form {
  box-shadow: none;
}

hgroup {
  text-align: center;
  color: #ffec92;
}

h1,
h3 {
  font-weight: 200;
}

.width-100,
md-input-container {
  width: 100% !important;
}

.width50 {
  width: 50%;
}

.width49 {
  width: 49%;
}

.width80 {
  width: 80%;
}

.min-w-125 {
  min-width: 125px !important;
}

.margin-left-3 {
  margin-left: 3px;
}

.margin-top-minus5 {
  margin-top: -5px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-25 {
  margin-top: 25px;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

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

@media (max-width: 470px) {
  .mobile-margin-left-minus-25 {
    margin-left: -25px;
  }

  .mobile-margin-right-minus-25 {
    margin-right: -25px;
  }
}

form .vt-button.md-button {
  font-size: 16px;
  color: #ffec92;
  border: 0px;
  padding: 0 10px;
  line-height: 2;
  background: transparent;
  margin: 0px;
  text-transform: initial;
}

form .vt-button.md-button span {
  color: #ffec92;
}

form .md-raised.vt-button.md-button:hover,
form .md-raised.vt-button.md-button:focus,
form .md-raised.vt-button.md-button.md-focused {
  color: #ffffcb;
  border: 0px;
  background: rgba(200, 200, 200, .12);
}

form .vt-button.md-button.clear-session,
form .vt-button.md-button.clear-session.md-raised:hover,
form .vt-button.md-button.clear-session.md-raised:focus,
form .vt-button.md-button.clear-session.md-raised.md-focused {
  border: 0px;
}

form .vt-button.md-button.clear-session[disabled] {
  background: transparent !important;
}

form .vt-button.md-button.clear-session[disabled] span {
  color: #c5c1c1 !important;
}

.center {
  text-align: center !important;
}

md-input-container.md-default-theme .md-input,
md-input-container .md-input,
.md-select-value,
.md-select-value.md-select-placeholder {
  color: #f5f5f5;
  border-color: #f5f5f5;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value {
  color: #f5f5f5;
  border-color: #ffec92;
}

md-input-container label {
  color: #aaa;
}

md-input-container input.md-input,
md-input-container input.md-input:focus {
  border-color: #555;
}

md-input-container:not(.md-input-has-value) input:not(:focus) {
  color: #f5f5f5;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: #aaa;
}

md-input-container:not(md-input-invalid).md-input-focused label {
  color: #ffec92 !important;
}

md-input-container:not(.md-input-invalid).md-input-has-value label.md-label,
md-input-container.md-input-has-value label.md-label {
  color: #aaa;
}

md-input-container:not(.md-input-invalid).md-input-has-value input.md-input,
md-input-container:not(.md-input-invalid).md-input-has-value input.md-input:focus,
md-input-container.md-input-has-value input.md-input,
md-input-container.md-input-has-value input.md-input:focus {
  border-color: #ffec92;
}

md-input-container.md-input-focused.md-input-invalid label.md-label,
md-input-container.md-input-focused label.md-label {
  color: #ffec92;
}

md-input-container.md-input-focused.md-input-invalid input.md-input,
md-input-container.md-input-focused.md-input-invalid input.md-input:focus,
md-input-container.md-input-focused input.md-input,
md-input-container.md-input-focused input.md-input:focus {
  border-color: #ffec92;
}

md-input-container.md-input-invalid label.md-label,
md-input-container.md-input-invalid .md-placeholder,
md-input-container.md-input-invalid .md-placeholder {
  color: #ef5350;
}

md-input-container.md-input-invalid .md-input {
  border-color: #ef5350;
}

md-input-container.md-input-invalid ::-webkit-input-placeholder {
  color: #ef5350;
}

md-input-container.md-input-invalid ::-moz-placeholder {
  color: #ef5350;
}

md-input-container.md-input-invalid :-moz-placeholder {
  color: #ef5350;
}

md-input-container.md-input-invalid :-ms-input-placeholder {
  color: #ef5350;
}

md-input-container.md-input-invalid.md-input-has-value input.ng-invalid {
  border-color: #ef5350;
}

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

.right {
  float: right !important;
  text-align: right !important;
}

.menu-tabs {
  color: #ffec92;
  padding-top: 10px;
  font-size: 30px;
}

md-sidenav.md-sidenav-left.md-whiteframe-z2 {
  z-index: 2000;
  background: rgba(0, 0, 0, .9);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

md-sidenav.md-sidenav-left.md-whiteframe-z2 md-toolbar a.logo {
  padding-left: 50px;
}

md-sidenav.md-sidenav-left.md-whiteframe-z2 md-content .mobile-menu {
  padding: 0px;
  margin: 0px;
}

md-sidenav.md-sidenav-left.md-whiteframe-z2 md-content .mobile-menu .mobile-tab {
  padding: 25px;
  cursor: pointer;
  color: #f5f5f5;
}

md-sidenav.md-sidenav-left.md-whiteframe-z2 md-content .mobile-menu .mobile-tab:hover {
  color: #ffffcb;
  background: rgba(200, 200, 200, .12);
}

md-sidenav.md-sidenav-left.md-whiteframe-z2 md-content .mobile-menu .mobile-tab.active {
  background-color: #ffec92;
  color: #424242;
}

md-input-container .error span {
  color: #ef5350;
  font-size: 14px;
  line-height: 24px;
}

md-input-container .error.time-error span {
  font-size: 12px;
  line-height: 12px;
}

.input-container {
  position: relative;
}

.input-container .error-label {
  position: absolute;
  bottom: 18px;
  left: 2px;
}

.input-container .error-label span {
  color: #ef5350;
  font-size: 14px;
  line-height: 24px;
}

md-tab-item.md-tab span {
  color: #999;
}

@media (max-width: 470px) {
  md-tab-item {
    font-size: 12px !important;
    max-width: 150px !important;
  }
}

@media (min-width: 471px) and (max-width: 870px) {
  md-tab-item {
    max-width: 200px !important;
  }
}

@media (min-width: 871px) {
  md-tab-item {
    max-width: 250px !important;
  }
}

.md-tab.md-active span {
  color: white;
}

md-tab-content:first-child {
  padding: 5px;
}

md-pagination-wrapper {
  font-size: 20px;
}

input {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px rgba(0, 0, 0, .5) !important; /* Цвет фона */
  -webkit-text-fill-color: #f5f5f5 !important; /* цвет текста */
  color: #f5f5f5 !important; /* цвет текста */
}

.vt-form.profile .avatar,
.verification-tab .avatar {
  padding-top: 10px;
}

.vt-form.profile .avatar .current,
.verification-tab .avatar .current {
  max-width: 100%;
  max-height: 420px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .4), 0 6px 20px 0 rgba(0, 0, 0, .39);
}

.vt-form.profile .center,
.verification-tab .center {
  text-align: center;
}

.upload-avatar .upload-avatar__avatar {
  height: 300px;
  background-position: center center;
}

@media (max-width: 470px) {
  .upload-avatar .upload-avatar__avatar {
    height: 200px;
  }
}

.upload-avatar .upload-avatar__avatar_default {
  width: 250px !important;
  height: 250px !important;
  margin: auto;
}

.mechanic-amount.earned {
  font-size: 24px !important;
  color: #ffec92;
  font-weight: bold;
}

.mechanic-amount.earned .amount {
  vertical-align: initial !important;
}

.mechanic-amount.pending {
  font-size: 24px !important;
  font-weight: bold;
  color: gray !important;
}

.mechanic-amount.pending .amount {
  vertical-align: initial !important;
  color: gray !important;
}

.show-mechanic-account {
  color: white;
  margin-left: 26px;
  border-radius: 2px;
  padding: 30px 10px;
  line-height: 30px;
}

.show-mechanic-account .currency-account {
  border-radius: 20px;
  border: 1px solid hsla(199, 8%, 47%, .4);
  padding: 1px 15px;
}

.show-mechanic-account .pending {
  color: #929292;
  border: 1px solid #525252;
  border-radius: 6px;
  padding: 0px 6px 0 6px;
}

.show-mechanic-account .verified {
  color: #24b47e;
  border: rgba(36, 180, 126, .4);
  border-radius: 6px;
  padding: 0px 6px 0 6px;
}

.show-mechanic-account .unverified {
  color: #e39f48;
  border: 1px solid rgba(227, 159, 72, .4);
  border-radius: 6px;
  padding: 0px 6px 0 6px;
}

.show-mechanic-account .md-button.md-fab.md-mini {
  line-height: 39px;
}

.show-mechanic-account .md-button {
  margin: 0 !important;
  background-color: #ffec92;
}

.show-mechanic-account .md-button.md-fab:not([disabled]):hover {
  background-color: #ffec92;
}

.profile-tab-form {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.profile-tab-form a.target-blank {
  color: #ffec92;
}

.profile-tab-form a.target-blank:active,
.profile-tab-form a.target-blank:hover,
.profile-tab-form a.target-blank:focus {
  color: #ffffcb;
}

.profile-tab-form .error {
  color: #ef5350;
}

.profile-tab-form .terms-accepted {
  padding-bottom: 15px;
}

.vt-form.address-verification-form {
  max-width: 1200px;
  width: 100%;
}

.vt-form.address-verification-form .layout-row > .flex-50,
.vt-form.address-verification-form .layout-row > .flex-33,
.vt-form.address-verification-form .layout-row > .flex-66 {
  padding-left: 10px !important;
}

.vt-form.address-verification-form .zip-code-info {
  padding: 0px 17px 15px 17px;
}

.vt-form.profile-images-verification-form {
  width: 880px;
}

.add-buttons-fab.add-bike-fab {
  float: left;
  margin-top: -13px;
}

.add-buttons-fab.add-bike-fab .md-button.md-fab {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 !important;
}

.add-buttons-fab.add-bike-fab .md-button.md-fab md-icon {
  height: 26px;
  width: 26px;
  font-size: x-large !important;
  color: #ffec92;
}

.add-buttons-fab.add-bike-fab .md-button.md-fab:hover,
.add-buttons-fab.add-bike-fab .md-button.md-fab:active,
.add-buttons-fab.add-bike-fab .md-button.md-fab:focus {
  background-color: rgba(200, 200, 200, .12);
}

.add-buttons-fab.add-bike-fab .md-button.md-fab:hover md-icon,
.add-buttons-fab.add-bike-fab .md-button.md-fab:active md-icon,
.add-buttons-fab.add-bike-fab .md-button.md-fab:focus md-icon {
  color: #ffffcb;
}

.add-buttons-fab {
  float: right;
}

.add-buttons-fab md-icon {
  height: 26px;
  width: 26px;
  font-size: x-large !important;
}

.add-buttons-fab.serial-number-button .md-fab.addon.md-button {
  bottom: 5px;
  box-shadow: none;
}

.enter-rating-form .add-buttons-fab.serial-number-button .md-fab.addon.md-button {
  margin: 0px;
}

@media (min-width: 493px) {
  .enter-rating-form .add-buttons-fab.serial-number-button .md-fab.addon.md-button {
    bottom: -5px;
  }
}

@media (max-width: 494px) {
  .enter-rating-form .add-buttons-fab.serial-number-button .md-fab.addon.md-button {
    bottom: 10px;
  }
}

.add-buttons-fab.type-of-bike .md-fab.md-button {
  width: 84px;
  height: 84px;
}

.add-buttons-fab.type-of-bike .md-fab.md-button md-icon {
  background-size: 100% !important;
  width: 73px;
  height: 73px;
}

@media (min-width: 799px) {
  md-dialog md-dialog-content {
    overflow: overlay;
  }

  md-dialog md-dialog-content .avatar-form {
    width: 600px;
  }

  md-dialog md-dialog-content .show-picture-form {
    width: 700px;
  }

  md-dialog md-dialog-content .show-picture-form .show-img-buttons {
    height: 100%;
  }

  md-dialog md-dialog-content .show-new-deadline-form {
    width: 450px;
  }
}

@media (max-width: 800px) {
  md-dialog md-dialog-content .avatar-form,
  md-dialog md-dialog-content .show-picture-form,
  md-dialog md-dialog-content .show-serial-number-form,
  md-dialog md-dialog-content .show-new-deadline-form {
    width: 100%;
  }
}

.show-serial-number-form .serial-numbers p {
  color: #f5f5f5;
  min-width: 135px;
  padding-left: 15px;
}

md-dialog {
  background-color: rgb(35, 35, 35);
}

md-dialog md-dialog-content {
  color: #ffec92;
}

md-dialog md-dialog-content .avatar-form {
  text-align: center;
}

md-dialog md-dialog-content .avatar-form .dialog-content {
  margin-left: 10px;
  margin-right: 10px;
}

md-dialog md-dialog-content h1 {
  text-align: center;
  color: white;
}

md-dialog .md-button.md-primary:active,
md-dialog .md-button.md-primary:hover {
  color: #ffffcb !important;
}

md-progress-linear.md-default-theme .md-bar,
md-progress-linear .md-bar {
  background-color: #f5f5f5;
}

.progress-line .md-container.md-mode-determinate {
  background-color: rgba(255, 230, 63, .36);
}

md-dialog-actions div.left {
  width: 50%;
}

md-dialog-actions div.left button {
  float: left;
}

md-dialog-actions div.right {
  width: 50%;
}

md-dialog-actions div.right button {
  float: right;
}

.table .title {
  font-weight: bold;
}

.table .table-row {
  color: #f5f5f5;
  padding: 10px 0px;
}

.table .table-row:hover {
  background: rgba(200, 200, 200, .1);
}

.table table {
  width: 100%;
}

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

.table table th,
.table table td {
  color: #f5f5f5;
  padding: 10px 5px;
}

.admin-table th:not(:first-child),
.admin-table td:not(:first-child) {
  max-width: 173px;
  min-width: 173px;
}

.admin-table div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.md-button.dropdown {
  overflow: visible;
}

.dropdown .dropdown-menu {
  max-width: 0;
  position: absolute;
  left: 40px;
  top: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  list-style: none;
}

.dropdown .dropdown-menu .md-button {
  min-width: 100%;
  border-radius: 0;
  margin: 0;
  padding: 6px 16px;
}

.dropdown.active .dropdown-menu {
  max-width: 300px;
  left: 0;
  opacity: 1;
  background: rgba(0, 0, 0, .6);
}

md-checkbox {
  margin-bottom: 0px;
}

md-checkbox.md-default-theme:not(.md-checked) .md-icon,
md-checkbox:not(.md-checked) .md-icon {
  border-color: #ffec92;
}

md-checkbox.md-checked .md-icon {
  background-color: #ffec92;
}

md-checkbox.md-default-theme[disabled] .md-icon,
md-checkbox[disabled] .md-icon {
  border-color: rgba(255, 235, 0, .26);
}

.md-button.remove-button,
.md-button.add-button {
  padding-left: 0px;
  padding-right: 0px;
  min-width: 32px;
  line-height: 24px;
  min-height: 24px;
  padding-top: 8px;
}

.md-button.remove-button md-icon.fa,
.md-button.add-button md-icon.fa {
  color: #f44336;
}

form .vt-button.md-button.remove-button span {
  color: #ef5350;
}

form .vt-button.md-button.remove-button:active span,
form .vt-button.md-button.remove-button:hover span,
form .vt-button.md-button.remove-button:focus span {
  color: #e53935;
}

.md-button.remove-button {
  color: #f44336;
}

@media (max-width: 375px) {
  .md-button.remove-button {
    margin-left: -10px;
  }
}

.md-button.add-button {
  color: #f5f5f5;
}

.md-button.add-button md-icon.fa {
  color: #f5f5f5;
}

.md-button.remove-button[disabled] md-icon.fa {
  color: #e57373;
}

.vt-form.add-type-of-bike .name {
  width: 100%;
}

.vt-form.add-type-of-bike .wheel {
  width: 33%;
}

.vt-form.add-type-of-bike .default {
  padding-left: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
}

.vt-form.add-type-of-bike .remove {
  padding-bottom: 15px;
}

.vt-form.add-type-of-bike md-content.md-padding {
  padding-bottom: 30px;
}

.wide {
  width: 100%;
}

.vt-form.admin-page md-content.md-padding {
  padding-bottom: 80px;
}

md-content.md-padding {
  padding-bottom: 30px;
}

md-content.md-padding .md-fling.md-fab.admin-fab {
  position: absolute;
}

md-content.md-padding .md-fling.md-fab.admin-fab md-fab-trigger {
  right: 0px;
  bottom: auto;
  left: auto;
  position: absolute;
}

md-content.md-padding .md-fling.md-fab.admin-fab md-fab-actions {
  right: 0px;
  bottom: 0px;
  left: auto;
  position: absolute;
}

.md-primary.md-button.back-button {
  color: #ffec92;
}

.md-select .md-select-value {
  color: #f5f5f5 !important;
  border-color: #ffec92;
  text-align: left;
}

md-select .md-select-value.md-select-placeholder,
md-select .md-select-value {
  border-bottom: 1px solid #555;
  padding-bottom: 0;
  color: #aaa;
}

md-input-container.md-input-has-value md-select .md-select-value.md-select-placeholder,
md-input-container.md-input-has-value md-select .md-select-value {
  border-bottom: 1px solid #ffec92;
}

md-input-container label:before(md-select.ng-invalid.ng-invalid-required) .md-select-value {
  border-color: #ef5350;
}

md-icon.fa.fa-bicycle {
  padding-right: 5px;
  padding-bottom: 2px;
}

.bicycle-filters .md-button {
  width: 153px;
}

.vt-form.add-bike,
.vt-form.add-type-of-bike,
.vt-form.create-request {
  max-width: 800px;
  width: 100%;
}

@media (max-width: 599px) {
  .vt-form.add-bike .brand-name:nth-child(1),
  .vt-form.add-type-of-bike .brand-name:nth-child(1),
  .vt-form.create-request .brand-name:nth-child(1) {
    padding-right: 10px;
    padding-left: 0;
  }
}

.vt-form.add-bike md-tabs-wrapper,
.vt-form.add-type-of-bike md-tabs-wrapper,
.vt-form.create-request md-tabs-wrapper {
  display: none;
}

.vt-form.add-bike .task-label,
.vt-form.add-type-of-bike .task-label,
.vt-form.create-request .task-label {
  margin: 0px 0px 20px 20px;
}

.add-buttons-fab.show-comment button.md-button.md-fab.addon {
  bottom: 1px;
}

.add-buttons-fab button.md-button.md-fab.addon {
  z-index: 20;
  line-height: 36px;
  min-width: 0;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  transition: all .3s cubic-bezier(.55, 0, .55, .2);
  transition-property: background-color, box-shadow, transform;
  bottom: 16px;
  background: rgba(0, 0, 0, 0);
}

.add-buttons-fab button.md-button.md-fab.addon md-icon {
  color: #ffec92;
}

.add-buttons-fab button.md-button.md-fab.addon:hover md-icon,
.add-buttons-fab button.md-button.md-fab.addon:focus md-icon,
.add-buttons-fab button.md-button.md-fab.addon.md-focused md-icon {
  color: #ffffcb;
}

button.md-button.md-raised.vt-button.non-border {
  border: 0px !important;
  text-align: center;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
}

button.md-button.md-raised.vt-button.non-border:focus {
  background-color: rgba(200, 200, 200, .12);
}

i:focus {
  outline-color: transparent;
}

.autocomplete ::-webkit-input-placeholder,
.autocomplete :-moz-placeholder,
.autocomplete ::-moz-placeholder,
.autocomplete :-ms-input-placeholder {
  color: #f5f5f5;
}

/* customize google autocomplete */

.pac-container.pac-logo {
  background-color: rgb(35, 35, 35);
  border-top: 0px;
}

.pac-container.pac-logo .pac-item {
  font-size: medium;
  padding: 5px 10px;
  border-top: 0px;
  color: #f5f5f5;
}

.pac-container.pac-logo .pac-item .pac-item-query {
  color: #f5f5f5;
  font-size: medium;
}

.pac-container.pac-logo .pac-item .pac-matched {
  color: #ffec92 !important;
}

.pac-container.pac-logo .pac-item .pac-icon.pac-icon-marker {
  display: none;
}

.pac-container.pac-logo .pac-item:active,
.pac-container.pac-logo .pac-item:hover,
.pac-container.pac-logo .pac-item:focus {
  background-color: rgba(100, 100, 100, .5);
  cursor: pointer;
}

.pac-item-selected,
.pac-item-selected:hover {
  background-color: rgba(100, 100, 0, .5);
  cursor: pointer;
}

.pac-logo:after {
  display: none !important;
}

md-content {
  background-color: rgba(0, 0, 0, 0);
}

md-option {
  color: #f5f5f5;
  background-color: #333;
}

md-select-value.md-select-value.md-select-placeholder span,
md-select-value.md-select-value.md-select-placeholder span.md-select-icon {
  color: #aaa;
}

.md-select-menu-container.md-active.md-clickable md-option[selected],
.md-select-menu-container.md-active.md-clickable md-option:hover,
.md-select-menu-container.md-active.md-clickable md-option:active,
.md-select-menu-container.md-active.md-clickable md-option:focus {
  background-color: #444;
  font-sive: 18px;
}

.md-select-menu-container.md-active.md-clickable md-select-menu.md-default-theme:not([disabled]) md-option[selected],
.md-select-menu-container.md-active.md-clickable md-select-menu md-option[selected] {
  color: #ffec92 !important;
}

md-select.md-default-theme.ng-invalid.ng-dirty .md-select-value,
md-select.ng-invalid.ng-dirty .md-select-value {
  color: #ef5350 !important;
  border-bottom-color: #ef5350 !important;
}

md-select-menu.md-default-theme:not([disabled]) md-option[selected],
md-select-menu.md-default-theme:not([disabled]) md-select-menu md-option[selected] {
  color: #f44336 !important;
}

.choose-color {
  height: 30px;
  width: 100%;
}

md-input-container md-autocomplete {
  background: rgba(0, 0, 0, 0);
  min-width: auto;
}

md-input-container md-autocomplete md-autocomplete-wrap {
  box-shadow: initial !important;
}

md-input-container md-autocomplete md-autocomplete-wrap .md-input {
  order: initial;
}

md-input-container md-autocomplete md-autocomplete-wrap button {
  display: none;
}

md-input-container md-autocomplete md-autocomplete-wrap button md-icon > svg > g > path {
  fill: #f5f5f5;
}

md-input-container md-autocomplete md-autocomplete-wrap button:active md-icon > svg > g > path,
md-input-container md-autocomplete md-autocomplete-wrap button:focus md-icon > svg > g > path,
md-input-container md-autocomplete md-autocomplete-wrap button:hover md-icon > svg > g > path {
  fill: #ffffcb;
}

.md-autocomplete-suggestions li {
  line-height: 38px;
  height: 40px;
}

.color-row {
  width: 160px;
}

.color {
  height: 40px;
  width: 40px;
  float: left;
  cursor: pointer;
  font-size: x-large;
  text-align: center;
  outline: 0;
}

.color.dark-red {
  background-color: #800000;
  color: #fff;
}

.color.red {
  background-color: #f00;
  color: #fff;
}

.color.white {
  background-color: #fff;
  color: #000;
}

.color.green {
  background-color: #008000;
  color: #fff;
}

.color.light-green {
  background-color: #0f0;
  color: #000;
}

.color.dark-blue {
  background-color: #000090;
  color: #fff;
}

.color.blue {
  background-color: #00f;
  color: #fff;
}

.color.light-blue {
  background-color: #0ff;
  color: #800000;
}

.color.black {
  background-color: #000;
  color: #fff;
}

.color.grey {
  background-color: #7f7f7f;
  color: #800000;
}

.color.pink {
  background-color: #f0f;
  color: #fff;
}

.color.purple {
  background-color: #800080;
  color: #fff;
}

.color.brown {
  background-color: #963;
  color: #fff;
}

.color.yellow {
  background-color: #ffec92;
  color: #000;
}

.color.orange {
  background-color: #ff8000;
  color: #000;
}

.color-border {
  border: 1px solid #555;
}

.color.carbon {
  background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #1b1b1b 10px, transparent 10px), linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px;
  color: #fff;
}

.color.active {
  max-width: 40px;
  max-height: 40px;
  border: 3px solid #ffffcb;
}

.color-option {
  float: left;
  padding-top: 11px;
  position: absolute;
}

md-radio-button.md-default-theme .md-off,
md-radio-button .md-off {
  border-color: #ffec92;
}

md-content.md-default-theme,
md-content {
  color: #f5f5f5;
}

md-content.md-default-theme .link a,
md-content .link a {
  color: #ffec92;
}

md-content.md-default-theme,
md-content md-input-container.md-input-invalid md-select.ng-invalid-required md-select-value {
  border-color: #ef5350 !important;
}

md-content.md-default-theme .md-select-icon,
md-content.md-default-theme span,
md-content md-input-container.md-input-invalid md-select.ng-invalid-required md-select-value .md-select-icon,
md-content md-input-container.md-input-invalid md-select.ng-invalid-required md-select-value span {
  color: #ef5350 !important;
}

.color-panel,
.verification-tab {
  padding-top: 15px;
}

color-panel > div {
  max-width: 160px;
}

vt-tooltip {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  pointer-events: none;
  border-radius: 4px;
  font-weight: 500;
  font-size: rem(1.4);
}

@media screen and (min-width: 960px) {
  vt-tooltip {
    font-size: rem(1);
  }
}

vt-tooltip .md-content {
  height: auto;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: center top;
  transform: scale(0);
  opacity: 0;
  line-height: rem(3.2);
  padding-left: rem(1.6);
  padding-right: rem(1.6);
}

@media screen and (min-width: 960px) {
  vt-tooltip .md-content {
    height: rem(2.2);
    line-height: rem(2.2);
    padding-left: rem(.8);
    padding-right: rem(.8);
  }
}

vt-tooltip .md-content.md-show-add {
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
  transition-duration: .2s;
  transform: scale(0);
  opacity: 0;
}

vt-tooltip .md-content.md-show,
vt-tooltip .md-content.md-show-add-active {
  transform: scale(1);
  opacity: 1;
  transform-origin: center top;
}

vt-tooltip .md-content.md-show-remove {
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
  transition-duration: .2s;
}

vt-tooltip .md-content.md-show-remove.md-show-remove-active {
  transform: scale(0);
  opacity: 0;
}

vt-tooltip.md-hide {
  transition: all .3s cubic-bezier(.55, 0, .55, .2);
}

vt-tooltip.md-show {
  transition: all .4s cubic-bezier(.25, .8, .25, 1);
  pointer-events: auto;
  will-change: opacity, height, width;
}

.show-chosen-color {
  height: 40px;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.show-chosen-color.active,
.show-chosen-color:active,
.show-chosen-color:focus,
.show-chosen-color:hover {
  border: 1px solid #ffffcb;
}

.show-color.color {
  height: 40px;
  float: left;
}

.user-info td {
  vertical-align: top;
  width: 150px;
  padding: 5px 5px 6%;
}

.choose-file-container {
  text-align: center;
  padding: 30px;
  margin: 0;
}

.choose-file-container button.vt-button.choose-images {
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none !important;
  float: inherit;
  min-width: 120px;
}

.choose-file-container button.vt-button.choose-images:active,
.choose-file-container button.vt-button.choose-images:focus,
.choose-file-container button.vt-button.choose-images:hover {
  background-color: rgba(200, 200, 200, .12);
}

@media (max-width: 470px) {
  .choose-file-container {
    padding: 2px;
  }
}

form .vt-button.md-button span:active,
form .vt-button.md-button span:focus,
form .vt-button.md-button span:hover {
  color: #ffffcb;
}

.cursor-pointer,
th.search,
.data-table .search {
  cursor: pointer;
}

.data-table .radio-button-filters {
  margin-bottom: 15px;
}

.data-table .radio-button-filters .md-button {
  width: 100%;
}

.data-table .radio-button-filters .md-button.active {
  background: #ffec92;
  color: #c5c1c1;
}

.data-table .radio-button-filters .md-button.active:hover {
  background: #ffffcb;
  color: #c5c1c1;
}

.data-table .data-table-actions .data-table-action {
  min-width: 36px;
  width: 36px;
}

.data-table table.table {
  border-spacing: 0px;
  float: left;
}

.data-table table.table .selecting-row {
  cursor: pointer;
}

.data-table table.table .selecting-row:focus,
.data-table table.table .selecting-row:active,
.data-table table.table .selecting-row:hover {
  background: rgba(200, 200, 200, .1);
}

.data-table table.table tr.title th {
  padding: 0px 5px;
}

.data-table table.table th.no-vertical-padding {
  padding: 0px 5px;
}

.data-table table.table .search .title {
  float: left;
}

.data-table table.table .search:not(.ASC) .sort-marker.fa-sort-down:before,
.data-table table.table .search:not(.ASC) .sort-marker.fa-sort-desc:before,
.data-table table.table .search:not(.DESC) .sort-marker.fa-sort-down:before,
.data-table table.table .search:not(.DESC) .sort-marker.fa-sort-desc:before {
  content: "";
}

.data-table table.table .search.ASC .sort-marker,
.data-table table.table .search.DESC .sort-marker {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  float: right;
}

.data-table table.table .search.ASC .sort-marker {
  /* padding-top: 6px;*/
}

.data-table table.table .search.ASC .sort-marker.fa-sort-down:before,
.data-table table.table .search.ASC .sort-marker.fa-sort-desc:before {
  content: "\f0de";
  color: #f5f5f5;
}

.data-table table.table .search.DESC .sort-marker.fa-sort-down:before,
.data-table table.table .search.DESC .sort-marker.fa-sort-desc:before {
  content: "\f0dd";
  color: #f5f5f5;
}

.data-table table.table md-input-container {
  margin: 0;
}

.data-table table.table md-input-container .md-errors-spacer {
  min-height: 0px !important;
}

.pagination {
  margin: 0;
  display: inline-block;
  border-radius: 0;
  padding: 15px 0;
}

.pagination li {
  display: inline;
}

.pagination li a {
  color: #ffec92;
  text-decoration: initial;
}

.pagination li a span {
  text-transform: initial;
}

.pagination li a:hover,
.pagination li a:active,
.pagination li a:focus {
  color: #ffffcb;
}

.pagination a[disabled] span {
  color: #555;
}

.pagination .page a {
  min-width: 30px;
  padding: 0 0px;
  margin: 0px 0px;
  line-height: 25px;
  min-height: 20px;
}

.pagination .prev a,
.pagination .next a {
  line-height: 25px;
  min-width: 50px;
  padding: 0 0px;
  margin: 0px 0px;
  min-height: 20px;
}

@media (min-width: 768px) {
  .pagination {
    float: right;
  }
}

md-toast.md-bottom {
  min-width: 320px;
  float: none;
  width: auto;
  right: 0;
  left: auto;
}

md-toast {
  position: fixed;
  min-width: inherit;
  z-index: 1501;
}

md-toast .warning {
  background-color: #f28550;
  color: white;
}

md-toast .error {
  color: white;
  background-color: #d05f5c;
}

md-toast .success {
  background-color: #619b59;
  color: white;
}

md-toast .info {
  background-color: #276f8c;
  color: white;
}

md-toast.md-top {
  width: 100%;
  float: none;
  right: 0;
  left: auto;
  padding: 0;
  top: 0;
  position: fixed;
}

md-toast.md-top .md-toast-content {
  display: block;
  min-height: 64px;
  height: auto;
  max-width: none;
}

md-toast.md-top .md-toolbar-tools {
  max-width: none;
}

md-toast.md-top .md-toolbar-tools > span {
  margin: 22px 60px;
}

md-toast.md-top .md-toolbar-tools > .md-button:last-child {
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  position: absolute;
}

md-toast.md-top md-icon {
  min-height: 16px;
  min-width: 16px;
  height: 16px;
  width: 16px;
}

md-toast.md-top .md-toast-text {
  text-align: center;
  float: none;
}

md-toast .md-toolbar-tools {
  padding: 0;
  font-size: 15px;
  display: block;
  max-height: 100%;
  max-width: 500px;
}

md-toast .md-toolbar-tools > .md-button {
  float: right;
}

md-toast .md-toolbar-tools > span {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 10px;
  display: block;
  float: left;
}

md-toast .md-toolbar-tools md-icon {
  min-height: 16px;
  min-width: 16px;
  height: 16px;
  width: 16px;
}

md-toast .md-toolbar-tools > .md-button:last-child {
  top: 5px;
  right: 5px;
  position: absolute;
}

md-toast .md-toast-content::before {
  display: none;
}

md-toast .md-toast-content {
  display: block;
  min-height: 35px;
  height: auto;
  max-width: 376px;
  border-radius: 0;
}

md-toast .md-toast-content .md-toolbar-tools {
  height: auto;
}

.md-toast-animating {
  overflow: auto !important;
}

@media (max-width: 470px) {
  md-toast.md-bottom {
    width: 100%;
    float: none;
    right: 0;
    left: auto;
    padding: 0;
  }

  md-toast.md-bottom .md-toast-content {
    max-width: none;
    border-radius: 0;
  }
}

md-list-item {
  border-top: 1px solid #f5f5f5;
}

md-list-item img {
  width: 50px;
  height: 30px;
  margin: 5px;
  border: 1px solid black;
}

md-list-item img[alt] {
  font-size: 60%;
}

.list-style_none {
  list-style: none;
}

.request-new-card {
  transition: .5s cubic-bezier(.46, .03, .52, .96) all;
  overflow: hidden;
}

.request-new-card .action {
  padding-top: 25px;
}

.request-new-card .action .md-button.md-primary {
  color: black;
  background-color: rgb(232, 255, 0);
  float: right;
}

.request-new-card .action .md-button.md-primary.md-fab:not([disabled]):hover {
  background-color: greenyellow;
}

.question {
  font-size: x-large;
}

a.md-button span {
  vertical-align: middle;
}

a.md-button.no-request-btn {
  margin: 13px 8px 35px 8px;
}

form md-chip {
  font-size: 12px;
}

form md-chips .md-chips,
form md-chips .md-chips.md-focused {
  box-shadow: 0 1px #f5f5f5;
}

form md-chips .md-chip {
  background: rgba(0, 0, 0, .26);
  color: #f5f5f5;
}

form md-icon {
  color: #ffec92;
}

md-input-container:not(.md-input-invalid).md-input-focused md-icon {
  color: #f5f5f5;
}

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #f5f5f5;
}

.label {
  padding-left: 15px;
  padding-right: 15px;
}

p.label {
  padding-left: 25px;
}

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

.md-button {
  text-transform: none;
}

md-radio-group.verified md-radio-button {
  margin-left: 30px;
}

img.img-tmb {
  max-width: 100%;
}

img.img-tmb.no-diploma {
  max-width: 400px;
}

select-date {
  width: 100%;
}

.select-date {
  margin-left: -3px;
  margin-right: -3px;
}

.select-date .year {
  width: 20%;
}

.select-date .month {
  width: 60%;
}

.select-date .day {
  width: 20%;
}

md-input-container.md-default-theme .md-input[disabled],
md-input-container .md-input[disabled],
md-input-container.md-default-theme .md-input [disabled],
md-input-container .md-input [disabled] {
  color: #c5c1c1;
}

md-checkbox.md-default-theme,
md-checkbox,
md-checkbox.md-default-theme[disabled] .md-label,
md-checkbox[disabled] .md-label,
md-checkbox.md-default-theme[disabled] .md-icon,
md-checkbox[disabled] .md-icon,
md-checkbox.md-default-theme[disabled].md-checked .md-icon,
md-checkbox[disabled].md-checked .md-icon,
md-checkbox.md-default-theme[disabled].md-checked .md-icon:after,
md-checkbox[disabled].md-checked .md-icon:after {
  color: white;
  border-color: #ffffcb;
}

md-radio-group.md-default-theme[disabled],
md-radio-group[disabled],
md-radio-button.md-default-theme[disabled],
md-radio-button[disabled],
md-radio-group.md-default-theme[disabled] .md-container .md-off,
md-radio-group[disabled] .md-container .md-off,
md-radio-button.md-default-theme[disabled] .md-container .md-off,
md-radio-button[disabled] .md-container .md-off {
  color: #ffffcb;
  border-color: #ffffcb;
}

hr {
  color: #f5f5f5;
  background-color: #f5f5f5;
  border: none;
  height: 1px;
}

a.md-button.md-default-theme.md-primary,
a.md-button.md-primary,
.md-button.md-default-theme.md-primary,
.md-button.md-primary {
  color: #ffec92;
}

.md-raised.vt-button.non-border.show-img-buttons md-icon.fa {
  color: #ffec92;
}

.trim-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.status-bike {
  position: relative;
  margin-top: -28px;
  text-align: center;
  background-color: rgba(0, 0, 0, .7);
  padding-top: 5px;
  padding-bottom: 5px;
}

.card-link {
  text-decoration: initial;
  color: inherit;
}

.show-chosen-color-bike {
  height: 22px;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  outline: none;
}

.show-chosen-color-bike .show-color.color {
  height: 20px;
  float: left;
  outline: none;
}

.vertical-label {
  margin: 6px 5px;
  padding-top: 20px;
}

.vertical-label.disable-container,
.vertical-select-label.disable-container,
.vertical-color-label.disable-container {
  padding-top: 0px;
}

.vertical-color-label {
  padding-top: 30px;
}

@media (max-width: 799px) {
  .vertical-color-label {
    margin-left: 5px;
  }
}

@media (min-width: 800px) {
  .vertical-color-label {
    margin-left: 16px;
  }
}

.vertical-select-label {
  margin: 8px 5px;
  padding-top: 20px;
}

md-input-container.bike-input-container {
  padding-left: 0px;
  padding-right: 0;
  height: 20px;
}

md-input-container.bike-input-container.color-container {
  padding-top: 6px;
}

md-input-container.bike-input-container.disable-container {
  margin: inherit;
}

md-input-container.bike-input-container.disable-container .md-errors-spacer {
  display: none;
}

.edit-bike-button {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0) !important;
  margin: 0;
}

.upload-photos-button {
  margin: 7px 0;
}

.bike-info-tab .component-label {
  color: #f5f5f5;
}

.bike-info-tab {
  padding-top: 15px;
}

.bike-info-tab input[disabled].md-input,
.bike-info-tab md-select[disabled].md-select,
.request-info-tab input[disabled].md-input,
.request-info-tab md-select[disabled].md-select {
  border-width: 0;
  background-image: none;
  color: #888;
  border-bottom: 1px solid #625f50 !important;
}

.bike-info-tab input[disabled].md-input md-select-value.md-select-value,
.bike-info-tab md-select[disabled].md-select md-select-value.md-select-value,
.request-info-tab input[disabled].md-input md-select-value.md-select-value,
.request-info-tab md-select[disabled].md-select md-select-value.md-select-value {
  background-image: none;
  border-width: 0;
}

.bike-info-tab input[disabled].md-input .md-select-icon,
.bike-info-tab md-select[disabled].md-select .md-select-icon,
.request-info-tab input[disabled].md-input .md-select-icon,
.request-info-tab md-select[disabled].md-select .md-select-icon {
  display: none;
}

.cursor-auto {
  cursor: auto;
}

md-autocomplete.md-default-theme[disabled],
md-autocomplete[disabled] {
  background: none;
}

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

.margin-left-6 {
  margin-left: 6px;
}

.bike-gallery {
  width: 100%;
}

.bike-gallery .show-img-buttons.md-button {
  height: 100px;
  width: 40px;
  min-width: 40px;
  padding: 0;
  box-shadow: none;
  font-size: xx-large;
}

.bike-gallery .show-img-buttons.md-button md-icon {
  vertical-align: baseline;
}

.bike-gallery .show-img-buttons.md-button[disabled] md-icon {
  color: #111 !important;
}

.bike-gallery .gallery-right,
.bike-gallery .gallery-left {
  display: inherit;
  float: left;
}

.bike-gallery .images {
  display: inherit;
  float: left;
  width: calc(100% - 80px);
  height: 100px;
  overflow: hidden;
}

.bike-gallery .images table {
  border-collapse: collapse;
}

.bike-gallery .images table td {
  border-spacing: 0px;
  padding: 0px 2px;
}

.bike-gallery .images .images-content {
  width: 100%;
  display: inline-block;
  left: 0px;
  position: relative;
  transition: transform .5s cubic-bezier(.35, 0, .25, 1);
}

.bike-gallery .images .images-content .image {
  height: 100px;
  width: 100px;
  display: block;
  position: relative;
}

.bike-gallery .images .images-content .image img {
  width: 100px;
  height: 100px;
}

.bike-gallery .images .images-content .vt-button.preview {
  position: absolute;
  border-radius: 0;
  margin-left: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
  display: block;
}

.bike-gallery .images .images-content .vt-button.preview md-icon.fa {
  display: none;
}

.bike-gallery .images .images-content a.vt-button.preview:hover {
  display: flex;
}

.bike-gallery .images .images-content a.vt-button.preview:hover md-icon.fa {
  margin: auto;
}

.bike-gallery .images .images-content .vt-button.preview:hover {
  background-color: rgba(0, 0, 0, .6);
}

.bike-gallery .images .images-content .vt-button.preview:hover md-icon.fa {
  display: block;
  color: #ffffcb;
}

.bike-gallery:after {
  content: "";
  display: block;
  clear: both;
}

.brand-name {
  padding-left: 10px;
}

.show-components.fa-sort-desc:before {
  vertical-align: baseline;
}

.show-components.fa-sort-asc:before {
  vertical-align: middle;
}

.component-toggle {
  padding-bottom: 15px;
}

.component-toggle .vt-button {
  width: 100%;
  box-shadow: 0 0 0 0 !important;
}

.component-toggle .vt-button md-icon.fa {
  color: #ffec92;
}

.box-show-setup.animate,
.box-hide-setup.animate {
  -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
      -ms-transition: all linear .3s;
       -o-transition: all linear .3s;
          transition: all linear .3s;
}

.box-show-setup.animate {
  opacity: 0;
  height: 0;
}

.box-show-setup.box-show-start.animate {
  opacity: 1;
  height: 100px;
}

.box-hide-setup.animate {
  opacity: 1;
  height: 0;
}

.box-hide-setup.box-hide-start.animate {
  opacity: 0;
  height: 100px;
}

.components-show.ng-hide-add.animate,
.show-zip-info.ng-hide-add.animate {
  -webkit-animation: .5s hide;
          animation: .5s hide;
}

@keyframes hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  30% {
    transform: scale(1.02);
  }

  100% {
    opacity: 0;
    transform: scale(.5);
  }
}

@-webkit-keyframes hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  30% {
    transform: scale(1.02);
  }

  100% {
    opacity: 0;
    transform: scale(.5);
  }
}

.components-show.ng-hide-remove.animate,
.show-zip-info.ng-hide-remove.animate {
  -webkit-animation: .3s show;
          animation: .3s show;
}

@keyframes show {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  70% {
    transform: scale(1.02);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  70% {
    transform: scale(1.02);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.yellow-label {
  font-size: 11px;
  color: #ffec92;
  text-transform: uppercase;
  white-space: nowrap;
}

.review-bike-tab .review-row,
.pass-quiz-form .review-row {
  padding: 10px 0px 10px 0px;
}

.review-bike-tab .review-row .col-xs-4,
.review-bike-tab .review-row .col-xs-6,
.pass-quiz-form .review-row .col-xs-4,
.pass-quiz-form .review-row .col-xs-6 {
  padding-right: 0px;
}

.review-bike-tab hr,
.pass-quiz-form hr {
  background-color: #333;
}

.pass-quiz-form .no-margin,
.verification-form .no-margin {
  margin: 0px;
}

.pass-quiz-form .no-padding,
.verification-form .no-padding {
  padding: 0px;
}

.pass-quiz-form .back.md-button,
.verification-form .back.md-button {
  margin-top: 6px;
}

.remove-button-container {
  padding-left: 0px;
  padding-right: 8px;
  text-align: right;
  padding-top: 10px;
}

.biography-form {
  padding-left: 20px;
  padding-right: 20px;
}

.biography-form .margin-top-18 {
  margin-top: 18px;
}

.biography-form .no-padding {
  padding: 0;
}

.biography-form .layout-gt-xs-row {
  height: 60px;
}

.biography-form .spacing-between-units {
  padding-bottom: 80px;
  padding-top: 40px;
}

.biography-form .add-button {
  width: 100%;
}

.biography-form .remove-button {
  margin-top: 0;
  margin-bottom: 0;
}

.biography-form md-input-container {
  margin-bottom: 9px;
}

.biography-form md-input-container .error {
  height: auto;
}

.biography-form md-input-container .error span.absolute {
  position: absolute;
}

.biography-form md-input-container .md-errors-spacer {
  display: none;
}

.biography-form label.paragraph,
.biography-form div.paragraph {
  padding-left: 2px;
}

.biography-form .bio-desc {
  padding-left: 2px;
  padding-right: 2px;
}

@media (max-width: 380px) {
  .biography-form .bio-desc .biography-team-name {
    display: none;
  }
}

.biography-form .paragraph {
  margin-bottom: 20px;
}

.biography-form .section-header {
  font-size: 1.5em;
}

.biography-form .remove-button {
  margin-top: 28px;
  margin-left: 0px;
  margin-right: 0px;
}

.biography-form .add-button-center {
  text-align: center;
  margin-bottom: 15px;
}

.biography-form .margin-top-40 {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .biography-form .title {
    padding-top: 28px;
  }
}

@media (max-width: 767px) {
  .biography-form .title {
    padding-top: 20px;
    padding-bottom: 0px;
  }
}

@media (max-width: 599px) {
  .biography-form .add-button {
    margin-left: 0;
    margin-right: 0;
  }

  .biography-form .spacing-between-units {
    padding-bottom: 0;
  }

  .biography-form .section-header {
    margin-top: 20px;
  }

  .biography-form .xs-margin-top-20 {
    margin-top: 20px;
  }
}

.no-vertical-padding {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

.no-vertical-margin {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: rgb(35, 35, 35);
}

md-toolbar.md-default-theme:not(.md-menu-toolbar) .nav-button-logo,
md-toolbar:not(.md-menu-toolbar) .nav-button-logo {
  margin-right: 0px;
}

.bike-service-around {
  padding-bottom: 5px;
  margin-top: 6px;
}

.google-map {
  width: 100%;
  height: 1000px;
  position: relative;
  margin-bottom: 30px;
}

.google-map.profile-company-map {
  height: 300px;
}

@media (max-height: 500px) {
  .google-map {
    height: 400px;
  }
}

.search-request-google-map {
  width: 100%;
  height: 600px;
  position: relative;
}

.marker-info {
  color: #000;
}

.create-request-map {
  width: 100%;
  height: 400px;
  position: relative;
}

.bike-status .transfer-to-email {
  font-size: .8em;
  padding-left: 5px;
  white-space: nowrap;
}

.bike-status .color_white {
  color: white;
}

.bike-status .broken {
  background-color: #ffd351;
  color: #594300;
  font-weight: bold;
  padding: 2px 4px;
  font-size: 11px;
  border-radius: 3px;
  vertical-align: middle;
}

.bike-status .used {
  background-color: #4caa77;
  color: black;
  font-weight: bold;
  padding: 2px 4px;
  font-size: 11px;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
}

.bike-status .in_transfer {
  background-color: #5e412f;
  color: #fcebb6;
  font-weight: bold;
  padding: 2px 4px;
  font-size: 11px;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
}

.change-status-dialog-content {
  min-width: 300px;
  max-width: 550px;
  width: 100%;
}

.change-status-dialog-content .message {
  word-wrap: break-word;
  white-space: normal;
  padding-left: 30px;
  padding-right: 30px;
  font-size: larger;
  color: #f5f5f5;
}

md-dialog .md-actions,
md-dialog md-dialog-actions {
  display: initial;
}

.vt-form.biography,
.vt-form.profile {
  max-width: 1000px;
  width: 100%;
}

.admin-form {
  max-width: 1200px !important;
}

.table.professional-summary {
  width: 100%;
}

.table.professional-summary th {
  border-bottom: 1px solid #f5f5f5;
  text-align: left;
}

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

.vt-form.show-bike {
  max-width: 1000px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.vt-form.show-bike .history-row {
  padding-left: 0;
  padding-right: 0;
}

.vt-form.show-bike .create_request_action_button {
  display: block;
  min-width: 120px;
  margin: 23px 10px;
  background-color: #ffec92;
  color: black;
  padding: 10px 10px;
}

.vt-form.show-bike .create_request_action_button:hover {
  background-color: #ffffcb;
}

.vt-form.show-bike .hgroup-as-action-bar.row {
  margin-left: -10px;
  margin-right: -10px;
}

.vt-form.show-bike .hgroup-as-action-bar.row .col-xs-2,
.vt-form.show-bike .hgroup-as-action-bar.row .col-xs-8 {
  padding-left: 0px;
  padding-right: 0px;
}

.vt-form.show-bike .img-tmb {
  width: 100%;
  border-radius: 5px;
}

.img-certification {
  position: absolute;
  width: 75px !important;
  margin-top: 15px;
  margin-left: 15px;
}

.img-bike-owner {
  position: absolute;
  width: 50px !important;
  bottom: 5px;
  left: 5px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, .7);
}

md-input-container.autocomplete {
  margin-bottom: 7px;
}

md-input-container.autocomplete .md-label {
  color: #aaa;
}

md-input-container.autocomplete label {
  color: #aaa;
}

md-input-container.autocomplete md-autocomplete {
  height: 30px;
}

@media (min-width: 500px) {
  md-input-container[no-float].md-input-focused label {
    display: none;
  }

  md-input-container[no-float].md-input-has-value label {
    display: none;
  }

  md-input-container[no-float] label {
    color: rgb(162, 162, 162);
  }
}

md-input-container.component-input input {
  border-color: rgb(162, 162, 162) !important;
}

md-input-container.md-input-focused label:not(.md-no-float),
md-input-container.md-input-has-placeholder label:not(.md-no-float),
md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 3px, 0) scale(.9);
}

md-input-container.md-input-invalid label,
md-input-container.md-input-invalid.autocomplete label,
md-select.md-select.ng-invalid + label {
  color: #ef5350;
}

md-input-container .md-select.ng-invalid.ng-touched md-select-value.md-select-value {
  color: #ef5350 !important;
  border-color: #ef5350 !important;
}

md-input-container .md-select.ng-invalid.ng-touched md-select-value.md-select-value span {
  color: #ef5350 !important;
}

md-input-container .md-select.ng-invalid.ng-touched + label.md-label {
  color: #ef5350;
}

form.ng-submitted md-input-container .md-select.ng-invalid md-select-value.md-select-value {
  color: #ef5350 !important;
  border-color: #ef5350 !important;
}

form.ng-submitted md-input-container .md-select.ng-invalid md-select-value.md-select-value span {
  color: #ef5350 !important;
}

form.ng-submitted .md-select.ng-invalid + label.md-label {
  color: #ef5350;
}

md-input-container md-autocomplete {
  height: 30px;
}

md-input-container md-autocomplete md-autocomplete-wrap input.md-input {
  color: #f5f5f5;
}

md-input-container md-autocomplete md-autocomplete-wrap input.md-input ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0) !important;
}

md-input-container md-autocomplete md-autocomplete-wrap input.md-input ::-moz-placeholder {
  color: rgba(0, 0, 0, 0) !important;
}

md-input-container md-autocomplete md-autocomplete-wrap input.md-input :-moz-placeholder {
  color: rgba(0, 0, 0, 0) !important;
}

md-input-container md-autocomplete md-autocomplete-wrap input.md-input :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0) !important;
}

md-input-container md-autocomplete md-autocomplete-wrap ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0) !important;
}

md-input-container md-autocomplete md-autocomplete-wrap ::-moz-placeholder {
  color: rgba(0, 0, 0, 0) !important;
}

md-input-container md-autocomplete md-autocomplete-wrap :-moz-placeholder {
  color: rgba(0, 0, 0, 0) !important;
}

md-input-container md-autocomplete md-autocomplete-wrap :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0) !important;
}

.vt-button.md-button {
  color: #ffec92;
  text-align: center !important;
}

.vt-button.md-button:focus,
.vt-button.md-button:active,
.vt-button.md-button:hover {
  color: #ffec92;
}

.loading-indicator {
  z-index: 1501;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6);
}

.loading-indicator loading-indicator {
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
}

@media (max-width: 470px) {
  .loading-indicator loading-indicator {
    left: calc(50% - 31px);
  }
}

loading-indicator md-progress-circular svg path {
  stroke: #ffec92 !important;
}

loading-indicator md-progress-circular .md-gap {
  border-top-color: #ffec92 !important;
  border-bottom-color: #ffec92 !important;
}

loading-indicator md-progress-circular .md-left .md-half-circle {
  border-top-color: #ffec92 !important;
  border-left-color: #ffec92 !important;
}

loading-indicator md-progress-circular .md-right .md-half-circle {
  border-top-color: #ffec92 !important;
  border-right-color: #ffec92 !important;
}

.md-primary.back-button.width-100.admin-link {
  margin-left: 0px;
  margin-right: 0px;
  font-size: large;
}

.no-left-padding {
  padding-left: 0px !important;
}

.verified-checkbox md-checkbox {
  margin-top: 10px !important;
}

.fa.fa-exclamation-circle.error {
  color: #ef5350 !important;
  font-size: large;
  padding-left: 5px;
  vertical-align: middle;
  padding-bottom: 2px;
}

.email {
  color: #ffec92;
}

.layout-wrap.layout-row.disable-container-select {
  height: 32px;
}

.layout-wrap.layout-row.enable-container-select {
  height: 52px;
}

.change-create-request .action-button {
  min-width: 36px;
}

.change-create-request .md-button.remove i {
  color: #ef5350;
}

.change-create-request .md-button.remove:active i,
.change-create-request .md-button.remove:hover i,
.change-create-request .md-button.remove:focus i {
  color: #e53935;
}

.change-task-container md-tabs-canvas {
  display: none;
}

.change-task-container .task-code {
  font-size: 15px;
  display: block;
  text-align: right;
  color: #4caa77;
}

.show-task-dialog-container {
  max-width: 800px;
  width: 100%;
  padding: 20px 15px;
}

.show-task-dialog-container h2 {
  text-align: center;
  color: #f5f5f5;
}

.show-task-dialog-container .md-label {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #f5f5f5;
}

.show-task-form {
  width: 100%;
}

.change-task-form {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 500px;
  width: 500px;
}

.change-task-form md-input-container {
  margin-bottom: 0px;
}

.change-task-form md-input-container md-checkbox {
  margin-bottom: 20px;
}

.change-task-form md-input-container md-checkbox .md-label span {
  color: #f5f5f5;
}

.change-task-form .action-button {
  min-width: 36px;
  margin-top: 16px;
}

.change-task-form .md-button.remove i {
  color: #ef5350;
}

.change-task-form .md-button.remove:active i,
.change-task-form .md-button.remove:hover i,
.change-task-form .md-button.remove:focus i {
  color: #e53935;
}

mdp-date-picker md-input-container {
  width: 100%;
}

mdp-calendar .md-icon-button.md-button md-icon {
  color: #ffec92;
}

mdp-calendar .md-icon-button.md-button md-icon:active,
mdp-calendar .md-icon-button.md-button md-icon:hover,
mdp-calendar .md-icon-button.md-button md-icon:focus {
  color: #ffffcb;
}

mdp-calendar .md-icon-button.md-raised.md-button[disabled] span {
  color: #666;
}

mdp-calendar .md-icon-button.md-raised.md-button:not([disabled]) span {
  color: white;
  font-weight: bold;
}

mdp-calendar .md-button.md-raised:not([disabled]):hover {
  background-color: rgba(100, 100, 100, .4);
}

mdp-calendar .md-button.md-raised:not([disabled]):hover span {
  color: white;
  font-weight: bold;
}

mdp-calendar .md-icon-button.md-raised:not([disabled]).md-button.md-accent {
  background-color: #ffec92;
}

mdp-calendar .md-icon-button.md-raised:not([disabled]).md-button.md-accent span {
  color: #222;
}

mdp-calendar .md-icon-button.md-button.md-accent.md-raised:not([disabled]):hover {
  background-color: #ffec92;
}

mdp-calendar .md-icon-button.md-raised:not([disabled]).md-button.md-accent.md-focused {
  background-color: #ffec92;
}

mdp-calendar .md-icon-button.md-raised.md-button.md-accent .md-icon-button.md-raised.md-button span {
  color: white;
  font-weight: bold;
}

.mdp-clock-switch-container .mdp-clock-center.md-primary,
.mdp-clock-switch-container .mdp-pointer.md-primary {
  background-color: #ffec92;
  color: #ffec92;
}

.mdp-clock-switch-container .mdp-animation-zoom.mdp-clock {
  border: 1px solid #ffec92;
  background: black;
}

.mdp-clock-switch-container .md-icon-button.md-raised.md-button.md-primary {
  background-color: #ffec92;
}

.mdp-clock-switch-container .md-icon-button.md-raised.md-button.md-primary span {
  color: black;
}

.mdp-clock-switch-container .md-icon-button.md-raised.md-button.md-primary:hover {
  background-color: #ffffcb;
}

.mdp-clock-switch-container .md-icon-button.md-raised.md-button.md-primary:hover span {
  color: black;
}

.mdp-clock-switch-container .md-icon-button.md-raised.md-button span {
  color: #ffec92;
}

.mdp-clock-switch-container .md-icon-button.md-raised.md-button:hover {
  background-color: #ffec92;
}

.mdp-clock-switch-container .md-icon-button.md-raised.md-button:hover span {
  color: black;
}

.stripe-info {
  padding-top: 10px;
  padding-left: 0px;
}

.stripe-info a .fa.fa-question {
  color: #ffec92;
}

.stripe-info a:hover .fa.fa-question {
  color: #ffffcb;
}

.request-details .back.md-button {
  margin-top: 25px;
}

.request-details h1 {
  font-weight: 300;
}

@media only screen and (max-width: 799px) {
  .create-request .back.md-button,
  .request-details .back.md-button {
    margin-top: 20px;
  }
}

.verification-form hgroup.hgroup-as-action-bar h1,
.vt-form.show-bike hgroup.hgroup-as-action-bar h1,
.vt-form.request-details hgroup.hgroup-as-action-bar h1,
.vt-form.admin-form hgroup.hgroup-as-action-bar h1 {
  white-space: inherit;
}

.verification-form .back.md-button,
.vt-form.show-bike .back.md-button,
.vt-form.request-details .back.md-button,
.vt-form.admin-form .back.md-button {
  margin-top: 20px;
}

@media only screen and (max-width: 799px) {
  .verification-form .back.md-button,
  .vt-form.show-bike .back.md-button,
  .vt-form.request-details .back.md-button,
  .vt-form.admin-form .back.md-button {
    margin-top: 15px;
  }
}

.vt-form.create-request md-input-container .error {
  height: auto;
}

.vt-form.create-request md-input-container .error span {
  color: #ef5350 !important;
}

.vt-form.create-request md-input-container .error.md-auto-hide {
  height: 0;
}

.add-available-time {
  width: 100%;
  height: 126px;
  border-radius: 0px;
  margi-top: 10px !important;
  background: rgba(50, 50, 50, .5) !important;
}

.add-available-time i {
  font-size: 50px;
}

.add-available-time:hover {
  background: rgba(100, 100, 100, .5) !important;
}

.time-picker-container {
  padding: 5px;
}

.time-picker-container table {
  width: 100%;
  border-spacing: 0px;
}

.time-picker-container table .picker {
  width: 95%;
}

.time-picker-container table .picker .md-label {
  padding-left: 30px;
}

.time-picker-container table .fa.fa-clock-o,
.time-picker-container table .fa.fa-calendar {
  font-size: x-large;
  margin-bottom: 20px;
  color: #ffec92;
  cursor: pointer;
}

.time-picker-container table .fa.fa-clock-o:hover,
.time-picker-container table .fa.fa-calendar:hover,
.time-picker-container table .fa.fa-clock-o:active,
.time-picker-container table .fa.fa-calendar:active,
.time-picker-container table .fa.fa-clock-o:focus,
.time-picker-container table .fa.fa-calendar:focus {
  color: #ffffcb;
}

.select-available-time-card {
  padding: 5px;
}

.select-available-time-card .deadline md-datepicker {
  padding-right: 0px;
  margin-right: -50px;
}

.select-available-time-card .deadline md-datepicker .md-datepicker-input-container {
  width: auto;
}

.select-available-time-card .select-available-time-card-content {
  background: rgba(70, 70, 70, .5);
  padding: 5px 15px;
  border-radius: 4px;
}

.select-available-time-card .select-available-time-card-content md-input-container {
  margin-top: 0px;
}

.select-available-time-card .select-available-time-card-content .remove-availability-date,
.select-available-time-card .select-available-time-card-content .remove-availability-date[disabled],
.select-available-time-card .select-available-time-card-content .remove-availability-date[disabled]:hover {
  position: relative;
  float: right;
  min-width: 36px;
  background-color: rgba(0, 0, 0, 0) !important;
  z-index: 100;
  box-shadow: none;
}

.select-available-time-card .select-available-time-card-content .remove-availability-date i,
.select-available-time-card .select-available-time-card-content .remove-availability-date[disabled] i,
.select-available-time-card .select-available-time-card-content .remove-availability-date[disabled]:hover i {
  color: #ffec92;
}

.select-available-time-card .select-available-time-card-content .remove-availability-date:hover i {
  color: #ef5350;
}

.card-number-button {
  width: 100%;
}

.md-fab.addon.bike-action {
  width: 36px;
  height: 36px;
  line-height: 44px;
}

md-menu.bike-menu {
  position: absolute;
  top: 0;
  right: 0;
}

md-menu.bike-menu .md-button {
  line-height: 32px;
  height: 36px;
  width: 36px;
  margin: 0;
  padding: 6px;
}

md-menu.bike-menu .md-button md-icon {
  color: #ffec92;
}

md-menu.bike-menu .md-button md-icon:active,
md-menu.bike-menu .md-button md-icon:hover,
md-menu.bike-menu .md-button md-icon:focus {
  color: #ffec92;
}

.md-open-menu-container md-menu-content {
  background-color: #222;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.md-open-menu-container md-menu-content .md-button {
  color: #ccc;
}

.md-open-menu-container md-menu-content .md-button:active,
.md-open-menu-container md-menu-content .md-button:focus,
.md-open-menu-container md-menu-content .md-button:hover {
  color: white;
}

.status-request {
  position: relative;
  margin-top: -10px;
  text-align: center;
  background-color: rgba(0, 0, 0, .7);
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: lowercase;
}

md-slider.md-min .md-thumb:after,
md-slider.md-default-theme .md-track.md-track-fill,
md-slider .md-track.md-track-fill {
  background-color: #ffec92;
}

md-slider.md-default-theme .md-track,
md-slider .md-track,
md-slider.md-default-theme .md-track-ticks,
md-slider .md-track-ticks {
  background-color: #555;
}

md-slider.md-default-theme.revert .md-track,
md-slider.revert .md-track,
md-slider.md-default-theme.revert .md-track-ticks,
md-slider.revert .md-track-ticks {
  background-color: #ffec92;
}

md-slider.md-default-theme.revert .md-track.md-track-fill,
md-slider.revert .md-track.md-track-fill {
  background-color: #555;
}

.search-price-label {
  min-width: 40px;
  max-width: 54px;
  text-align: right;
  color: #f5f5f5;
  padding-left: 10px;
}

.md-label.search-label {
  color: #aaa;
}

.custom-radio-button {
  margin-top: 15px;
  margin-bottom: 10px;
}

.custom-radio-button ul {
  padding-left: 0px;
  width: 100%;
}

.custom-radio-button ul li {
  width: 14.2857142857%;
  display: inline-block;
  list-style-type: none;
}

@media (max-width: 470px) {
  .custom-radio-button ul li {
    width: auto;
  }
}

.custom-radio-button ul li .active {
  background-color: #ffec92;
  color: #000;
}

.custom-radio-button ul li .active:hover,
.custom-radio-button ul li .active:active {
  background-color: #ffffcb;
}

.custom-radio-button ul li .md-button {
  font-size: 11px;
  min-width: 40px;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px;
  border-bottom: 2px solid #ffec92;
  border-top: 2px solid #ffec92;
}

.custom-radio-button ul li .md-button.active[disabled] {
  background-color: #ffffcb;
}

.custom-radio-button ul li .md-button[disabled] {
  border-bottom: 2px solid #ffffcb;
  border-top: 2px solid #ffffcb;
}

.custom-radio-button ul li .md-button.active[disabled] span {
  color: #000;
}

.custom-radio-button ul li .md-button[disabled] span {
  color: #ffffcb;
}

.custom-radio-button ul li:first-child .md-button {
  border-left: 2px solid #ffec92;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.custom-radio-button ul li:first-child .md-button[disabled] {
  border-left: 2px solid #ffffcb;
}

.custom-radio-button ul li:last-child .md-button {
  border-right: 2px solid #ffec92;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.custom-radio-button ul li:last-child .md-button[disabled] {
  border-right: 2px solid #ffffcb;
}

.radius-search-request.custom-radio-button ul li {
  width: 20%;
}

.experience-search-request.custom-radio-button ul li {
  width: 33.3333333333%;
}

.bike-dashboard md-list {
  padding: 0px;
}

.bike-dashboard md-list md-list-item {
  border-top: 0px;
}

.bike-dashboard md-list md-list-item .md-button {
  margin: 0px;
}

.bike-dashboard md-list md-list-item .md-list-item-text {
  color: #f5f5f5;
}

.bike-dashboard md-list md-list-item .service-icon {
  float: left;
  margin: 10px 10px 0px 0px;
  border: 0px;
  width: 36px;
  height: 36px;
}

.bike-dashboard md-list md-list-item.focus-marker,
.bike-dashboard md-list md-list-item:active,
.bike-dashboard md-list md-list-item:hover,
.bike-dashboard md-list md-list-item:focus {
  background: rgba(200, 200, 200, .12);
}

md-list-item.md-2-line {
  min-height: 60px;
}

@media only screen and (max-width: 799px) {
  .bike-dashboard .request-list {
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    padding-left: 9px;
    padding-right: 9px;
  }

  .bike-dashboard .request-list md-list-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .bike-dashboard .request-list .loading-request {
    position: fixed;
    width: 100%;
  }

  .bike-dashboard .request-list .loading-request md-progress-circular {
    margin: auto;
  }

  .bike-dashboard .request-map,
  .bike-dashboard .request-img {
    display: none;
  }
}

@media (min-width: 800px) {
  .bike-dashboard .request-list {
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .bike-dashboard .request-list .loading-request md-progress-circular {
    margin: 40% auto;
  }

  .bike-dashboard .request-map,
  .bike-dashboard .request-img {
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
}

.loading-request md-progress-circular .md-gap {
  border-top-color: #ffec92 !important;
  border-bottom-color: #ffec92 !important;
}

.loading-request md-progress-circular .md-left .md-half-circle {
  border-top-color: #ffec92 !important;
  border-left-color: #ffec92 !important;
}

.loading-request md-progress-circular .md-right .md-half-circle {
  border-top-color: #ffec92 !important;
  border-right-color: #ffec92 !important;
}

.vt-form.show-request {
  max-width: 1000px;
  width: 100%;
}

md-list-item.md-2-line,
md-list-item.md-2-line > .md-no-style {
  min-height: 60px;
  line-height: 26px;
}

.width-100.bike-input-container.request-upload-image {
  padding-bottom: 10px;
}

.width-100.bike-input-container.request-upload-image .add-buttons-fab button.md-button.md-fab.addon {
  margin-right: 0px;
}

.padding-top15 {
  padding-top: 15px;
}

.padding-top30 {
  padding-top: 30px;
}

.padding-left5 {
  padding-left: 5px !important;
}

.padding-0-15 {
  padding: 0 15px;
}

.padding-left2 {
  padding-left: 2px !important;
}

.margin-top15 {
  margin-top: 15px;
}

.margin-right10 {
  margin-right: 10px;
}

.padding-bottom10 {
  padding-bottom: 10px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.border-top {
  border-top: 1px solid #333;
}

.add-buttons-fab.request-change-buttons {
  height: 20px;
}

.availability-title {
  padding-left: 5px;
  margin-top: -4px;
}

.add-buttons-fab.request-change-buttons button.md-button.md-fab.addon {
  margin-right: 0px;
  padding-right: 0px;
}

.task-desc {
  margin-top: 15px;
}

.task-desc .additional-desc .task-label {
  margin-bottom: 10px;
}

.request-card {
  flex-direction: row-reverse;
  background: rgba(50, 50, 50, .5);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  border-radius: 4px;
}

.negotiation-tab {
  padding-top: 10px;
}

.negotiation-date {
  font-size: 14px;
}

md-input-container .time-disabled.md-input[disabled] {
  color: #f5f5f5;
  border-bottom: 0px;
}

.mechanic-link {
  color: #f5f5f5;
  text-decoration: initial;
}

.show-bike-link {
  color: white;
  text-decoration: initial;
  font-weight: 500;
}

.mechanic-link:active,
.mechanic-link:hover,
.mechanic-link:focus {
  color: #f5f5f5;
  text-decoration: initial;
}

.md-label.left.time {
  color: #f5f5f5;
}

.white-space-pre {
  white-space: pre-wrap;
}

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

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

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

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clearfix {
  width: 100%;
  display: block;
}

.clearfix:after {
  visibility: hidden;
  display: table;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.request-status {
  font-size: larger;
  padding-bottom: 3px;
  padding-top: 3px;
  border-radius: 15px;
  margin-bottom: 15px;
}

.request-status .additional-status-info {
  font-size: .8em;
  color: #3a3a3a;
}

@media (max-width: 470px) {
  .request-status {
    font-size: 16px;
  }
}

.request-status.open,
.request-status.awaiting-customer-confirmation,
.request-status.draft {
  background-color: #667b9c;
  color: black;
}

.request-status.in-progress {
  background-color: #2c9a57;
  color: black;
}

.request-status.pending,
.request-status.ready-for-reassign {
  background-color: #d1a713;
  color: black;
}

.request-status.resolved {
  background-color: #e27f37;
  color: black;
}

.request-status.done,
.request-status.reassigned,
.request-status.refunded,
.awaiting-confirmation {
  background-color: #d1a713;
  color: black;
}

.request-status.expired {
  background-color: #3a3a3a;
  color: white;
}

.request-status.canceled,
.request-status.charge-failed,
.request-status.could-not-be-fixed,
.request-status.rejected {
  background: rgba(156, 69, 67, .87);
  color: white;
}

.request-status.in-dispute,
.request-status.transfer-failed,
.request-status.refund-failed {
  background: rgba(154, 34, 32, .78);
  color: white;
}

md-dialog.bike-construction-dialog {
  width: 80%;
  max-width: 900px;
  padding-left: 5px;
}

.bike-construction-img,
.bike-construction-desc {
  display: table-cell;
}

.bike-construction-img {
  background: url(https://assets.velotooler.com/dist/img/find_sn-e89110f.svg) no-repeat center;
  background-size: contain;
  width: 60%;
}

.bike-construction-desc {
  padding: 60px;
}

@media only screen and (max-width: 799px) {
  .bike-construction-desc {
    padding: 0 10px;
  }
}

@media (max-width: 699px) {
  .vt-form.show-request {
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  md-dialog.bike-construction-dialog {
    padding-left: 2px;
  }

  .bike-construction-desc {
    padding: 0 0 0 10px;
  }
}

.error span:not(.ng-hide) + span,
.error span:not(.ng-hide) + span + span {
  display: none !important;
}

.no-tool {
  color: #ef5350;
}

.add-buttons-fab.serial-number-button.show-error {
  float: inherit !important;
  padding: 0px;
  margin: 0px;
}

.add-buttons-fab.serial-number-button.show-error md-icon {
  color: #00aae5;
  height: 15px;
  width: 15px;
  font-size: small !important;
  margin-top: -8px;
  cursor: pointer;
}

md-tooltip .md-content {
  height: 26px !important;
  line-height: 26px !important;
  font-size: 13px;
  background-color: rgba(30, 30, 30, .8);
  color: #eee;
}

.rating-label {
  color: #f5f5f5;
  display: inline-block;
  max-width: 140px;
  width: 100%;
}

.consultation-message {
  color: #f5f5f5;
  padding-left: 10px;
  padding-right: 10px;
  font-size: medium;
}

.request-comment {
  width: 100%;
  margin-top: 20px;
  padding: 15px;
  border: solid 1px #222;
  border-radius: 10px;
}

.request-comment .md-label.review-label {
  font-size: .8em;
  color: #667b9c;
}

.request-comment .message {
  margin-top: 15px;
  word-wrap: break-word;
}

.change-color-dialog-content {
  min-width: 180px;
  width: 180px;
}

.change-color-dialog-content h2 {
  text-align: center;
  margin-top: 10px !important;
  margin-bottom: 10px;
}

.change-color-dialog-content .colors {
  padding-left: 10px;
  padding-right: 10px;
}

.change-color-dialog-content .color-dialog-actions {
  padding-left: 10px;
  padding-right: 10px;
}

.change-color-dialog-content .color-dialog-actions .md-button {
  min-width: 70px;
  margin-left: 0px;
  margin-right: 0px;
}

.change-color-dialog-content .color-dialog-actions .left,
.change-color-dialog-content .color-dialog-actions .right {
  text-align: center;
}

.notification-menu {
  height: auto;
  display: block;
}

.notification-menu .md-button {
  width: 100%;
  display: block;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: solid 1px #111;
  min-width: 300px;
}

.display-block {
  display: block;
}

.display-none {
  display: none;
}

.display-inline-block {
  display: inline-block;
}

md-icon.sort-marker {
  height: auto;
}

.width-100 > button.md-button.md-raised.vt-button {
  margin-bottom: 1px;
}

.reviews-md-content .reviews-block {
  border-bottom: 1px solid rgb(45, 45, 45);
  margin: 22px 0;
  color: #777;
  padding-bottom: 10px;
}

.reviews-md-content .reviews-block .angular-input-stars > li {
  padding: 0;
}

.reviews-md-content .reviews-block > div {
  padding: 10px;
}

@media screen and (max-width: 599px) {
  .reviews-md-content .reviews-block > div {
    padding: 10px 5px;
  }
}

.reviews-md-content .reviews-block__service {
  font-weight: 500;
}

.reviews-md-content ul[ng-class=listClass] {
  margin: 0;
}

.reviews-md-content a {
  color: #ffec92;
  padding-bottom: 10px;
  text-decoration: none;
  display: block;
}

.reviews-md-content a:hover,
.reviews-md-content a:active {
  color: #ffffcb;
}

.reviews-md-content .pagination {
  float: inherit !important;
}

.reviews-md-content .pagination .md-button[disabled] span {
  color: #555 !important;
}

.reviews-md-content .pagination .md-button span {
  color: #ffec92 !important;
}

.reviews-md-content .pagination .md-button:hover span {
  color: #ffffcb !important;
}

.bike-history-tab {
  padding: 15px;
  min-height: 130px;
}

.bike-history-tab .bike-history-tab__gallery img {
  width: 90px !important;
  height: 90px !important;
}

.bike-history-tab .bike-history-tab__repair-comment {
  margin: 10px 0;
}

.bike-history-tab .bike-history-tab__repair-comment-label {
  font-weight: bold;
  color: white;
}

.bike-history-tab .history-row {
  padding: 5px;
}

.bike-history-tab .history-row .history-date {
  color: #ffec92;
}

.bike-history-tab .bike-history-row {
  padding: 10px 0;
  border-bottom: 1px solid rgb(45, 45, 45);
}

.bike-history-tab .bike-history-row .link {
  white-space: normal;
}

.bike-history-tab .pagination .md-button[disabled] span {
  color: #555 !important;
}

.bike-history-tab .pagination .md-button span {
  color: #ffec92 !important;
}

.bike-history-tab .pagination .md-button:hover span {
  color: #ffffcb !important;
}

.bike-history-tab .loading-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
}

.bike-history-tab .loading-indicator loading-indicator {
  top: calc(50% - 50px);
  left: calc(50% - 50px);
}

.md-subhead.trim-header.add-bike {
  font-size: x-large;
  text-align: center;
  vertical-align: middle;
}

.add-bike-card-header {
  height: 44px;
}

.add-card .stripe-logo {
  width: 130px;
  padding-top: 2px;
}

.payment-form .payment-form__submit-button {
  color: white !important;
}

.payment-form .md-button {
  float: right;
}

.payment-form a.md-button {
  float: left;
}

.payment-form .stripe-logo {
  width: 130px;
  padding-top: 2px;
}

.payment-form .card-description {
  padding-left: 2px;
  padding-right: 2px;
}

.stripe-account .powered-by-stripe {
  margin-top: 20px;
}

.stripe-account .stripe-logo {
  width: 130px;
}

.charge-form .stripe-account {
  margin-top: 6px;
}

.profile-mechanic-payment .link {
  white-space: nowrap;
}

.profile-mechanic-payment .card-description {
  padding-left: 2px;
  padding-right: 2px;
}

.profile-mechanic-payment .notes {
  margin-left: 0px;
}

.show-account-number {
  margin-top: 29px;
}

.rzslider .rz-pointer {
  top: -8px;
  z-index: 3;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-color: #ffec92;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 4px;
  height: 4px;
  background: #ffec92;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.rzslider .rz-pointer.rz-active:after {
  background: #ffec92;
}

.rzslider .rz-pointer.rz-active {
  background: #ffec92;
}

.rzslider .rz-bar.rz-selection {
  background: #ffec92;
}

.rzslider .rz-bubble,
.rzslider .rz-bubble.rz-limit {
  color: #888;
}

.rzslider .rz-bar {
  background: #555;
  height: 2px;
}

.autocomplete.search-request {
  margin-top: 22px;
}

.bike-components {
  padding-left: .8em !important;
  padding-right: 1em !important;
}

.bike-components .brand-model-container {
  word-wrap: break-word;
  padding-left: 1em;
}

.bike-components .vertical-select-label {
  margin-left: 0px !important;
  word-wrap: break-word;
}

.bike-components .remove-component-container {
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 500px) {
  .component-row {
    margin-top: -30px !important;
  }
}

@media (max-width: 500px) {
  .component-row {
    margin-top: 30px !important;
  }
}

.next-task-type {
  color: #ffec92;
}

.price-label {
  padding-bottom: 10px;
}

md-datepicker {
  background: rgba(0, 0, 0, 0);
  color: #ffec92;
  width: 100%;
}

md-datepicker .md-datepicker-button {
  z-index: 79;
}

md-datepicker .md-button.md-icon-button {
  margin-left: 0;
  padding-left: 0;
  text-align: right;
  margin-right: 13px;
}

md-datepicker .md-datepicker-open .md-datepicker-calendar-icon {
  fill: #ffffcb !important;
}

md-datepicker .md-datepicker-input-container {
  width: 100%;
  margin-left: -52px;
  border-bottom: 0;
}

md-datepicker .md-datepicker-input-container .md-datepicker-input {
  color: #f5f5f5;
  margin-left: 50px;
}

.md-datepicker-calendar-pane {
  z-index: 1501;
}

.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open {
  border-color: #555;
}

.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open .md-datepicker-input-mask,
.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open .md-datepicker-input-mask-opaque {
  background: rgba(0, 0, 0, 0);
}

.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open .md-datepicker-calendar {
  background: rgb(10, 10, 10);
}

.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open .md-datepicker-calendar .md-calendar-day-header {
  background: rgb(10, 10, 10);
  color: #ffec92;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}

.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open .md-datepicker-calendar .md-calendar-scroll-mask .md-calendar-date-disabled,
.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open .md-datepicker-calendar .md-calendar-scroll-mask .md-calendar-date.md-calendar-date-disabled {
  color: #555 !important;
}

.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open .md-datepicker-calendar .md-calendar-scroll-mask .md-virtual-repeat-offsetter .md-calendar {
  color: #ffec92;
}

.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open .md-datepicker-calendar .md-calendar-scroll-mask .md-virtual-repeat-offsetter .md-calendar tr:last-child td {
  color: #ffec92;
}

.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open .md-datepicker-calendar .md-calendar-scroll-mask .md-virtual-repeat-offsetter .md-calendar .md-calendar-date.d-calendar-date-disabled {
  color: #555 !important;
}

.md-datepicker-calendar-pane.md-whiteframe-z1.md-pane-open .md-datepicker-calendar .md-calendar-scroll-mask .md-virtual-repeat-offsetter .md-calendar tbody::before {
  content: "";
  display: block;
  height: 15px;
}

.md-calendar {
  background: rgba(0, 0, 0, .87);
}

.md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background: #ffec92;
  color: rgba(0, 0, 0, .87);
  border-color: transparent;
}

.md-calendar-date-selection-indicator:hover {
  background: #ffffcb;
  color: rgba(0, 0, 0, .87);
  border-color: transparent;
}

.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border: 0;
}

.md-calendar.md-default-theme tr:last-child td,
.md-calendar tr:last-child td {
  border-bottom-color: #555;
}

.choose-all-tools {
  margin-left: 8px;
}

.choose-all-tools.expert-tools {
  padding-top: 30px;
}

.add-available-date {
  max-width: 66px;
  margin-top: 10px;
}

.home-page {
  background-image: none;
}

.md-button.show-card-info {
  border-radius: 50%;
  min-width: 36px;
  color: #ffec92;
}

.md-button.show-card-info:hover {
  color: #ffffcb;
}

.no-request {
  background: rgba(0, 0, 0, 0);
  min-height: 200px !important;
  padding: 0 10px;
}

.no-request h2 {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 25px;
  color: #fff;
}

.no-request:hover {
  background: rgba(0, 0, 0, 0) !important;
}

.new-deadline-date-header {
  text-align: center;
  padding-top: 20px;
}

.bold {
  font-weight: bold;
}

.md-label.review-label {
  color: #aaa;
}

.md-label.review-label_theme-red {
  color: #ef5350;
  font-weight: 500;
}

.notification-budget {
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
  background: #ef5350;
  color: #f5f5f5 !important;
  padding: 2px 5px;
  font-weight: 700;
}

.request-tools {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.vt-form.completed-registration {
  max-width: 600px;
  width: 100%;
}

.vt-form.about {
  max-width: 1000px;
  width: 100%;
}

.vt-form.about,
.vt-form.completed-registration {
  margin-top: 80px;
}

.vt-form.about h3,
.vt-form.completed-registration h3 {
  color: #ffec92;
}

.vt-form.about p,
.vt-form.completed-registration p {
  line-height: 1.5;
  text-align: justify;
}

.vt-form.about ul,
.vt-form.completed-registration ul {
  line-height: 1.5;
}

.vt-form.about a,
.vt-form.completed-registration a {
  color: #ffec92;
  text-decoration: initial;
}

.vt-form.about a:hover,
.vt-form.completed-registration a:hover {
  color: #ffffcb;
}

.vt-form.about .fee,
.vt-form.completed-registration .fee {
  color: #ffec92;
}

.md-button.back {
  min-width: 36px;
  min-height: 36px;
  width: 36px;
  border-radius: 50%;
  color: #ffec92;
  font-size: large;
}

.feedback-comment {
  word-wrap: break-word;
  max-height: 500px;
  overflow: auto;
  color: #ccc;
}

.change-location-button {
  float: right;
}

@media (min-width: 768px) {
  .bike-location-form .change-location-button {
    float: right;
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .bike-location-form .change-location-button {
    float: right;
    margin-bottom: 16px;
  }
}

.auth-container {
  padding: 7% 10px 20px;
}

.sign-up-user {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  font-size: 2em;
  padding-bottom: 1em;
  margin-bottom: 30px;
}

.sign-up-user h2 {
  font-size: 1em;
  margin: 0;
  padding: 1.5em 0;
}

.sign-up-user ul {
  list-style-type: none;
  padding-left: 0px;
  margin: 0;
}

.sign-up-user ul li {
  font-size: 1em;
  padding: .8em 0;
}

.sign-up-user ul li .md-button.registration-link {
  font-size: 1em;
  height: 80px;
  min-width: 450px;
  padding: .5em;
  border: 2px solid #ffec92;
  background-color: #ffec92;
  color: black;
  text-transform: uppercase;
  font-weight: 600;
  transition: box-shadow .9s cubic-bezier(.25, .8, .25, 1), background-color .9s cubic-bezier(.25, .8, .25, 1);
  line-height: 38px;
}

.sign-up-user ul li a.registration-link.md-button:hover {
  background-color: #ffffcb;
}

@media (min-width: 800px) {
  .sign-up-user ul li .md-button.registration-link {
    min-width: 450px;
  }
}

@media (max-width: 799px) {
  .sign-up-user {
    font-size: 1.5em;
  }

  .sign-up-user ul li .md-button.registration-link {
    height: 65px;
    min-width: 280px;
  }
}

.no-negotiation {
  text-align: center;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

.about .contact-info,
.completed-registration .contact-info {
  display: flex;
  justify-content: center;
}

.about .contact-info div,
.completed-registration .contact-info div {
  display: inline-block;
}

.about span,
.completed-registration span {
  color: #ffec92;
}

.about textarea,
.completed-registration textarea {
  white-space: pre-wrap;
}

@media (min-width: 768px) {
  .vt-form.about .contact-info {
    padding-top: 60px;
  }
}

hgroup.hgroup-as-action-bar .md-button.md-fab {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 !important;
}

hgroup.hgroup-as-action-bar .md-button.md-fab md-icon {
  height: 26px;
  width: 26px;
  font-size: x-large !important;
  color: #ffec92;
}

hgroup.hgroup-as-action-bar .md-button.md-fab:hover,
hgroup.hgroup-as-action-bar .md-button.md-fab:active,
hgroup.hgroup-as-action-bar .md-button.md-fab:focus {
  background-color: rgba(200, 200, 200, .12);
}

hgroup.hgroup-as-action-bar .md-button.md-fab:hover md-icon,
hgroup.hgroup-as-action-bar .md-button.md-fab:active md-icon,
hgroup.hgroup-as-action-bar .md-button.md-fab:focus md-icon {
  color: #ffffcb;
}

hgroup.hgroup-as-action-bar h1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media (max-width: 799px) {
  hgroup.hgroup-as-action-bar h1 {
    font-size: 1.5em;
  }
}

@media (max-width: 425px) {
  hgroup.hgroup-as-action-bar h1 {
    font-size: 1.3em;
  }
}

@media (max-width: 320px) {
  hgroup.hgroup-as-action-bar h1 {
    font-size: 1em;
  }
}

md-select[name=howDidYouHear] md-select-value span:nth-child(1) {
  max-width: 94%;
}

.short-story {
  word-wrap: break-word;
}

.other {
  word-wrap: break-word;
}

.credo {
  word-wrap: break-word;
}

show-session,
insurance,
[insurance] {
  text-align: center;
}

show-session .as-table,
insurance .as-table,
[insurance] .as-table {
  display: table;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  color: #f5f5f5;
}

show-session .as-table .text-left,
insurance .as-table .text-left,
[insurance] .as-table .text-left {
  text-align: left;
}

show-session .as-table .as-table-row,
insurance .as-table .as-table-row,
[insurance] .as-table .as-table-row {
  display: table-row;
}

show-session .as-table .as-table-row > div,
insurance .as-table .as-table-row > div,
[insurance] .as-table .as-table-row > div {
  display: table-cell;
  padding: 10px;
  border-bottom: 1px solid rgb(45, 45, 45);
  word-break: break-all;
}

show-session .as-table .as-table-row .remove .md-button.back,
insurance .as-table .as-table-row .remove .md-button.back,
[insurance] .as-table .as-table-row .remove .md-button.back {
  color: #ccc;
  margin: 0px;
}

show-session .as-table .as-table-row .remove .md-button.back .md-ripple-container,
insurance .as-table .as-table-row .remove .md-button.back .md-ripple-container,
[insurance] .as-table .as-table-row .remove .md-button.back .md-ripple-container {
  border-radius: 50%;
}

show-session .as-table .as-table-row.table-header,
insurance .as-table .as-table-row.table-header,
[insurance] .as-table .as-table-row.table-header {
  color: #777;
}

@media (max-width: 480px) {
  show-session .as-table,
  insurance .as-table,
  [insurance] .as-table {
    display: block;
  }

  show-session .as-table .checkbox-button,
  insurance .as-table .checkbox-button,
  [insurance] .as-table .checkbox-button {
    text-align: right;
  }

  show-session .as-table .as-table-row.table-header,
  insurance .as-table .as-table-row.table-header,
  [insurance] .as-table .as-table-row.table-header {
    display: none;
  }

  show-session .as-table .text-left,
  insurance .as-table .text-left,
  [insurance] .as-table .text-left {
    text-align: inherit;
  }

  show-session .as-table .as-table-row,
  insurance .as-table .as-table-row,
  [insurance] .as-table .as-table-row {
    display: block;
    position: relative;
    border: 1px solid #ffec92;
    margin: 10px 0;
  }

  show-session .as-table .as-table-row > div,
  insurance .as-table .as-table-row > div,
  [insurance] .as-table .as-table-row > div {
    display: block;
    border: none;
  }

  show-session .as-table .as-table-row .remove,
  insurance .as-table .as-table-row .remove,
  [insurance] .as-table .as-table-row .remove {
    position: absolute;
    margin: 0px;
    right: 0px;
    top: 0px;
    padding: 0px;
  }

  show-session .as-table .as-table-row .remove .md-button.back,
  insurance .as-table .as-table-row .remove .md-button.back,
  [insurance] .as-table .as-table-row .remove .md-button.back {
    margin: 0px;
  }
}

.message-dialog {
  padding: 20px;
  position: relative;
  z-index: 999999;
}

.message-dialog h1 {
  color: #f5f5f5;
}

.message-dialog .show-message-dialog-content.serial-number {
  margin: 3px 0px !important;
}

.message-dialog md-input-container {
  display: block;
}

.message-dialog label.paragraph {
  margin-bottom: 20px;
  padding-left: 2px;
  font-size: 1.5em;
}

.message-dialog md-select .md-select-value {
  border-bottom-color: #f5f5f5;
}

@media (min-width: 800px) {
  .message-dialog {
    max-width: 700px;
  }
}

.select-organisation__message-dialog .select-organisation__message-dialog_title {
  text-align: center;
  color: white;
  font-weight: 400;
}

@media (min-width: 700px) {
  .select-organisation__message-dialog .select-organisation__message-dialog_title {
    font-size: 28px;
  }
}

@media (min-width: 400px) and (max-width: 699px) {
  .select-organisation__message-dialog .select-organisation__message-dialog_title {
    font-size: 20px;
  }
}

@media (max-width: 399px) {
  .select-organisation__message-dialog .select-organisation__message-dialog_title {
    font-size: 18px;
  }
}

@media (min-width: 700px) {
  .select-organisation__message-dialog {
    min-width: 600px;
    min-height: 200px;
  }
}

@media (min-width: 400px) and (max-width: 699px) {
  .select-organisation__message-dialog {
    min-width: 400px;
    min-height: 200px;
  }
}

@media (max-width: 399px) {
  .select-organisation__message-dialog {
    min-width: 300px;
    min-height: 200px;
  }
}

form[name=showRequestForm] .available-time {
  width: 100%;
  margin: 10px 0;
}

form[name=showRequestForm] .available-time > div {
  margin: 5px;
}

form[name=showRequestForm] .available-time .date-time {
  max-width: 100%;
}

[contenteditable=true]:empty:not(:focus):before {
  content: attr(placeholder);
  color: #aaa;
  display: block; /* For Firefox */
}

.smile-item:hover {
  background-color: #555;
}

.smile-container {
  padding: 12px;
  position: absolute;
  top: -17.5em;
  right: .7em;
  width: 16em;
  height: 17em;
  background: rgba(68, 68, 68, .97);
  border-radius: 5px;
  overflow-y: scroll;
}

.smile-container::-webkit-scrollbar {
  width: 4px;
  border-radius: 3px;
}

.main-desc-form .main-desc-form__input-container-with-select {
  padding-bottom: 27px;
}

.main-desc-form .not-owner {
  margin: 12px 0 12px 0;
}

.main-desc-form .main-desc-form__input-container {
  margin-top: 8px;
}

.main-desc-form .main-desc-form__color-label {
  height: 46px;
  padding: 0;
  line-height: 27px;
}

.main-desc-form .main-desc-form__color {
  line-height: 29px;
  margin: 0;
}

.main-desc-form .edit-label {
  padding-top: 10px;
}

.main-desc-form .action-buttons .vt-action-button {
  min-width: 160px;
}

@media (max-width: 767px) {
  .main-desc-form .action-buttons {
    text-align: center;
  }
}

.main-desc-form .img-tmb {
  max-width: 320px;
}

@media (min-width: 960px) {
  .main-desc-form .img-tmb {
    width: 100%;
  }
}

.main-desc-form .fab-icon-button-no-circle button.md-button.md-fab.addon {
  z-index: 20;
  line-height: 36px;
  min-width: 0;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  transition: all .3s cubic-bezier(.55, 0, .55, .2);
  transition-property: background-color, box-shadow, transform;
  background: rgba(0, 0, 0, 0);
}

.main-desc-form .fab-icon-button-no-circle button.md-button.md-fab.addon md-icon {
  color: #ddd;
  height: 26px;
  width: 26px;
  font-size: x-large !important;
}

.main-desc-form .fab-icon-button-no-circle button.md-button.md-fab.addon:hover md-icon,
.main-desc-form .fab-icon-button-no-circle button.md-button.md-fab.addon:focus md-icon,
.main-desc-form .fab-icon-button-no-circle button.md-button.md-fab.addon.md-focused md-icon {
  color: white;
}

.agreement {
  font-size: 16px;
  text-align: justify;
}

.agreement .serial-number {
  color: #ffffcb;
}

.show-bike-status-dialog-content {
  min-width: 300px;
  width: 600px;
}

.show-bike-status-dialog-content .message {
  color: #f5f5f5;
  padding-left: 10px;
  padding-right: 10px;
}

.show-bike-status-dialog-content .message h3 {
  margin-bottom: 5px;
  color: #ffec92;
}

a.show-status-link {
  color: #ffec92;
  text-decoration: none;
}

a.show-status-link:hover,
a.show-status-link:active {
  color: #ffffcb;
}

.ellipsis-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.md-toolbar-tools h1 {
  color: #ffec92;
}

.notes {
  margin-left: 8px;
  font-size: 20px;
  margin-bottom: 15px;
  color: #ffec92;
}

.dialog-form .width-100 {
  width: 600px;
  margin-left: 50px;
}

.dialog-form .Ok button {
  float: right;
  margin-right: 50px;
}

.enter-sn .fa.fa-exclamation.no-sn {
  color: #ef5350;
}

.enter-sn:hover {
  color: #ffffcb;
}

.enter-sn:hover .fa.fa-exclamation.no-sn {
  color: #ef5350;
}

.next-section-button {
  position: relative;
}

.next-section-button a {
  position: absolute;
  left: 50%;
  top: -32px;
  margin-left: -32px;
}

.upload {
  color: white;
}

.upload-button {
  color: red;
  background-color: #0db9f0;
}

h2.show-user-contact-info-link {
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center;
}

h2.show-user-contact-info-link a {
  color: #ffec92;
  text-decoration: initial;
}

h2.show-user-contact-info-link a:hover {
  color: #ffffcb;
}

.answer {
  padding-left: 20px;
}

.error-answer {
  color: rgba(207, 27, 0, .62);
}

.invisible {
  visibility: hidden;
}

.upload-image-dialog {
  max-width: 605px;
  margin: 0 auto;
  overflow: hidden;
  display: block;
  top: 50%;
  transform: translate(0, -50%) scale(1);
}

.upload-image-dialog.md-transition-in {
  transform: translate(0, -52%) scale(1);
}

@media (max-width: 613px) {
  .upload-image-dialog {
    max-width: 458px;
    min-width: 320px;
  }
}

@media (max-width: 467px) {
  .upload-image-dialog {
    max-width: 312px;
    min-width: 312px;
  }
}

.upload-image-dialog .upload-form {
  position: relative;
  width: 100%;
  height: 60vh;
}

.upload-image-dialog .img-crop-block {
  position: absolute;
  width: 250px;
  height: 250px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(https://assets.velotooler.com/dist/img/user-no-avatar-415a2bb.png) no-repeat center center;
  background-size: contain;
}

.upload-image-dialog .mechanic-bg-img {
  background-image: url(https://assets.velotooler.com/dist/img/mechanic-no-avatar-415a2bb.png);
}

.upload-image-dialog .organisation-bg-img {
  background-image: url(https://assets.velotooler.com/dist/img/no-organization-avatar-ab4bc31.png);
}

.upload-image-dialog .invisible {
  visibility: hidden;
}

.upload-image-dialog .select-file {
  margin: 6px 8px;
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: #333;
  border-radius: 3px;
}

.upload-image-dialog .select-file .vt-button.choose-images.md-button {
  width: 100%;
  display: block;
  cursor: pointer;
  color: #aaa;
       box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.upload-image-dialog .select-file .vt-button.choose-images.md-button:hover {
  background: rgba(200, 200, 200, .12);
}

.upload-image-dialog .select-file .img-storage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
       opacity: 0;
}

.upload-image-dialog h1 {
  color: #ffec92;
  text-align: center;
}

.show-picture {
  margin: auto;
  top: 50%;
}

.show-picture.md-transition-in {
  transform: translate(0, -50%) scale(1);
}

.show-picture .show-picture__form {
  max-height: calc(100vh - 150px);
  max-width: calc(100vw - 20px);
}

.show-picture .img-tmb {
  max-height: calc(100vh - 150px);
}

.bike-avatar {
  position: relative;
}

.bike-avatar .link-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.bike-avatar .link-container .md-button.show-bike-button {
  width: 100%;
  height: 100%;
  z-index: 10;
}

.bike-avatar .link-container .md-button.show-bike-button .md-ripple-container {
  border-radius: 0;
}

.request-content {
  overflow: hidden;
}

.request-content .request-desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 45px;
}

.admin-title {
  padding-top: 1em;
}

.notification-budget.total-notifications {
  margin-left: -10px;
}

.show-bikes-button-img {
  margin-top: 18px;
  width: 44px !important;
}

.dashboard .dashboard__header .md-button img.show-bikes-button-img {
  display: initial;
}

.no-tabs-title md-tabs-wrapper {
  display: none;
}

.ei-message {
  width: 100%;
  position: fixed;
  top: 62px;
  left: 0px;
  text-align: center;
  min-height: 40px;
  background: #ef5350;
  color: #f5f5f5;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 999;
}

@media (max-width: 799px) {
  .ei-message {
    position: relative;
  }
}

.capitalize {
  text-transform: uppercase;
}

md-checkbox[disabled].user-session .md-icon {
  color: #c5c1c1;
  border-color: #c5c1c1;
}

.billing-address-zip-dialog {
  max-width: 500px;
  width: 100%;
}

.billing-address-zip-dialog md-input-container {
  width: 100%;
}

.verification-tab {
  padding-bottom: 50px;
}

.verification-tab .biography-verification {
  word-wrap: break-word;
}

.verification-tab .head {
  font-size: 21px;
  padding-bottom: 10px;
  font-weight: 700;
  padding-left: 5px;
  color: #ffec92;
}

.verification-tab .layout-row {
  line-height: 30px;
}

.fa-check.chosen-available-time:before,
.fa-check.chosen-available-time::before {
  color: #ffec92;
}

.next-section-button a.md-button.md-fab {
  background-color: #ffec92;
}

.next-section-button a.md-button.md-fab:hover {
  background-color: #ffffcb;
}

.unresolved-request h1 {
  margin-right: 55px;
}

.unresolved-request .user-info td {
  vertical-align: top;
  width: 200px;
  padding: 2px 2px 20px 55px;
}

.unresolved-request .buttons {
  margin-top: 22px;
  margin-right: 34px;
}

.mechanic-map {
  margin: 10px 0px;
}

.mechanic-map .map {
  width: 100%;
  height: 500px;
}

@media (max-height: 500px) {
  .mechanic-map .map {
    height: 400px;
  }
}

.marker-info .mechanic-map-info {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.marker-info .mechanic-map-level {
  font-size: 15px;
}

.marker-info .mechanic-map-username a {
  font-size: 16px;
  text-transform: capitalize;
  text-decoration: initial;
  font-weight: 500;
  color: #333;
}

.marker-info .mechanic-map-username a:hover {
  color: #777;
  font-weight: 500;
}

md-input-container label:not(.md-container-ignore).md-required:after {
  content: "";
}

.vt-form h1 {
  text-align: center;
  color: white;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.vt-form .vt-form__action-buttons {
  padding: 15px 5px;
}

.form-center {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 470px) {
  .form-center {
    padding-left: 0;
    padding-right: 0;
  }
}

.form-center .vt-form {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 470px) {
  .form-center .vt-form {
    border-radius: 0;
  }
}

.form-center-no-padding {
  padding-left: 0;
  padding-right: 0;
}

.form-center-no-padding .vt-form {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after,
md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: "";
}

md-select-menu.md-default-theme md-content md-option,
md-select-menu md-content md-option {
  color: #f5f5f5;
}

md-select-menu.md-default-theme md-content,
md-select-menu md-content {
  background: transparent;
}

.margin-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.m-0 {
  margin: 0 !important;
}

.tool-container {
  padding-left: 0px;
  padding-right: 0px;
}

.no-overflow {
  overflow: hidden;
}

md-tabs-canvas.md-paginated {
  margin: 0px 40px;
}

md-tabs-wrapper md-prev-button,
md-tabs-wrapper md-next-button {
  top: 0px;
  transform: translateY(0px);
}

.dashboard-mechanics {
  max-width: 1200px;
  padding: 8px;
}

.dashboard-mechanics .vt-form.dashboard__mechanic__header {
  margin: 0px;
  width: 100%;
  max-width: 1200px;
}

.pagination-buttons {
  overflow: hidden;
}

.pagination-buttons:before {
  content: "";
  display: block;
  clear: both;
}

.pagination-buttons:after {
  content: "";
  display: block;
  clear: both;
}

.pagination-buttons .pagination__button {
  width: 50%;
}

.pagination-buttons .pagination__button .md-button {
  border-radius: 18px;
  color: #ffec92;
}

.pagination-buttons .pagination__button .md-button:focus,
.pagination-buttons .pagination__button .md-button:hover,
.pagination-buttons .pagination__button .md-button:active {
  border-radius: 18px;
  color: #ffffcb;
}

.pagination-buttons .pagination__button_left {
  float: left;
  text-align: left;
}

.pagination-buttons .pagination__button_right {
  text-align: right;
  width: 100%;
}

.requests-dashboard {
  background-color: rgb(35, 35, 35);
  overflow: hidden;
}

.requests-dashboard .request {
  display: block;
  background-color: rgb(45, 45, 45);
}

.requests-dashboard .request__info {
  position: relative;
}

.requests-dashboard .request__desc {
  padding-right: 4.3em;
  color: #fff;
}

.requests-dashboard .request__desc .request_label {
  color: #ffec92;
  text-transform: none;
}

.requests-dashboard .request__desc .request_deadline_label {
  text-transform: none;
}

.requests-dashboard .request__desc div {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2em;
}

.requests-dashboard .request_cost-color {
  color: #ffec92;
}

.requests-dashboard .request_empty-list {
  background: rgba(0, 0, 0, 0);
  min-height: 200px !important;
}

.requests-dashboard .request_empty-list h2 {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 70px;
}

.requests-dashboard .request_empty-list:hover {
  background: rgba(0, 0, 0, 0) !important;
}

.requests-dashboard .request__status {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1em;
  padding: 0 5px;
  line-height: 2;
  color: #ffec92;
}

.requests-dashboard .request__status .group_request .request_cost-color {
  line-height: 11px;
}

.requests-dashboard .request__status .group_request .request_price_per_bike__label {
  line-height: 20px;
  font-size: 10px;
  color: white;
}

.requests-dashboard .request__status .open {
  background-color: #667b9c;
  color: black;
  padding: 2px 10px;
  border-radius: 10px;
}

.requests-dashboard .request__status .done,
.requests-dashboard .request__status .resolved,
.requests-dashboard .request__status .refunded {
  background-color: #2c9a57;
  color: black;
  padding: 2px 10px;
  border-radius: 8px;
}

.requests-dashboard .request__status .accepted {
  background-color: #d1a713;
  color: black;
  padding: 2px 10px;
  border-radius: 8px;
}

.requests-dashboard .request__status .expired {
  background-color: #3a3a3a;
  color: white;
  padding: 2px 10px;
  border-radius: 8px;
}

.requests-dashboard .request__status .cancelled,
.requests-dashboard .request__status .could-not-be-fixed,
.requests-dashboard .request__status .cancelled-with-charges {
  background: rgba(181, 57, 55, .87);
  color: white;
  padding: 2px 10px;
  border-radius: 8px;
}

.requests-dashboard .request__status .unsatisfied,
.requests-dashboard .request__status .transfer-failed {
  background: rgba(154, 34, 32, .78);
  color: white;
  padding: 2px 10px;
  border-radius: 8px;
}

.requests-dashboard .request.focus-marker,
.requests-dashboard .request:active,
.requests-dashboard .request:hover,
.requests-dashboard .request:focus {
  background: rgba(200, 200, 200, .12);
}

.requests-dashboard .loading-request {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.requests-dashboard .loading-request loading-indicator md-progress-circular {
  margin-left: calc(50% - 50px);
  margin-top: 20%;
}

.requests-search {
  overflow: hidden;
}

.requests-search .search-params {
  background-color: rgb(35, 35, 35);
}

.requests-search .md-button {
  color: #ffec92;
}

.fa-check.chosen-available-time:before,
.fa-check.chosen-available-time::before {
  color: #ffec92;
}

.payment-form .back.md-button,
.back.md-button {
  margin-top: 20px;
}

.padding-top-35 {
  padding-top: 35px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-15 {
  padding-top: 15px;
}

.no-horizontal-padding {
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 800px) {
  .dashboard-header .vt-form.dashboard .action-button-container {
    padding-top: 5px;
  }
}

.md-dialog-container {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100% !important;
  top: 60px;
  position: fixed;
  padding-left: 5px;
  padding-right: 5px;
  z-index: 1500;
}

md-dialog {
  margin: 7% auto;
  position: relative;
  max-height: inherit;
  min-width: 300px;
  display: table;
}

md-dialog md-dialog-actions .md-button {
  margin-right: 7px;
}

.vt__header {
  background-color: rgb(35, 35, 35);
  text-align: center;
  display: flex;
  align-items: center;
  color: #fff;
}

.vt__header .vt__title {
  flex: 1 0 0%;
  min-width: 0;
}

.vt__header div:first-child:nth-last-child(2) ~ div {
  margin-left: -51px;
}

.vt__header .vt__left-button {
  text-align: left;
  flex: 0 0 0;
}

.vt__header .vt__right-button {
  text-align: right;
  flex: 0 0 0;
}

@media (min-width: 420px) {
  .vt__header .vt__left-button {
    padding-left: 10px;
  }

  .vt__header .vt__right-button {
    padding-right: 10px;
  }
}

.dashboard {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 2em;
  padding-bottom: 2em;
}

.dashboard .dashboard__header {
  min-height: 70px;
  margin-bottom: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgb(35, 35, 35);
  padding-left: 20px;
  display: flex;
  align-items: center;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.dashboard .dashboard__header .row,
.dashboard .dashboard__header .col-xs-3,
.dashboard .dashboard__header .col-xs-6 {
  height: 100%;
}

.dashboard .dashboard__header h1 {
  font-size: 1.5em;
  margin: 0;
}

.dashboard .dashboard__header .md-button {
  margin: 0;
  padding: 7px;
  border-radius: 50%;
  background-color: transparent;
  box-shadow: 0 0 0 0 !important;
}

.dashboard .dashboard__header .md-button img {
  display: block;
  margin: 0 auto;
}

.dashboard .dashboard__header .md-button:focus,
.dashboard .dashboard__header .md-button:hover,
.dashboard .dashboard__header .md-button:active {
  color: #ffffcb;
  background-color: rgba(200, 200, 200, .12) !important;
}

.dashboard .dashboard__header .md-button[disabled] span {
  color: #c5c1c1;
}

.dashboard .dashboard__header .dashboard__right-square-button {
  border-radius: 0%;
  margin-right: 10px;
}

.dashboard .dashboard__search-form {
  background-color: rgb(35, 35, 35);
}

.dashboard .dashboard__search-form .horizontal-margin {
  margin-right: -5px;
  margin-left: -5px;
}

.dashboard .dashboard__search-form .dashboard__search-btn {
  margin: 0px 8px 8px 8px;
}

.dashboard .dashboard__search-without-error .horizontal-margin.row {
  margin-right: 5px;
  margin-left: 5px;
}

.dashboard .dashboard__search-without-error .row {
  margin-left: -5px;
  margin-right: -5px;
}

.dashboard .dashboard__search-without-error .row .col-sm-1,
.dashboard .dashboard__search-without-error .row .col-sm-2,
.dashboard .dashboard__search-without-error .row .col-sm-3,
.dashboard .dashboard__search-without-error .row .col-sm-4,
.dashboard .dashboard__search-without-error .row .col-sm-5,
.dashboard .dashboard__search-without-error .row .col-sm-6,
.dashboard .dashboard__search-without-error .row .col-sm-7,
.dashboard .dashboard__search-without-error .row .col-sm-8,
.dashboard .dashboard__search-without-error .row .col-sm-9,
.dashboard .dashboard__search-without-error .row .col-sm-10,
.dashboard .dashboard__search-without-error .row .col-sm-11,
.dashboard .dashboard__search-without-error .row .col-sm-12 {
  padding-left: 5px;
  padding-right: 5px;
}

.dashboard .dashboard__search-without-error md-input-container {
  margin-bottom: 10px;
}

.dashboard .dashboard__search-without-error md-input-container .md-errors-spacer {
  min-height: 0px;
  min-width: 0px;
}

.dashboard .dashboard_remove-top-margin {
  margin-top: -1em;
}

.dashboard .dashboard__title {
  flex: 15 0 0;
  min-width: 0;
}

.dashboard .dashboard_vertical-align {
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.dashboard .dashboard_no-left-padding {
  padding-left: 0;
}

.dashboard .dashboard_no-right-padding {
  padding-right: 0;
}

.dashboard .dashboard__left-button {
  text-align: left;
  flex: 1 0 0;
}

.dashboard .dashboard__right-button {
  text-align: right;
  flex: 0 0 0;
}

@media (min-width: 420px) {
  .dashboard .dashboard__left-button {
    padding-left: 10px;
  }

  .dashboard .dashboard__right-button {
    padding-right: 10px;
  }
}

.dashboard-content {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.dashboard-content .show-bike-button {
  padding: 0px;
  margin: 0px;
  position: absolute;
  background-color: rgba(50, 50, 50, 0) !important;
  border-radius: 0px !important;
}

.dashboard-content .show-bike-button:active,
.dashboard-content .show-bike-button:hover,
.dashboard-content .show-bike-button:focus {
  background-color: rgba(50, 50, 50, .4) !important;
}

.search-button-img {
  width: 44px !important;
}

.dashboard-request-status {
  margin-top: -40px;
}

.dashboard-request-status span {
  color: #ffec92;
}

@media screen and (max-width: 599px) {
  .dashboard-request-status {
    margin-top: 0px;
  }
}

img-crop {
  min-width: 250px;
  min-height: 250px;
  width: 100%;
  height: 100%;
}

.profile .review-row,
.main-desc-form .review-row {
  padding-top: 10px;
}

.review-row__vt_chip {
  margin: 2px;
  font-size: 15px;
  color: wheat;
}

.input-container_paddings {
  padding-left: 5px;
  padding-right: 5px;
}

.public-about-user-form {
  background-color: rgba(0, 0, 0, .9);
  color: rgb(245, 245, 245);
}

.row .col-lt-3 .col-lt-4,
.row .col-lt-6 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 500px) {
  .row .col-lt-3 {
    width: 25%;
    float: left;
  }

  .row .col-lt-4 {
    width: 33.33333%;
    float: left;
  }

  .row .col-lt-offset-4 {
    margin-left: 33.33333%;
  }

  .row .col-lt-6 {
    width: 50%;
    float: left;
  }

  .row .condition-box {
    margin-top: 1px;
  }
}

@media (max-width: 499px) {
  .row .col-lt-3,
  .row .col-lt-4,
  .row .col-lt-6 {
    padding-bottom: 15px;
    width: 100%;
  }

  .row .condition-box {
    margin-top: -1.5em;
  }
}

.request-details {
  max-width: 650px;
  width: 100%;
}

.request-details .request-detail__info {
  padding-top: 15px;
  padding-bottom: 15px;
}

.no-overflow-x {
  overflow-x: hidden;
}

md-dialog md-dialog-content h1,
md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

md-input-container .md-input,
.card-content,
.tab-container {
  -ms-flex-preferred-size: 100%;
}

md-select {
  height: 30px;
}

.md-select {
  -ms-flex-preferred-size: 100%;
  width: 100%;
  -ms-flex-direction: column;
  display: block;
}

.md-select-value,
.md-select-value.md-select-placeholder {
  -ms-flex-preferred-size: 100%;
  -ms-flex-direction: column;
  display: block;
}

.md-select-value span,
.md-select-value.md-select-placeholder span {
  float: left;
}

.md-select-value span.md-select-icon,
.md-select-value.md-select-placeholder span.md-select-icon {
  position: absolute;
  right: 0;
  color: #ffec92;
}

.md-select-menu-container {
  display: block;
  z-index: 1501;
}

md-option {
  display: block;
  padding-top: 15px;
}

.images-content:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .xs-show {
    display: none;
  }
}

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

@media (max-width: 767px) {
  .xs-left {
    text-align: center;
  }

  .lg-show {
    display: none;
  }

  .pagination {
    padding-top: 10px;
  }
}

@media (min-width: 500px) {
  .lt-show {
    display: none;
  }

  .sm-show {
    display: inline-block;
  }
}

@media (max-width: 499px) {
  .lt-show {
    display: inline-block;
  }

  .sm-show {
    display: none;
  }

  .pagination .prev a,
  .pagination .next a {
    min-width: 30px;
    font-weight: bold;
  }
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.show-chosen-color-bike .width-100,
.show-chosen-color .width-100 {
  width: 100%;
}

.show-chosen-color-bike .width-50,
.show-chosen-color .width-50 {
  width: 50%;
}

.show-chosen-color-bike .width-33,
.show-chosen-color .width-33 {
  width: 33.3333%;
}

.break-word {
  word-wrap: break-word;
}

#tooltip {
  z-index: 9999;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  background-color: #333;
  color: white;
  font-size: 14px;
  text-align: justify;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  width: 300px;
}

.tooltip_visible {
  display: block !important;
}

.image-view {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}

.image-view .loading-gif {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-view .image__prev,
.image-view .image__next {
  position: absolute;
  top: 0;
  width: 20%;
  height: calc(100% - 3px);
  outline: none;
  border: none;
  opacity: 0;
  cursor: pointer;
}

.image-view .image__prev:hover,
.image-view .image__next:hover {
  background-color: rgba(0, 0, 0, .4);
  opacity: 1;
}

.image-view .image__prev {
  left: 0;
  background: url(https://assets.velotooler.com/dist/img/gallery-arrow-left-53ce32f.png) no-repeat center center;
}

.image-view .image__next {
  right: 0;
  background: url(https://assets.velotooler.com/dist/img/gallery-arrow-right-b0c6c4f.png) no-repeat center center;
}

@media (max-width: 420px) {
  .md-select-menu-container {
    left: 15px !important;
    right: 15px;
  }
}

.circle {
  border-radius: 50%;
  width: 200px;
  height: 200px;
}

.safari-height-vh {
  height: 1vh !important;
}

.safari-min-height-vh {
  min-height: 1vh !important;
}

.vt-padding {
  padding: 8px 8px 20px;
}

.vt-form.verification-form.add-insurance {
  max-width: 800px;
}

.vt-form.verification-form.add-insurance md-tabs-wrapper {
  display: none;
}

.vt-form.verification-form.add-insurance .desc {
  text-align: justify;
}

.vt-form.verification-form.add-insurance .vertical-margin-30 {
  margin-top: 30px;
}

.vt-form.verification-form.add-insurance .choose-policy-card {
  border: 2px solid #f5f5f5;
  border-radius: 5px;
  padding: 15px;
  -moz-padding-start: 16px;
  -moz-padding-end: 16px;
  margin-top: 30px;
}

.vt-form.verification-form.add-insurance .choose-policy-card .md-button {
  color: #555;
  background: #ffec92;
  width: 100%;
  margin: 15px 0px 0px;
}

.vt-form.verification-form.add-insurance .choose-policy-card .md-button:hover {
  color: #666;
  background: #ffffcb;
}

.vt-form.verification-form.add-insurance .green {
  color: #8bc34a;
}

.vt-form.verification-form.add-insurance .yellow {
  color: #ffec92;
}

.vt-form.verification-form.add-insurance .policy-desc,
.vt-form.verification-form.add-insurance .validate-policy-desc {
  font-size: 1.3em;
  margin: 0 10px;
}

.vt-form.verification-form.add-insurance .link {
  text-decoration: initial;
}

.vt-form.verification-form.add-insurance .insurance-document {
  text-align: center;
  margin-top: 20px !important;
}

.vt-form.verification-form.add-insurance .purchase-policy,
.vt-form.verification-form.add-insurance .upload-policy-notes {
  margin: 3em 4em;
  text-align: justify;
  border-left: 2px solid #ffec92;
  padding-left: 2em;
}

@media (max-width: 500px) {
  .vt-form.verification-form.add-insurance .purchase-policy,
  .vt-form.verification-form.add-insurance .upload-policy-notes {
    margin: 3em 1em;
  }
}

.vt-form.verification-form.add-insurance .validate-policy-desc {
  margin-top: 5em;
  margin-bottom: 5em;
}

.vt-form.verification-form.add-insurance .upload-desc {
  margin: 0 10px;
}

.vt-form.verification-form.add-insurance .amount {
  margin-top: 80px;
}

.vt-form.verification-form.add-insurance .terms {
  width: auto;
  text-align: left;
  margin-top: 70px;
  margin-bottom: 10px;
}

.vt-form.verification-form.add-insurance .upload-desc.insurance-smth {
  margin: 10px 10px 40px 50px;
}

.insurance-status .expired {
  color: #ef9a9a;
}

.insurance-status .active {
  color: #66bb6a;
}

.insurance-status .pending {
  color: #ffe082;
}

.insurance-status .in-future {
  color: #e0e0e0;
}

.date-label {
  margin-left: 10px;
  color: #f5f5f5;
}

.update-insurance-field {
  padding-left: 10px;
  padding-right: 10px;
}

.about-gallery-message {
  background-color: #222;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
}

md-datepicker.disable-date-input .md-datepicker-input {
  display: none;
}

.deadline {
  padding-bottom: 20px;
}

.time-picker-container .disable-input-container {
  margin-right: -80px !important;
  padding-right: 0;
}

.time-picker-container .disable-input-container .md-datepicker-button .md-datepicker-calendar-icon {
  line-height: 26px;
}

.time-picker-container .disable-input-container .md-datepicker-input-container {
  width: 45px !important;
}

.time-picker-container .disable-input-container .md-datepicker-input-container .md-datepicker-input {
  display: none;
}

.time-picker-container .date-picket-label {
  font-size: .9em;
  margin-top: 20px;
  top: 1px;
  position: relative;
  vertical-align: middle;
}

.md-datepicker-input-mask {
  display: none;
}

.rzslider[disabled] .rz-pointer,
.rzslider[disabled] .rz-pointer:after {
  background-color: #555;
}

.img-tmb.img-tmb-pdf {
  max-width: 250px;
}

.mechanic-agreement-label {
  color: #ffec92;
  text-align: justify;
  padding: 30px 15px 0px 15px;
}

.italic {
  font-style: italic;
}

.mechanic-agreement-desc-label {
  color: #f5f5f5;
  text-align: justify;
  padding: 30px 15px 0px 15px;
}

.mechanic-agreement-body {
  background: #fff;
  display: inline-block;
  width: 100%;
  height: 400px;
  overflow-y: auto;
}

.bootstrap-side-paddings {
  padding-left: 15px;
  padding-right: 15px;
}

.paging-info {
  padding-top: 6px;
}

.paging-size-input-container {
  margin: 0px;
  width: 65px;
}

.custom-filter-select-container {
  margin: 6px 0px;
}

.phone-link {
  color: #ffec92;
  text-decoration: initial;
}

.phone-link:hover {
  color: #ffffcb;
}

.add-buttons-fab.serial-number-button.zip-info .md-fab {
  margin: 0px;
  margin-top: 20px;
}

md-input-container.disabled-email .md-input[disabled] {
  color: #aaa;
}

.date-of-birth-label {
  color: #aaa;
  font-size: 14px;
  padding-left: 2px;
}

md-input-container.md-input-invalid [ng-message] {
  color: #ef5350;
  font-size: 16px;
}

md-input-container:not(.md-input-invalid) [ng-message] {
  display: none;
}

.forgot-password {
  margin: 9px 0px;
  font-size: 15px;
}

#freshwidget-frame {
  max-width: 100%;
}

.fd-btn-left a.freshwidget-theme {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .08), inset 0 -2px 0 rgba(0, 0, 0, .9), inset 0 9px 29px rgba(0, 0, 0, .1) !important;
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .08), inset 0 -2px 0 rgba(0, 0, 0, .9), inset 0 9px 29px rgba(0, 0, 0, .1) !important;
          box-shadow: 0 0 10px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .08), inset 0 -2px 0 rgba(0, 0, 0, .9), inset 0 9px 29px rgba(0, 0, 0, .1) !important;
}

.sso .sso-grid {
  text-align: center;
  max-width: 150px;
  margin: 0 auto;
}

.sso .sso-grid .md-button {
  float: left;
  cursor: pointer;
  background-color: transparent;
  transition: all .1s cubic-bezier(.55, 0, .55, .2);
}

.sso .sso-grid .md-button i {
  color: white;
}

.sso .sso-grid .facebook {
  background-color: #3b5998;
}

.sso .sso-grid .facebook:hover {
  background-color: #4b69a8;
}

.sso .sso-grid .twitter {
  background-color: #1da1f2;
}

.sso .sso-grid .twitter:hover {
  background-color: #2db1ff;
}

.sso .sso-grid .linkedin {
  background-color: #0077b5;
}

.sso .sso-grid .linkedin:hover {
  background-color: #1087c5;
}

.sso .sso-grid .googleplus {
  background-color: #dd4b39;
}

.sso .sso-grid .googleplus:hover {
  background-color: #ed5b49;
}

.sso .sso-grid i {
  font-size: 24px;
  display: block;
  color: #7f7f7f;
  border: none !important;
  outline: none !important;
}

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

@media (min-width: 400px) {
  .sso .sso-grid {
    max-width: 300px;
  }
}

.sso .bottom-underlined {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  overflow: hidden;
  font-size: .9em;
  color: #7f7f7f;
}

.sso .bottom-underlined:before,
.sso .bottom-underlined:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  background: #7f7f7f;
}

.sso .bottom-underlined:before {
  margin-left: -100%;
  margin-right: 20px;
}

.sso .bottom-underlined:after {
  margin-right: -100%;
  margin-left: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}

.login-form h1 {
  font-size: 1.5em;
  color: white;
}

@media (min-width: 768px) {
  .login-form {
    max-width: 580px;
    padding-left: 90px;
    padding-right: 90px;
  }
}

.single-signon {
  text-align: center;
  color: white !important;
  background-color: rgb(35, 35, 35);
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 1em;
  margin-bottom: 30px;
}

.single-signon h2 {
  font-size: 2em;
  margin: 0;
  padding: 1.5em 0;
}

.single-signon .md-button.registration-link {
  width: 250px;
  font-size: .8em;
  border: 2px solid #ffec92;
  background-color: #ffec92;
  color: black;
  text-transform: uppercase;
  font-weight: 600;
  transition: box-shadow .9s cubic-bezier(.25, .8, .25, 1), background-color .9s cubic-bezier(.25, .8, .25, 1);
}

.single-signon a.registration-link.md-button:hover {
  background-color: rgba(255, 235, 59, .7);
}

.single-signon .sso-mechanic-icon,
.single-signon .sso-user-icon {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  background: no-repeat center center;
  background-size: contain;
}

.single-signon .sso-mechanic-icon {
  background-image: url(https://assets.velotooler.com/dist/img/ic_mech-a39de7b.svg);
}

.single-signon .sso-user-icon {
  background-image: url(https://assets.velotooler.com/dist/img/ic_user-f639d01.svg);
}

.single-signon .sso-description {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
}

.single-signon .col-sm-6 {
  margin-top: 40px;
}

.chart-container {
  background: rgba(100, 100, 100, .1);
  margin-top: 10px;
}

.general-statistic {
  padding-bottom: 10px;
}

.vt-form.general-statistic {
  max-width: 1000px;
}

.input-indent-for-icon {
  padding-right: 30px !important;
}

.toggle-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  box-sizing: border-box;
  outline: 0;
  color: white;
  cursor: pointer;
}

.youAre-select {
  margin-bottom: 20px;
}

.youAre-select .md-select-value {
  padding-right: 18px;
}

.youAre-select .md-select-value span:first-child {
  width: 100%;
}

.white-logo.nav-bar-height {
  display: none;
}

.show-request {
  padding-left: 20px;
  padding-right: 20px;
}

.show-request .hgroup-sides-margin {
  margin-left: -20px;
  margin-right: -20px;
}

@media (max-width: 470px) {
  .show-request {
    margin: 0;
  }
}

body .smartbanner {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9999;
}

@media (min-width: 800px) {
  .smartbanner-show {
    margin-top: 0 !important;
  }

  .smartbanner {
    margin-top: 0;
  }

  html[data-smartbanner-original-margin-top] {
    margin-top: 0 !important;
  }

  body .smartbanner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    z-index: 999;
  }
}

.sending-messages-row {
  line-height: 2.4;
}

.sending-messages-row .md-gap {
  border-top-color: #ffec92 !important;
  border-bottom-color: #ffec92 !important;
}

.sending-messages-row .md-left .md-half-circle {
  border-top-color: #ffec92 !important;
  border-left-color: #ffec92 !important;
}

.sending-messages-row .md-right .md-half-circle {
  border-top-color: #ffec92 !important;
  border-right-color: #ffec92 !important;
}

.clearfloat {
  display: none;
  clear: both;
}

.video-dialog {
  width: 100%;
  max-width: 840px;
}

.video-dialog .modal-video-frame {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.video-dialog .modal-video-frame iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}

.disabled-email .md-button {
  display: none;
  font-size: .7em !important;
  min-height: 30px;
}

.disabled-email button.done,
.disabled-email button.done span {
  color: #51c57e !important;
}

.disabled-email button:not([disabled]):hover {
  background-color: rgba(68, 68, 68, .2);
}

.disabled-email button.warning,
.disabled-email button.warning span {
  color: #eabe6a !important;
}

.disabled-email i.toggle-button.done {
  color: #51c57e !important;
}

.disabled-email i.toggle-button.warning {
  color: #eabe6a !important;
}

@media (min-width: 480px) {
  .disabled-email .input-indent-for-icon {
    padding-right: 90px !important;
  }

  .disabled-email .md-button {
    display: block;
  }

  .disabled-email i.toggle-button {
    display: none;
  }
}

.show-message-dialog-content {
  color: #f5f5f5;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-14 {
  font-size: 14px;
}

.i-have-question {
  margin: 40px 0px;
  text-align: center;
}

form .vt-button.md-button.remove-button {
  color: #ef5350;
}

form .vt-button.md-button.remove-button:hover {
  color: #e53935;
}

md-dialog-content .some-text {
  color: #f5f5f5;
}

.bike-components md-input-container .md-input[disabled] {
  color: #aaa;
}

md-backdrop.md-opaque {
  opacity: .9;
}

.custom-style {
  background-color: #222;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
}

.img-upload-indicator {
  color: wheat;
  padding-right: 20px;
}

.img-upload-indicator span {
  font-size: .8em;
}

.mechanics-google-map {
  width: 100%;
  height: calc(100vh - 64px);
  position: relative;
}

.map-buttons {
  position: absolute;
}

.map-buttons .md-primary.md-button.back-button {
  background: rgb(35, 35, 35);
  z-index: 20;
  margin: 8px 8px;
  color: white !important;
}

.map-buttons .md-primary.md-button.back-button.active {
  background: rgba(0, 0, 0, .5);
}

md-radio-button .md-on {
  background-color: #ffec92;
}

md-radio-button.md-checked .md-off {
  border-color: #ffec92;
}

.clearfloat {
  display: none;
  clear: both;
}

.video-dialog {
  width: 100%;
  max-width: 840px;
}

.video-dialog .modal-video-frame {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}

.video-dialog .modal-video-frame iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}

md-tabs md-ink-bar {
  background: #ffec92;
  color: #ffec92;
}

.vt-form.add-organisation,
.vt-form.edit-organisation,
.vt-form.add-station,
.vt-form.edit-station {
  width: 100%;
  padding-bottom: 15px;
}

.vt-form.add-organisation .avatar,
.vt-form.edit-organisation .avatar,
.vt-form.add-station .avatar,
.vt-form.edit-station .avatar {
  padding-top: 10px;
}

.vt-form.add-organisation .avatar .current,
.vt-form.edit-organisation .avatar .current,
.vt-form.add-station .avatar .current,
.vt-form.edit-station .avatar .current {
  max-width: 100%;
  max-height: 420px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .4), 0 6px 20px 0 rgba(0, 0, 0, .39);
}

.vt-form.add-organisation .center,
.vt-form.edit-organisation .center,
.vt-form.add-station .center,
.vt-form.edit-station .center {
  text-align: center;
}

@media (max-width: 767px) {
  .mobile-center {
    text-align: center;
  }
}

.vt-form.add-organisation,
.vt-form.add-station {
  max-width: 600px;
}

.vt-form.edit-organisation,
.vt-form.edit-station {
  max-width: 1200px;
}

.no-avatar {
  max-width: 300px;
  width: 100%;
}

.importing-file-name {
  color: #f5f5f5;
}

.vt-action-button {
  padding: 6px 17px;
  min-height: auto;
  line-height: normal;
  border: 1px solid #444;
  color: #999;
  border-radius: 6px;
  font-size: .8em;
  overflow: visible;
  cursor: pointer;
  margin: 3px;
}

.vt-action-button:disabled {
  border: 1px solid #333;
  cursor: default;
  background: none;
}

.vt-action-button:disabled span {
  color: #333;
}

.vt-action-button:disabled:hover {
  background: none;
}

.vt-action-button.yellow-button:not(:disabled) {
  background: none;
  color: #333;
  border: none;
}

.vt-action-button.yellow-button:not(:disabled):hover {
  background: none;
}

.vt-action-button.green-button:not(disabled) {
  background-color: #4caa77;
  color: black;
  border: none;
}

.vt-action-button.green-button:not(disabled):hover {
  background-color: #6cca97;
}

.vt-action-button span {
  vertical-align: baseline !important;
}

.not-happy {
  margin-bottom: 1em;
}

.not-happy a {
  font-size: .7em;
  text-decoration: none;
  color: #ffec92;
}

.not-happy a:hover {
  color: #ffffcb;
}

md-toolbar .inline-block {
  display: inline-block;
}

md-toolbar .inline-block.nav-button {
  padding-top: 12px !important;
}

md-toolbar .inline-block .request-button-container {
  padding-right: 45px;
  margin-right: 20px;
  border-right: 1px solid #303030;
}

md-tabs-canvas {
  border-bottom: 1px solid rgb(55, 55, 55);
}

.not-specified {
  color: #777;
  font-size: 1em;
  font-weight: normal;
}

.confirmation-link {
  font-size: .9em;
  color: #f5f5f5;
}

mdp-calendar button.md-button.md-raised {
  border: 0;
  padding: 0;
  margin: 0;
}

.ng-hide-add,
.ng-hide-remove {
  display: block !important;
}

.show-components {
  padding: 0;
  transition: .4s linear all;
  max-height: 100%;
  overflow: hidden;
  border-top: 1px solid #333;
  margin-top: 10px;
}

.show-components.ng-hide {
  max-height: 0;
}

button.md-button.md-raised.show-bikes-button {
  margin-left: auto;
  margin-right: auto;
}

.main-desc-form .md-button.cancel-request-btn {
  color: black;
  background-color: #ffec92;
}

.main-desc-form .md-button.cancel-request-btn:hover {
  background-color: #ffffcb !important;
}

.autocomplete__item-text {
  vertical-align: top;
}

.additional-components-form textarea:disabled {
  color: white;
}

.certificate-notes {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  border: 1px solid #292929;
  padding: 10px;
}

.certificate-notes textarea:disabled + .md-errors-spacer {
  display: none;
}

md-autocomplete[md-floating-label] md-input-container {
  padding-bottom: 0px;
  margin-bottom: 18px;
}

md-progress-linear.md-default-theme .md-bar,
md-progress-linear .md-bar {
  background-color: rgb(16, 108, 200) !important;
}

md-progress-linear.md-default-theme .md-container,
md-progress-linear .md-container {
  background-color: rgb(170, 209, 249) !important;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  background-color: rgba(0, 0, 0, 0);
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li {
  background-color: #333;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li md-autocomplete-parent-scope span {
  color: #f5f5f5;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li md-autocomplete-parent-scope span span.highlight {
  color: #ffffcb;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li.selected,
.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li:hover,
.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li:active,
.md-virtual-repeat-container.md-autocomplete-suggestions-container ul.md-autocomplete-suggestions li:focus {
  background-color: rgb(30, 30, 0);
}

.md-select-menu-container {
  position: fixed;
}

.total-statistics .total-statistics__row {
  margin: 5px;
}

.total-statistics .total-statistics__item {
  padding: 0;
}

.total-statistics .total-statistics__clock {
  text-align: center;
  color: #999;
  padding: 10px 10px 0 0;
}

.margin-right15 {
  margin-right: 15px;
}

.margin-left15 {
  margin-left: 15px;
}

.padding0 {
  padding: 0 !important;
}

.padding-bottom17 {
  padding-bottom: 17px;
}

.padding-bottom18 {
  padding-bottom: 18px;
}

.padding-left0 {
  padding-left: 0 !important;
}

.padding-right0 {
  padding-right: 0 !important;
}

.padding-right20 {
  padding-right: 20px;
}

.padding-left20 {
  padding-left: 20px;
}

.padding-left15 {
  padding-left: 15px;
}

.padding-bottom15 {
  padding-bottom: 15px;
}

.color-main {
  color: #ffec92;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.vert-middle {
  vertical-align: middle;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  z-index: 1501;
}

.padding-5 {
  padding: 5px !important;
}

.padding-4 {
  padding: 4px;
}

.no-copy {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.display_inherit {
  display: inherit !important;
}

.user-connection-indicator {
  position: absolute;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #07ff07;
  top: 69px;
  left: 39px;
  border: 3px solid #191919;
}

input[type=number] {
  -moz-appearance: textfield !important;
}

.position_relative {
  position: relative;
}

.no-scroll {
  overflow-y: hidden !important;
}

::-webkit-input-placeholder {
  color: #666 !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #666 !important;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #666 !important;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #666 !important;
}

.margin-bottom-35 {
  margin-bottom: 35px;
}

md-menu-item > a.md-button {
  padding: 10px 16px !important;
}

.reset-password__label {
  font-size: 14px;
  line-height: 15px;
  color: white;
  margin-right: 5px;
  background-color: rgba(50, 50, 50, .5);
  padding: 15px;
  border-radius: 4px;
}

.padding-right50 {
  padding-right: 50px !important;
}

.padding-right60 {
  padding-right: 60px !important;
}

.disabled {
  pointer-events: none;
}

.color_green {
  color: #51c57e !important;
}

.remove-task .remove-button {
  margin-top: 20px;
  margin-bottom: 0;
}

.additional-description__color-label {
  text-align: center;
  font-size: 19px;
  padding-top: 20px;
}

.md-dialog-container {
  padding: 0;
}

.md-open-menu-container {
  z-index: 1501;
}

.margin-auto {
  margin: auto !important;
}

.tooltip_visible {
  white-space: pre-line;
}

.grecaptcha-badge {
  display: none !important;
}

.position-absolute {
  position: absolute;
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./velotooler-ui/app/components/phone/phone-number.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.vui-phone-number {
  width: 100%;
}

.vui-phone-number .iti__flag-container {
  border-right-width: 1px;
  border-style: solid;
  border-color: rgb(45, 45, 45);
}

.vui-phone-number .iti__country-list {
  background-color: rgb(40, 40, 40);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(45, 45, 45);
}

.vui-phone-number .iti__country {
  padding-top: .5rem;
  padding-bottom: .5rem;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgb(45, 45, 45);
}

.vui-phone-number .iti__divider {
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgb(75, 75, 75);
}

.vui-phone-number input {
  background-color: transparent;
}

.vui-phone-number input ::-webkit-input-placeholder {
  color: #e3342f;
}

.vui-phone-number input ::-ms-input-placeholder {
  color: #e3342f;
}

.vui-phone-number input ::placeholder {
  color: #e3342f;
}

.vui-phone-number input ::-moz-placeholder {
  color: #e3342f;
}

.vui-phone-number__error {
  color: #ef5753;
  border-color: #ef5753;
}

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-misc/grid.css ***!
  \****************************************************************************************************************************************************************************************/
@-ms-viewport {
  width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {
  .col,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .col,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-misc/tailwind-adjustments.css ***!
  \********************************************************************************************************************************************************************************************************/
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: initial;
}

p {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

h2 {
  display: block;
  font-size: 1.5em;
  -webkit-margin-before: .83em;
  -webkit-margin-after: .83em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  font-weight: bold;
}

h3 {
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  font-weight: bold;
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/autocomplete/autocomplete.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-input-container .vui-autocomplete.vui-autocomplete--open .vui-select__dropdown,
.vui-input-container .vui-autocomplete.vui-autocomplete--open .vui-autocomplete__dropdown--background {
  display: block !important;
}

.vui-input-container .vui-autocomplete .vui-autocomplete__close {
  transition: all 250ms ease-in-out;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 9px .75rem;
  height: 1.5rem;
}

.vui-input-container .vui-autocomplete .vui-autocomplete__close svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #000;
}

.vui-input-container .vui-autocomplete.vui-autocomplete--show-close .vui-autocomplete__close {
  display: block !important;
}

.vui-input-container .vui-autocomplete.vui-autocomplete--show-close .vui-autocomplete__close svg {
  fill: rgba(0, 0, 0, .3019607843);
}

.vui-input-container .vui-autocomplete.vui-autocomplete--show-close .vui-input {
  padding-right: 3rem;
}

.vui-input-container .vui-autocomplete__dropdown--background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: none;
}

.vui-input-container.vui-form-control-lg .vui-autocomplete .vui-autocomplete__close {
  margin: 23px 14px;
}

.vui-input-container.vui-form-control-lg .vui-autocomplete .vui-input {
  padding-right: 3rem;
}

@media only screen and (max-width: 767px) {
  .vui-input-container .vui-autocomplete .vui-autocomplete__close {
    margin: 10px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/button/button.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-btn,
button.vui-btn {
  display: inline-block;
  text-align: center;
  padding: 0 1rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.vui-btn span,
button.vui-btn span {
  font-weight: 600;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  text-wrap: nowrap;
}

.vui-btn.btn-lg,
button.vui-btn.btn-lg {
  min-width: 260px;
}

.vui-btn.btn-md,
button.vui-btn.btn-md {
  min-width: 160px;
}

.vui-btn.btn-sm,
button.vui-btn.btn-sm {
  font-size: .875rem;
  border-radius: .25rem;
  min-width: 84px;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: .5rem;
  justify-content: space-between;
}

.vui-btn.btn-sm path,
button.vui-btn.btn-sm path {
  transition: stroke .15s ease-in-out;
}

.vui-btn.btn-sm.btn-sm-primary,
button.vui-btn.btn-sm.btn-sm-primary {
  padding: 9px 1rem;
  column-gap: 1rem;
  background: #fff400;
}

.vui-btn.btn-sm.btn-sm-primary span,
button.vui-btn.btn-sm.btn-sm-primary span {
  color: #000;
}

.vui-btn.btn-sm.btn-sm-primary path,
button.vui-btn.btn-sm.btn-sm-primary path {
  stroke: #000;
}

.vui-btn.btn-sm.btn-sm-primary:hover:not([disabled]),
.vui-btn.btn-sm.btn-sm-primary:active:not([disabled]),
.vui-btn.btn-sm.btn-sm-primary:focus:not([disabled]),
.vui-btn.btn-sm.btn-sm-primary.active:not([disabled]),
button.vui-btn.btn-sm.btn-sm-primary:hover:not([disabled]),
button.vui-btn.btn-sm.btn-sm-primary:active:not([disabled]),
button.vui-btn.btn-sm.btn-sm-primary:focus:not([disabled]),
button.vui-btn.btn-sm.btn-sm-primary.active:not([disabled]) {
  border-color: rgba(0, 0, 0, 0);
  background: #ffe600;
}

.vui-btn.btn-sm.btn-sm-primary:hover:not([disabled]) span,
.vui-btn.btn-sm.btn-sm-primary:active:not([disabled]) span,
.vui-btn.btn-sm.btn-sm-primary:focus:not([disabled]) span,
.vui-btn.btn-sm.btn-sm-primary.active:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-primary:hover:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-primary:active:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-primary:focus:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-primary.active:not([disabled]) span {
  color: #000;
}

.vui-btn.btn-sm.btn-sm-primary:hover:not([disabled]) path,
.vui-btn.btn-sm.btn-sm-primary:active:not([disabled]) path,
.vui-btn.btn-sm.btn-sm-primary:focus:not([disabled]) path,
.vui-btn.btn-sm.btn-sm-primary.active:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-primary:hover:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-primary:active:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-primary:focus:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-primary.active:not([disabled]) path {
  stroke: #000;
}

.vui-btn.btn-sm.btn-sm-primary[disabled],
button.vui-btn.btn-sm.btn-sm-primary[disabled] {
  cursor: default;
  opacity: .3;
}

.vui-btn.btn-sm.btn-sm-primary[disabled] span,
button.vui-btn.btn-sm.btn-sm-primary[disabled] span {
  color: #000;
}

.vui-btn.btn-sm.btn-sm-primary[disabled] path,
button.vui-btn.btn-sm.btn-sm-primary[disabled] path {
  stroke: #000;
}

.vui-btn.btn-sm.btn-outline-sm-dark,
button.vui-btn.btn-sm.btn-outline-sm-dark {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #000;
}

.vui-btn.btn-sm.btn-outline-sm-dark span,
button.vui-btn.btn-sm.btn-outline-sm-dark span {
  color: #000;
}

.vui-btn.btn-sm.btn-outline-sm-dark path,
button.vui-btn.btn-sm.btn-outline-sm-dark path {
  stroke: #000;
}

.vui-btn.btn-sm.btn-outline-sm-dark:hover:not([disabled]),
.vui-btn.btn-sm.btn-outline-sm-dark:active:not([disabled]),
.vui-btn.btn-sm.btn-outline-sm-dark:focus:not([disabled]),
.vui-btn.btn-sm.btn-outline-sm-dark.active:not([disabled]),
button.vui-btn.btn-sm.btn-outline-sm-dark:hover:not([disabled]),
button.vui-btn.btn-sm.btn-outline-sm-dark:active:not([disabled]),
button.vui-btn.btn-sm.btn-outline-sm-dark:focus:not([disabled]),
button.vui-btn.btn-sm.btn-outline-sm-dark.active:not([disabled]) {
  border-color: rgb(35, 35, 35);
  background: #000;
}

.vui-btn.btn-sm.btn-outline-sm-dark:hover:not([disabled]) span,
.vui-btn.btn-sm.btn-outline-sm-dark:active:not([disabled]) span,
.vui-btn.btn-sm.btn-outline-sm-dark:focus:not([disabled]) span,
.vui-btn.btn-sm.btn-outline-sm-dark.active:not([disabled]) span,
button.vui-btn.btn-sm.btn-outline-sm-dark:hover:not([disabled]) span,
button.vui-btn.btn-sm.btn-outline-sm-dark:active:not([disabled]) span,
button.vui-btn.btn-sm.btn-outline-sm-dark:focus:not([disabled]) span,
button.vui-btn.btn-sm.btn-outline-sm-dark.active:not([disabled]) span {
  color: #fff;
}

.vui-btn.btn-sm.btn-outline-sm-dark:hover:not([disabled]) path,
.vui-btn.btn-sm.btn-outline-sm-dark:active:not([disabled]) path,
.vui-btn.btn-sm.btn-outline-sm-dark:focus:not([disabled]) path,
.vui-btn.btn-sm.btn-outline-sm-dark.active:not([disabled]) path,
button.vui-btn.btn-sm.btn-outline-sm-dark:hover:not([disabled]) path,
button.vui-btn.btn-sm.btn-outline-sm-dark:active:not([disabled]) path,
button.vui-btn.btn-sm.btn-outline-sm-dark:focus:not([disabled]) path,
button.vui-btn.btn-sm.btn-outline-sm-dark.active:not([disabled]) path {
  stroke: #fff;
}

.vui-btn.btn-sm.btn-outline-sm-dark[disabled],
button.vui-btn.btn-sm.btn-outline-sm-dark[disabled] {
  cursor: default;
  opacity: .15;
}

.vui-btn.btn-sm.btn-outline-sm-dark[disabled] span,
button.vui-btn.btn-sm.btn-outline-sm-dark[disabled] span {
  color: #000;
}

.vui-btn.btn-sm.btn-outline-sm-dark[disabled] path,
button.vui-btn.btn-sm.btn-outline-sm-dark[disabled] path {
  stroke: #000;
}

.vui-btn.btn-sm.btn-sm-dark,
button.vui-btn.btn-sm.btn-sm-dark {
  background: #000;
  padding: .375rem .5rem;
}

.vui-btn.btn-sm.btn-sm-dark span,
button.vui-btn.btn-sm.btn-sm-dark span {
  color: #fff;
}

.vui-btn.btn-sm.btn-sm-dark path,
button.vui-btn.btn-sm.btn-sm-dark path {
  stroke: #fff;
}

.vui-btn.btn-sm.btn-sm-dark:hover:not([disabled]),
.vui-btn.btn-sm.btn-sm-dark:active:not([disabled]),
.vui-btn.btn-sm.btn-sm-dark:focus:not([disabled]),
.vui-btn.btn-sm.btn-sm-dark.active:not([disabled]),
button.vui-btn.btn-sm.btn-sm-dark:hover:not([disabled]),
button.vui-btn.btn-sm.btn-sm-dark:active:not([disabled]),
button.vui-btn.btn-sm.btn-sm-dark:focus:not([disabled]),
button.vui-btn.btn-sm.btn-sm-dark.active:not([disabled]) {
  border-color: rgba(0, 0, 0, 0);
  background: rgb(35, 35, 35);
}

.vui-btn.btn-sm.btn-sm-dark:hover:not([disabled]) span,
.vui-btn.btn-sm.btn-sm-dark:active:not([disabled]) span,
.vui-btn.btn-sm.btn-sm-dark:focus:not([disabled]) span,
.vui-btn.btn-sm.btn-sm-dark.active:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-dark:hover:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-dark:active:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-dark:focus:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-dark.active:not([disabled]) span {
  color: #fff;
}

.vui-btn.btn-sm.btn-sm-dark:hover:not([disabled]) path,
.vui-btn.btn-sm.btn-sm-dark:active:not([disabled]) path,
.vui-btn.btn-sm.btn-sm-dark:focus:not([disabled]) path,
.vui-btn.btn-sm.btn-sm-dark.active:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-dark:hover:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-dark:active:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-dark:focus:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-dark.active:not([disabled]) path {
  stroke: #fff;
}

.vui-btn.btn-sm.btn-sm-dark[disabled],
button.vui-btn.btn-sm.btn-sm-dark[disabled] {
  cursor: default;
  opacity: .1;
}

.vui-btn.btn-sm.btn-sm-dark[disabled] span,
button.vui-btn.btn-sm.btn-sm-dark[disabled] span {
  color: #fff;
}

.vui-btn.btn-sm.btn-sm-dark[disabled] path,
button.vui-btn.btn-sm.btn-sm-dark[disabled] path {
  stroke: #fff;
}

.vui-btn.btn-sm.btn-sm-tr,
button.vui-btn.btn-sm.btn-sm-tr {
  background: rgba(0, 0, 0, 0);
  padding: .375rem .5rem;
}

.vui-btn.btn-sm.btn-sm-tr span,
button.vui-btn.btn-sm.btn-sm-tr span {
  color: #000;
}

.vui-btn.btn-sm.btn-sm-tr path,
button.vui-btn.btn-sm.btn-sm-tr path {
  stroke: #000;
}

.vui-btn.btn-sm.btn-sm-tr:hover:not([disabled]),
.vui-btn.btn-sm.btn-sm-tr:active:not([disabled]),
.vui-btn.btn-sm.btn-sm-tr:focus:not([disabled]),
.vui-btn.btn-sm.btn-sm-tr.active:not([disabled]),
button.vui-btn.btn-sm.btn-sm-tr:hover:not([disabled]),
button.vui-btn.btn-sm.btn-sm-tr:active:not([disabled]),
button.vui-btn.btn-sm.btn-sm-tr:focus:not([disabled]),
button.vui-btn.btn-sm.btn-sm-tr.active:not([disabled]) {
  border-color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.vui-btn.btn-sm.btn-sm-tr:hover:not([disabled]) span,
.vui-btn.btn-sm.btn-sm-tr:active:not([disabled]) span,
.vui-btn.btn-sm.btn-sm-tr:focus:not([disabled]) span,
.vui-btn.btn-sm.btn-sm-tr.active:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-tr:hover:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-tr:active:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-tr:focus:not([disabled]) span,
button.vui-btn.btn-sm.btn-sm-tr.active:not([disabled]) span {
  color: rgba(0, 0, 0, .3019607843);
}

.vui-btn.btn-sm.btn-sm-tr:hover:not([disabled]) path,
.vui-btn.btn-sm.btn-sm-tr:active:not([disabled]) path,
.vui-btn.btn-sm.btn-sm-tr:focus:not([disabled]) path,
.vui-btn.btn-sm.btn-sm-tr.active:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-tr:hover:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-tr:active:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-tr:focus:not([disabled]) path,
button.vui-btn.btn-sm.btn-sm-tr.active:not([disabled]) path {
  stroke: rgba(0, 0, 0, .3019607843);
}

.vui-btn.btn-sm.btn-sm-tr[disabled],
button.vui-btn.btn-sm.btn-sm-tr[disabled] {
  cursor: default;
  opacity: .1;
}

.vui-btn.btn-sm.btn-sm-tr[disabled] span,
button.vui-btn.btn-sm.btn-sm-tr[disabled] span {
  color: #fff;
}

.vui-btn.btn-sm.btn-sm-tr[disabled] path,
button.vui-btn.btn-sm.btn-sm-tr[disabled] path {
  stroke: #fff;
}

.vui-btn.btn-sm svg,
button.vui-btn.btn-sm svg {
  max-height: .875rem;
}

.vui-btn.btn-sm svg path,
button.vui-btn.btn-sm svg path {
  stroke: #fff;
}

.vui-btn.btn-primary,
button.vui-btn.btn-primary {
  background: #fff400;
  border-radius: .24rem;
}

.vui-btn.btn-primary span,
button.vui-btn.btn-primary span {
  color: #000;
}

.vui-btn.btn-primary path,
button.vui-btn.btn-primary path {
  stroke: #000;
}

.vui-btn.btn-primary span,
button.vui-btn.btn-primary span {
  font-size: 1.375rem;
  line-height: 4.375rem;
}

.vui-btn.btn-primary:hover:not([disabled]),
.vui-btn.btn-primary:active:not([disabled]),
.vui-btn.btn-primary:focus:not([disabled]),
.vui-btn.btn-primary.active:not([disabled]),
button.vui-btn.btn-primary:hover:not([disabled]),
button.vui-btn.btn-primary:active:not([disabled]),
button.vui-btn.btn-primary:focus:not([disabled]),
button.vui-btn.btn-primary.active:not([disabled]) {
  border-color: rgba(0, 0, 0, 0);
  background: #ffe600;
}

.vui-btn.btn-primary:hover:not([disabled]) span,
.vui-btn.btn-primary:active:not([disabled]) span,
.vui-btn.btn-primary:focus:not([disabled]) span,
.vui-btn.btn-primary.active:not([disabled]) span,
button.vui-btn.btn-primary:hover:not([disabled]) span,
button.vui-btn.btn-primary:active:not([disabled]) span,
button.vui-btn.btn-primary:focus:not([disabled]) span,
button.vui-btn.btn-primary.active:not([disabled]) span {
  color: #000;
}

.vui-btn.btn-primary:hover:not([disabled]) path,
.vui-btn.btn-primary:active:not([disabled]) path,
.vui-btn.btn-primary:focus:not([disabled]) path,
.vui-btn.btn-primary.active:not([disabled]) path,
button.vui-btn.btn-primary:hover:not([disabled]) path,
button.vui-btn.btn-primary:active:not([disabled]) path,
button.vui-btn.btn-primary:focus:not([disabled]) path,
button.vui-btn.btn-primary.active:not([disabled]) path {
  stroke: #000;
}

.vui-btn.btn-primary[disabled],
button.vui-btn.btn-primary[disabled] {
  cursor: default;
  opacity: .3;
}

.vui-btn.btn-primary[disabled] span,
button.vui-btn.btn-primary[disabled] span {
  color: #000;
}

.vui-btn.btn-primary[disabled] path,
button.vui-btn.btn-primary[disabled] path {
  stroke: #000;
}

.vui-btn.btn-dark,
button.vui-btn.btn-dark {
  background: #000;
  border-radius: .24rem;
}

.vui-btn.btn-dark span,
button.vui-btn.btn-dark span {
  color: #fff;
}

.vui-btn.btn-dark path,
button.vui-btn.btn-dark path {
  stroke: #fff;
}

.vui-btn.btn-dark span,
button.vui-btn.btn-dark span {
  font-size: 1.375rem;
  line-height: 4.375rem;
}

.vui-btn.btn-dark:hover:not([disabled]),
.vui-btn.btn-dark:active:not([disabled]),
.vui-btn.btn-dark:focus:not([disabled]),
.vui-btn.btn-dark.active:not([disabled]),
button.vui-btn.btn-dark:hover:not([disabled]),
button.vui-btn.btn-dark:active:not([disabled]),
button.vui-btn.btn-dark:focus:not([disabled]),
button.vui-btn.btn-dark.active:not([disabled]) {
  border-color: rgba(0, 0, 0, 0);
  background: rgb(35, 35, 35);
}

.vui-btn.btn-dark:hover:not([disabled]) span,
.vui-btn.btn-dark:active:not([disabled]) span,
.vui-btn.btn-dark:focus:not([disabled]) span,
.vui-btn.btn-dark.active:not([disabled]) span,
button.vui-btn.btn-dark:hover:not([disabled]) span,
button.vui-btn.btn-dark:active:not([disabled]) span,
button.vui-btn.btn-dark:focus:not([disabled]) span,
button.vui-btn.btn-dark.active:not([disabled]) span {
  color: #fff;
}

.vui-btn.btn-dark:hover:not([disabled]) path,
.vui-btn.btn-dark:active:not([disabled]) path,
.vui-btn.btn-dark:focus:not([disabled]) path,
.vui-btn.btn-dark.active:not([disabled]) path,
button.vui-btn.btn-dark:hover:not([disabled]) path,
button.vui-btn.btn-dark:active:not([disabled]) path,
button.vui-btn.btn-dark:focus:not([disabled]) path,
button.vui-btn.btn-dark.active:not([disabled]) path {
  stroke: #fff;
}

.vui-btn.btn-dark[disabled],
button.vui-btn.btn-dark[disabled] {
  cursor: default;
  opacity: .1;
}

.vui-btn.btn-dark[disabled] span,
button.vui-btn.btn-dark[disabled] span {
  color: #fff;
}

.vui-btn.btn-dark[disabled] path,
button.vui-btn.btn-dark[disabled] path {
  stroke: #fff;
}

.vui-btn.btn-min-primary,
button.vui-btn.btn-min-primary {
  background: #fff400;
  border-radius: .24rem;
  min-width: 120px;
}

.vui-btn.btn-min-primary span,
button.vui-btn.btn-min-primary span {
  color: #000;
}

.vui-btn.btn-min-primary path,
button.vui-btn.btn-min-primary path {
  stroke: #000;
}

.vui-btn.btn-min-primary span,
button.vui-btn.btn-min-primary span {
  font-size: 1rem;
  line-height: 2.5rem;
}

.vui-btn.btn-min-primary:hover:not([disabled]),
.vui-btn.btn-min-primary:active:not([disabled]),
.vui-btn.btn-min-primary:focus:not([disabled]),
.vui-btn.btn-min-primary.active:not([disabled]),
button.vui-btn.btn-min-primary:hover:not([disabled]),
button.vui-btn.btn-min-primary:active:not([disabled]),
button.vui-btn.btn-min-primary:focus:not([disabled]),
button.vui-btn.btn-min-primary.active:not([disabled]) {
  border-color: rgba(0, 0, 0, 0);
  background: #ffe600;
}

.vui-btn.btn-min-primary:hover:not([disabled]) span,
.vui-btn.btn-min-primary:active:not([disabled]) span,
.vui-btn.btn-min-primary:focus:not([disabled]) span,
.vui-btn.btn-min-primary.active:not([disabled]) span,
button.vui-btn.btn-min-primary:hover:not([disabled]) span,
button.vui-btn.btn-min-primary:active:not([disabled]) span,
button.vui-btn.btn-min-primary:focus:not([disabled]) span,
button.vui-btn.btn-min-primary.active:not([disabled]) span {
  color: #000;
}

.vui-btn.btn-min-primary:hover:not([disabled]) path,
.vui-btn.btn-min-primary:active:not([disabled]) path,
.vui-btn.btn-min-primary:focus:not([disabled]) path,
.vui-btn.btn-min-primary.active:not([disabled]) path,
button.vui-btn.btn-min-primary:hover:not([disabled]) path,
button.vui-btn.btn-min-primary:active:not([disabled]) path,
button.vui-btn.btn-min-primary:focus:not([disabled]) path,
button.vui-btn.btn-min-primary.active:not([disabled]) path {
  stroke: #000;
}

.vui-btn.btn-min-primary[disabled],
button.vui-btn.btn-min-primary[disabled] {
  cursor: default;
  opacity: .3;
}

.vui-btn.btn-min-primary[disabled] span,
button.vui-btn.btn-min-primary[disabled] span {
  color: #000;
}

.vui-btn.btn-min-primary[disabled] path,
button.vui-btn.btn-min-primary[disabled] path {
  stroke: #000;
}

.vui-btn.btn-min-dark,
button.vui-btn.btn-min-dark {
  background: #000;
  border-radius: .25rem;
  min-width: 120px;
}

.vui-btn.btn-min-dark span,
button.vui-btn.btn-min-dark span {
  color: #fff;
}

.vui-btn.btn-min-dark path,
button.vui-btn.btn-min-dark path {
  stroke: #fff;
}

.vui-btn.btn-min-dark span,
button.vui-btn.btn-min-dark span {
  font-size: 1rem;
  line-height: 2.5rem;
}

.vui-btn.btn-min-dark:hover:not([disabled]),
.vui-btn.btn-min-dark:active:not([disabled]),
.vui-btn.btn-min-dark:focus:not([disabled]),
.vui-btn.btn-min-dark.active:not([disabled]),
button.vui-btn.btn-min-dark:hover:not([disabled]),
button.vui-btn.btn-min-dark:active:not([disabled]),
button.vui-btn.btn-min-dark:focus:not([disabled]),
button.vui-btn.btn-min-dark.active:not([disabled]) {
  border-color: rgba(0, 0, 0, 0);
  background: rgb(35, 35, 35);
}

.vui-btn.btn-min-dark:hover:not([disabled]) span,
.vui-btn.btn-min-dark:active:not([disabled]) span,
.vui-btn.btn-min-dark:focus:not([disabled]) span,
.vui-btn.btn-min-dark.active:not([disabled]) span,
button.vui-btn.btn-min-dark:hover:not([disabled]) span,
button.vui-btn.btn-min-dark:active:not([disabled]) span,
button.vui-btn.btn-min-dark:focus:not([disabled]) span,
button.vui-btn.btn-min-dark.active:not([disabled]) span {
  color: #fff;
}

.vui-btn.btn-min-dark:hover:not([disabled]) path,
.vui-btn.btn-min-dark:active:not([disabled]) path,
.vui-btn.btn-min-dark:focus:not([disabled]) path,
.vui-btn.btn-min-dark.active:not([disabled]) path,
button.vui-btn.btn-min-dark:hover:not([disabled]) path,
button.vui-btn.btn-min-dark:active:not([disabled]) path,
button.vui-btn.btn-min-dark:focus:not([disabled]) path,
button.vui-btn.btn-min-dark.active:not([disabled]) path {
  stroke: #fff;
}

.vui-btn.btn-min-dark[disabled],
button.vui-btn.btn-min-dark[disabled] {
  cursor: default;
  opacity: .1;
}

.vui-btn.btn-min-dark[disabled] span,
button.vui-btn.btn-min-dark[disabled] span {
  color: #fff;
}

.vui-btn.btn-min-dark[disabled] path,
button.vui-btn.btn-min-dark[disabled] path {
  stroke: #fff;
}

.vui-btn.btn-outline-primary,
button.vui-btn.btn-outline-primary {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff400;
  border-radius: .625rem;
}

.vui-btn.btn-outline-primary span,
button.vui-btn.btn-outline-primary span {
  color: #fff400;
}

.vui-btn.btn-outline-primary path,
button.vui-btn.btn-outline-primary path {
  stroke: #fff400;
}

.vui-btn.btn-outline-primary span,
button.vui-btn.btn-outline-primary span {
  font-size: 1.375rem;
  line-height: 4.375rem;
}

.vui-btn.btn-outline-primary:hover:not([disabled]),
.vui-btn.btn-outline-primary:active:not([disabled]),
.vui-btn.btn-outline-primary:focus:not([disabled]),
.vui-btn.btn-outline-primary.active:not([disabled]),
button.vui-btn.btn-outline-primary:hover:not([disabled]),
button.vui-btn.btn-outline-primary:active:not([disabled]),
button.vui-btn.btn-outline-primary:focus:not([disabled]),
button.vui-btn.btn-outline-primary.active:not([disabled]) {
  border-color: #ffe600;
  background: rgba(0, 0, 0, 0);
}

.vui-btn.btn-outline-primary:hover:not([disabled]) span,
.vui-btn.btn-outline-primary:active:not([disabled]) span,
.vui-btn.btn-outline-primary:focus:not([disabled]) span,
.vui-btn.btn-outline-primary.active:not([disabled]) span,
button.vui-btn.btn-outline-primary:hover:not([disabled]) span,
button.vui-btn.btn-outline-primary:active:not([disabled]) span,
button.vui-btn.btn-outline-primary:focus:not([disabled]) span,
button.vui-btn.btn-outline-primary.active:not([disabled]) span {
  color: #ffe600;
}

.vui-btn.btn-outline-primary:hover:not([disabled]) path,
.vui-btn.btn-outline-primary:active:not([disabled]) path,
.vui-btn.btn-outline-primary:focus:not([disabled]) path,
.vui-btn.btn-outline-primary.active:not([disabled]) path,
button.vui-btn.btn-outline-primary:hover:not([disabled]) path,
button.vui-btn.btn-outline-primary:active:not([disabled]) path,
button.vui-btn.btn-outline-primary:focus:not([disabled]) path,
button.vui-btn.btn-outline-primary.active:not([disabled]) path {
  stroke: #ffe600;
}

.vui-btn.btn-outline-primary[disabled],
button.vui-btn.btn-outline-primary[disabled] {
  cursor: default;
  opacity: .6;
}

.vui-btn.btn-outline-primary[disabled] span,
button.vui-btn.btn-outline-primary[disabled] span {
  color: #fff400;
}

.vui-btn.btn-outline-primary[disabled] path,
button.vui-btn.btn-outline-primary[disabled] path {
  stroke: #fff400;
}

.vui-btn.btn-outline-dark,
button.vui-btn.btn-outline-dark {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: .25rem;
}

.vui-btn.btn-outline-dark span,
button.vui-btn.btn-outline-dark span {
  color: #000;
}

.vui-btn.btn-outline-dark path,
button.vui-btn.btn-outline-dark path {
  stroke: #000;
}

.vui-btn.btn-outline-dark span,
button.vui-btn.btn-outline-dark span {
  font-size: 1.375rem;
  line-height: 4.375rem;
}

.vui-btn.btn-outline-dark:hover:not([disabled]),
.vui-btn.btn-outline-dark:active:not([disabled]),
.vui-btn.btn-outline-dark:focus:not([disabled]),
.vui-btn.btn-outline-dark.active:not([disabled]),
button.vui-btn.btn-outline-dark:hover:not([disabled]),
button.vui-btn.btn-outline-dark:active:not([disabled]),
button.vui-btn.btn-outline-dark:focus:not([disabled]),
button.vui-btn.btn-outline-dark.active:not([disabled]) {
  border-color: rgb(35, 35, 35);
  background: #000;
}

.vui-btn.btn-outline-dark:hover:not([disabled]) span,
.vui-btn.btn-outline-dark:active:not([disabled]) span,
.vui-btn.btn-outline-dark:focus:not([disabled]) span,
.vui-btn.btn-outline-dark.active:not([disabled]) span,
button.vui-btn.btn-outline-dark:hover:not([disabled]) span,
button.vui-btn.btn-outline-dark:active:not([disabled]) span,
button.vui-btn.btn-outline-dark:focus:not([disabled]) span,
button.vui-btn.btn-outline-dark.active:not([disabled]) span {
  color: #fff;
}

.vui-btn.btn-outline-dark:hover:not([disabled]) path,
.vui-btn.btn-outline-dark:active:not([disabled]) path,
.vui-btn.btn-outline-dark:focus:not([disabled]) path,
.vui-btn.btn-outline-dark.active:not([disabled]) path,
button.vui-btn.btn-outline-dark:hover:not([disabled]) path,
button.vui-btn.btn-outline-dark:active:not([disabled]) path,
button.vui-btn.btn-outline-dark:focus:not([disabled]) path,
button.vui-btn.btn-outline-dark.active:not([disabled]) path {
  stroke: #fff;
}

.vui-btn.btn-outline-dark[disabled],
button.vui-btn.btn-outline-dark[disabled] {
  cursor: default;
  opacity: .15;
}

.vui-btn.btn-outline-dark[disabled] span,
button.vui-btn.btn-outline-dark[disabled] span {
  color: #000;
}

.vui-btn.btn-outline-dark[disabled] path,
button.vui-btn.btn-outline-dark[disabled] path {
  stroke: #000;
}

.vui-btn.btn-outline-min-primary,
button.vui-btn.btn-outline-min-primary {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff400;
  border-radius: .625rem;
  min-width: 120px;
}

.vui-btn.btn-outline-min-primary span,
button.vui-btn.btn-outline-min-primary span {
  color: #fff400;
}

.vui-btn.btn-outline-min-primary path,
button.vui-btn.btn-outline-min-primary path {
  stroke: #fff400;
}

.vui-btn.btn-outline-min-primary span,
button.vui-btn.btn-outline-min-primary span {
  font-size: 1rem;
  line-height: 2.5rem;
}

.vui-btn.btn-outline-min-primary:hover:not([disabled]),
.vui-btn.btn-outline-min-primary:active:not([disabled]),
.vui-btn.btn-outline-min-primary:focus:not([disabled]),
.vui-btn.btn-outline-min-primary.active:not([disabled]),
button.vui-btn.btn-outline-min-primary:hover:not([disabled]),
button.vui-btn.btn-outline-min-primary:active:not([disabled]),
button.vui-btn.btn-outline-min-primary:focus:not([disabled]),
button.vui-btn.btn-outline-min-primary.active:not([disabled]) {
  border-color: #ffe600;
  background: rgba(0, 0, 0, 0);
}

.vui-btn.btn-outline-min-primary:hover:not([disabled]) span,
.vui-btn.btn-outline-min-primary:active:not([disabled]) span,
.vui-btn.btn-outline-min-primary:focus:not([disabled]) span,
.vui-btn.btn-outline-min-primary.active:not([disabled]) span,
button.vui-btn.btn-outline-min-primary:hover:not([disabled]) span,
button.vui-btn.btn-outline-min-primary:active:not([disabled]) span,
button.vui-btn.btn-outline-min-primary:focus:not([disabled]) span,
button.vui-btn.btn-outline-min-primary.active:not([disabled]) span {
  color: #ffe600;
}

.vui-btn.btn-outline-min-primary:hover:not([disabled]) path,
.vui-btn.btn-outline-min-primary:active:not([disabled]) path,
.vui-btn.btn-outline-min-primary:focus:not([disabled]) path,
.vui-btn.btn-outline-min-primary.active:not([disabled]) path,
button.vui-btn.btn-outline-min-primary:hover:not([disabled]) path,
button.vui-btn.btn-outline-min-primary:active:not([disabled]) path,
button.vui-btn.btn-outline-min-primary:focus:not([disabled]) path,
button.vui-btn.btn-outline-min-primary.active:not([disabled]) path {
  stroke: #ffe600;
}

.vui-btn.btn-outline-min-primary[disabled],
button.vui-btn.btn-outline-min-primary[disabled] {
  cursor: default;
  opacity: .6;
}

.vui-btn.btn-outline-min-primary[disabled] span,
button.vui-btn.btn-outline-min-primary[disabled] span {
  color: #fff400;
}

.vui-btn.btn-outline-min-primary[disabled] path,
button.vui-btn.btn-outline-min-primary[disabled] path {
  stroke: #fff400;
}

.vui-btn.btn-outline-min-dark,
button.vui-btn.btn-outline-min-dark {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: .25rem;
  min-width: 120px;
}

.vui-btn.btn-outline-min-dark span,
button.vui-btn.btn-outline-min-dark span {
  color: #000;
}

.vui-btn.btn-outline-min-dark path,
button.vui-btn.btn-outline-min-dark path {
  stroke: #000;
}

.vui-btn.btn-outline-min-dark span,
button.vui-btn.btn-outline-min-dark span {
  font-size: 1rem;
  line-height: 2.5rem;
}

.vui-btn.btn-outline-min-dark:hover:not([disabled]),
.vui-btn.btn-outline-min-dark:active:not([disabled]),
.vui-btn.btn-outline-min-dark:focus:not([disabled]),
.vui-btn.btn-outline-min-dark.active:not([disabled]),
button.vui-btn.btn-outline-min-dark:hover:not([disabled]),
button.vui-btn.btn-outline-min-dark:active:not([disabled]),
button.vui-btn.btn-outline-min-dark:focus:not([disabled]),
button.vui-btn.btn-outline-min-dark.active:not([disabled]) {
  border-color: rgb(35, 35, 35);
  background: rgba(0, 0, 0, 0);
}

.vui-btn.btn-outline-min-dark:hover:not([disabled]) span,
.vui-btn.btn-outline-min-dark:active:not([disabled]) span,
.vui-btn.btn-outline-min-dark:focus:not([disabled]) span,
.vui-btn.btn-outline-min-dark.active:not([disabled]) span,
button.vui-btn.btn-outline-min-dark:hover:not([disabled]) span,
button.vui-btn.btn-outline-min-dark:active:not([disabled]) span,
button.vui-btn.btn-outline-min-dark:focus:not([disabled]) span,
button.vui-btn.btn-outline-min-dark.active:not([disabled]) span {
  color: rgb(35, 35, 35);
}

.vui-btn.btn-outline-min-dark:hover:not([disabled]) path,
.vui-btn.btn-outline-min-dark:active:not([disabled]) path,
.vui-btn.btn-outline-min-dark:focus:not([disabled]) path,
.vui-btn.btn-outline-min-dark.active:not([disabled]) path,
button.vui-btn.btn-outline-min-dark:hover:not([disabled]) path,
button.vui-btn.btn-outline-min-dark:active:not([disabled]) path,
button.vui-btn.btn-outline-min-dark:focus:not([disabled]) path,
button.vui-btn.btn-outline-min-dark.active:not([disabled]) path {
  stroke: rgb(35, 35, 35);
}

.vui-btn.btn-outline-min-dark[disabled],
button.vui-btn.btn-outline-min-dark[disabled] {
  cursor: default;
  opacity: .15;
}

.vui-btn.btn-outline-min-dark[disabled] span,
button.vui-btn.btn-outline-min-dark[disabled] span {
  color: #000;
}

.vui-btn.btn-outline-min-dark[disabled] path,
button.vui-btn.btn-outline-min-dark[disabled] path {
  stroke: #000;
}

.vui-btn.btn-outline-min-dark span,
button.vui-btn.btn-outline-min-dark span {
  line-height: 38px;
}

.vui-btn.btn-outline-min-primary-rounded,
button.vui-btn.btn-outline-min-primary-rounded {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff400;
  border-radius: 1.5rem;
  min-width: 120px;
}

.vui-btn.btn-outline-min-primary-rounded span,
button.vui-btn.btn-outline-min-primary-rounded span {
  color: #fff400;
}

.vui-btn.btn-outline-min-primary-rounded path,
button.vui-btn.btn-outline-min-primary-rounded path {
  stroke: #fff400;
}

.vui-btn.btn-outline-min-primary-rounded span,
button.vui-btn.btn-outline-min-primary-rounded span {
  font-size: 1rem;
  line-height: 2.5rem;
}

.vui-btn.btn-outline-min-primary-rounded:hover:not([disabled]),
.vui-btn.btn-outline-min-primary-rounded:active:not([disabled]),
.vui-btn.btn-outline-min-primary-rounded:focus:not([disabled]),
.vui-btn.btn-outline-min-primary-rounded.active:not([disabled]),
button.vui-btn.btn-outline-min-primary-rounded:hover:not([disabled]),
button.vui-btn.btn-outline-min-primary-rounded:active:not([disabled]),
button.vui-btn.btn-outline-min-primary-rounded:focus:not([disabled]),
button.vui-btn.btn-outline-min-primary-rounded.active:not([disabled]) {
  border-color: #ffe600;
  background: rgba(0, 0, 0, 0);
}

.vui-btn.btn-outline-min-primary-rounded:hover:not([disabled]) span,
.vui-btn.btn-outline-min-primary-rounded:active:not([disabled]) span,
.vui-btn.btn-outline-min-primary-rounded:focus:not([disabled]) span,
.vui-btn.btn-outline-min-primary-rounded.active:not([disabled]) span,
button.vui-btn.btn-outline-min-primary-rounded:hover:not([disabled]) span,
button.vui-btn.btn-outline-min-primary-rounded:active:not([disabled]) span,
button.vui-btn.btn-outline-min-primary-rounded:focus:not([disabled]) span,
button.vui-btn.btn-outline-min-primary-rounded.active:not([disabled]) span {
  color: #ffe600;
}

.vui-btn.btn-outline-min-primary-rounded:hover:not([disabled]) path,
.vui-btn.btn-outline-min-primary-rounded:active:not([disabled]) path,
.vui-btn.btn-outline-min-primary-rounded:focus:not([disabled]) path,
.vui-btn.btn-outline-min-primary-rounded.active:not([disabled]) path,
button.vui-btn.btn-outline-min-primary-rounded:hover:not([disabled]) path,
button.vui-btn.btn-outline-min-primary-rounded:active:not([disabled]) path,
button.vui-btn.btn-outline-min-primary-rounded:focus:not([disabled]) path,
button.vui-btn.btn-outline-min-primary-rounded.active:not([disabled]) path {
  stroke: #ffe600;
}

.vui-btn.btn-outline-min-primary-rounded[disabled],
button.vui-btn.btn-outline-min-primary-rounded[disabled] {
  cursor: default;
  opacity: .6;
}

.vui-btn.btn-outline-min-primary-rounded[disabled] span,
button.vui-btn.btn-outline-min-primary-rounded[disabled] span {
  color: #fff400;
}

.vui-btn.btn-outline-min-primary-rounded[disabled] path,
button.vui-btn.btn-outline-min-primary-rounded[disabled] path {
  stroke: #fff400;
}

.vui-btn.btn-outline-min-dark-rounded,
button.vui-btn.btn-outline-min-dark-rounded {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-radius: 1.5rem;
  min-width: 120px;
}

.vui-btn.btn-outline-min-dark-rounded span,
button.vui-btn.btn-outline-min-dark-rounded span {
  color: #000;
}

.vui-btn.btn-outline-min-dark-rounded path,
button.vui-btn.btn-outline-min-dark-rounded path {
  stroke: #000;
}

.vui-btn.btn-outline-min-dark-rounded span,
button.vui-btn.btn-outline-min-dark-rounded span {
  font-size: 1rem;
  line-height: 2.5rem;
}

.vui-btn.btn-outline-min-dark-rounded:hover:not([disabled]),
.vui-btn.btn-outline-min-dark-rounded:active:not([disabled]),
.vui-btn.btn-outline-min-dark-rounded:focus:not([disabled]),
.vui-btn.btn-outline-min-dark-rounded.active:not([disabled]),
button.vui-btn.btn-outline-min-dark-rounded:hover:not([disabled]),
button.vui-btn.btn-outline-min-dark-rounded:active:not([disabled]),
button.vui-btn.btn-outline-min-dark-rounded:focus:not([disabled]),
button.vui-btn.btn-outline-min-dark-rounded.active:not([disabled]) {
  border-color: rgb(35, 35, 35);
  background: rgba(0, 0, 0, 0);
}

.vui-btn.btn-outline-min-dark-rounded:hover:not([disabled]) span,
.vui-btn.btn-outline-min-dark-rounded:active:not([disabled]) span,
.vui-btn.btn-outline-min-dark-rounded:focus:not([disabled]) span,
.vui-btn.btn-outline-min-dark-rounded.active:not([disabled]) span,
button.vui-btn.btn-outline-min-dark-rounded:hover:not([disabled]) span,
button.vui-btn.btn-outline-min-dark-rounded:active:not([disabled]) span,
button.vui-btn.btn-outline-min-dark-rounded:focus:not([disabled]) span,
button.vui-btn.btn-outline-min-dark-rounded.active:not([disabled]) span {
  color: rgb(35, 35, 35);
}

.vui-btn.btn-outline-min-dark-rounded:hover:not([disabled]) path,
.vui-btn.btn-outline-min-dark-rounded:active:not([disabled]) path,
.vui-btn.btn-outline-min-dark-rounded:focus:not([disabled]) path,
.vui-btn.btn-outline-min-dark-rounded.active:not([disabled]) path,
button.vui-btn.btn-outline-min-dark-rounded:hover:not([disabled]) path,
button.vui-btn.btn-outline-min-dark-rounded:active:not([disabled]) path,
button.vui-btn.btn-outline-min-dark-rounded:focus:not([disabled]) path,
button.vui-btn.btn-outline-min-dark-rounded.active:not([disabled]) path {
  stroke: rgb(35, 35, 35);
}

.vui-btn.btn-outline-min-dark-rounded[disabled],
button.vui-btn.btn-outline-min-dark-rounded[disabled] {
  cursor: default;
  opacity: .15;
}

.vui-btn.btn-outline-min-dark-rounded[disabled] span,
button.vui-btn.btn-outline-min-dark-rounded[disabled] span {
  color: #000;
}

.vui-btn.btn-outline-min-dark-rounded[disabled] path,
button.vui-btn.btn-outline-min-dark-rounded[disabled] path {
  stroke: #000;
}

.vui-btn:focus,
button.vui-btn:focus {
  outline: 0;
}

.vui-btn.btn-outline-dark .vui-input-group path,
button.vui-btn.btn-outline-dark .vui-input-group path {
  fill: white;
  stroke: black;
  transition: all 250ms ease-in-out;
}

.vui-btn.btn-outline-dark.active .vui-input-group path,
.vui-btn.btn-outline-dark:active .vui-input-group path,
.vui-btn.btn-outline-dark:focus .vui-input-group path,
.vui-btn.btn-outline-dark:hover .vui-input-group path,
button.vui-btn.btn-outline-dark.active .vui-input-group path,
button.vui-btn.btn-outline-dark:active .vui-input-group path,
button.vui-btn.btn-outline-dark:focus .vui-input-group path,
button.vui-btn.btn-outline-dark:hover .vui-input-group path {
  fill: black;
  stroke: white;
}

.vui-btn.vui-fab {
  width: 52px;
  height: 52px;
  padding: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
  transition: all 250ms ease-in-out;
}

.vui-btn.vui-fab.vui-fab-min {
  width: 38px;
  height: 38px;
}

.vui-btn.vui-fab.vui-fab-min svg {
  width: 38px;
  height: 38px;
}

.vui-btn.vui-fab g > *,
.vui-btn.vui-fab circle,
.vui-btn.vui-fab path {
  stroke: #000;
  transition: all 250ms ease-in-out;
}

.vui-btn.vui-fab:active,
.vui-btn.vui-fab:focus,
.vui-btn.vui-fab:hover {
  background: #fff400;
}

.vui-btn.vui-fab:active g > *,
.vui-btn.vui-fab:active circle,
.vui-btn.vui-fab:focus g > *,
.vui-btn.vui-fab:focus circle,
.vui-btn.vui-fab:hover g > *,
.vui-btn.vui-fab:hover circle {
  stroke: rgba(0, 0, 0, 0);
}

.vui-btn.vui-fab:active path,
.vui-btn.vui-fab:focus path,
.vui-btn.vui-fab:hover path {
  stroke: rgba(0, 0, 0, 0);
  fill: white;
}

@media only screen and (max-width: 767px) {
  .vui-btn.btn-primary span,
  .vui-btn.btn-dark span,
  .vui-btn.btn-min-dark span,
  .vui-btn.btn-outline-primary span,
  .vui-btn.btn-outline-dark span,
  .vui-btn.btn-outline-min-primary span,
  .vui-btn.btn-outline-min-dark span,
  .vui-btn.btn-outline-min-primary-rounded span,
  .vui-btn.btn-outline-min-dark-rounded span,
  button.vui-btn.btn-primary span,
  button.vui-btn.btn-dark span,
  button.vui-btn.btn-min-dark span,
  button.vui-btn.btn-outline-primary span,
  button.vui-btn.btn-outline-dark span,
  button.vui-btn.btn-outline-min-primary span,
  button.vui-btn.btn-outline-min-dark span,
  button.vui-btn.btn-outline-min-primary-rounded span,
  button.vui-btn.btn-outline-min-dark-rounded span {
    font-size: 1rem;
    line-height: 2.5rem;
  }

  .vui-btn.vui-fab {
    width: 38px;
    height: 38px;
  }

  .vui-btn.vui-fab svg {
    width: 38px;
    height: 38px;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/checkbox/checkbox.component.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-checkbox {
  display: flex;
  flex-direction: initial;
  align-items: center;
}

.vui-checkbox .vui-checkbox__label {
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #000;
  margin-left: .75rem;
}

.vui-checkbox .vui-checkbox__input {
  display: none;
}

.vui-checkbox .vui-checkbox__icon {
  cursor: pointer;
  height: 20px;
  width: 20px;
  display: block;
}

.vui-checkbox .vui-checkbox__icon::after {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.8333%202.5H4.16667C3.24619%202.5%202.5%203.24619%202.5%204.16667V15.8333C2.5%2016.7538%203.24619%2017.5%204.16667%2017.5H15.8333C16.7538%2017.5%2017.5%2016.7538%2017.5%2015.8333V4.16667C17.5%203.24619%2016.7538%202.5%2015.8333%202.5Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  opacity: 1;
  margin-left: -20px;
  transition: opacity .3s ease-in-out;
}

.vui-checkbox .vui-checkbox__icon::before {
  transition: opacity .3s ease-in-out;
  opacity: 0;
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.5%209.16667L10%2011.6667L18.3333%203.33333M17.5%2010V15.8333C17.5%2016.2754%2017.3244%2016.6993%2017.0118%2017.0118C16.6993%2017.3244%2016.2754%2017.5%2015.8333%2017.5H4.16667C3.72464%2017.5%203.30072%2017.3244%202.98816%2017.0118C2.67559%2016.6993%202.5%2016.2754%202.5%2015.8333V4.16667C2.5%203.72464%202.67559%203.30072%202.98816%202.98816C3.30072%202.67559%203.72464%202.5%204.16667%202.5H13.3333%22%20stroke%3D%22black%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E%0A");
}

.vui-checkbox.vui-checkbox--checked .vui-checkbox__icon::after,
.vui-checkbox:checked .vui-checkbox__icon::after {
  opacity: 0;
}

.vui-checkbox.vui-checkbox--checked .vui-checkbox__icon::before,
.vui-checkbox:checked .vui-checkbox__icon::before {
  opacity: 1;
}

.vui-checkbox.vui-checkbox--disabled .vui-checkbox__icon {
  cursor: default;
}

.vui-checkbox.vui-checkbox--disabled .vui-checkbox__icon::after {
  opacity: 1 !important;
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.8333%202.5H4.16667C3.24619%202.5%202.5%203.24619%202.5%204.16667V15.8333C2.5%2016.7538%203.24619%2017.5%204.16667%2017.5H15.8333C16.7538%2017.5%2017.5%2016.7538%2017.5%2015.8333V4.16667C17.5%203.24619%2016.7538%202.5%2015.8333%202.5Z%22%20stroke%3D%22%23808080%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.vui-checkbox.vui-checkbox--disabled .vui-checkbox__icon::before {
  opacity: 0 !important;
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/color-picker/color-picker.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-color-picker .vui-color-picker__input {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
}

.vui-color-picker .vui-color-picker__input .color {
  max-width: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: .625rem;
  border: 1px solid #ededed;
}

.vui-color-picker.vui-input-container--opened .vui-color-picker__dropdown--background,
.vui-color-picker.vui-input-container--opened .vui-color-picker__dropdown {
  display: flex !important;
  flex-direction: column;
}

.vui-color-picker .color {
  height: 2.5rem;
  width: 2.5rem;
  flex: 1 0 25%;
  max-width: 2.5rem;
  border-radius: .25rem;
  border: 1px solid #ededed;
  cursor: pointer;
  outline: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vui-color-picker .color svg {
  stroke: #ffe600;
  display: none;
}

.vui-color-picker .color.dark-red {
  background-color: #9c0000;
}

.vui-color-picker .color.red {
  background-color: #df1d1d;
}

.vui-color-picker .color.white {
  background-color: #fff;
}

.vui-color-picker .color.white svg {
  stroke: #000;
}

.vui-color-picker .color.green {
  background-color: #019902;
}

.vui-color-picker .color.light-green {
  background-color: #2df32e;
}

.vui-color-picker .color.light-green svg {
  stroke: #000;
}

.vui-color-picker .color.dark-blue {
  background-color: #000094;
}

.vui-color-picker .color.blue {
  background-color: #1819e4;
}

.vui-color-picker .color.light-blue {
  background-color: #44ebff;
}

.vui-color-picker .color.light-blue svg {
  stroke: #000;
}

.vui-color-picker .color.black {
  background-color: #000;
}

.vui-color-picker .color.grey {
  background-color: #b8b8b8;
}

.vui-color-picker .color.pink {
  background-color: #f92ff8;
}

.vui-color-picker .color.purple {
  background-color: #900c8e;
}

.vui-color-picker .color.brown {
  background-color: #944900;
}

.vui-color-picker .color.yellow {
  background-color: #fff400;
}

.vui-color-picker .color.yellow svg {
  stroke: #000;
}

.vui-color-picker .color.orange {
  background-color: #ff7439;
}

.vui-color-picker .color.carbon {
  background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #1b1b1b 10px, transparent 10px), linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px;
  color: #fff;
}

.vui-input-container .vui-color-picker__dropdown--background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: none;
}

.disabled .vui-color-picker .vui-color-picker__input .color {
  cursor: default;
}

.vui-color-picker__dropdown {
  position: absolute;
  display: none;
  background: #fff;
  width: 312px;
  height: 320px;
  padding: 1.25rem;
  border-radius: .25rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  z-index: 9999;
  flex-direction: row;
  column-gap: .5rem;
  justify-content: space-around;
}

.vui-color-picker__dropdown .vui-color-picker__dropdown-container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  align-items: center;
}

.vui-color-picker__dropdown .vui-color-picker__dropdown-container .vui-color-picker__dropdown-title {
  font-size: .875rem;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  max-width: 210px;
}

.vui-color-picker__dropdown .vui-color-picker__dropdown-container .colors-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  gap: .25rem;
  max-width: 172px;
}

.vui-color-picker__dropdown .vui-color-picker__dropdown-container .colors-container .color.active,
.vui-color-picker__dropdown .vui-color-picker__dropdown-container .colors-container .color:hover {
  max-width: 2.5rem;
  max-height: 2.5rem;
  border: 1px solid #fff400;
}

.vui-color-picker__dropdown .vui-color-picker__dropdown-container .colors-container .color.active svg,
.vui-color-picker__dropdown .vui-color-picker__dropdown-container .colors-container .color:hover svg {
  display: block;
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/date-picker/date-picker.component.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-input-container .vui-date-picker .vui-date-picker__dropdown-icon {
  position: absolute;
  right: 0;
  top: 0;
  margin: 7px .75rem;
}

.vui-input-container .vui-date-picker .vui-input {
  padding-right: 2.5rem;
  cursor: pointer;
}

.vui-input-container .vui-date-picker .vui-input::placeholder {
  color: rgb(0, 0, 0) !important;
  opacity: 1;
}

.vui-input-container .vui-date-picker.vui-input-container--opened .vui-date-picker__dropdown--background,
.vui-input-container .vui-date-picker.vui-input-container--opened .vui-date-picker__dropdown {
  display: flex !important;
  flex-direction: column;
}

.vui-input-container .vui-date-picker.vui-input-container--opened .vui-date-picker__dropdown--background .vui-date-picker__dropdown-container,
.vui-input-container .vui-date-picker.vui-input-container--opened .vui-date-picker__dropdown .vui-date-picker__dropdown-container {
  display: flex;
}

.vui-input-container .vui-date-picker.vui-input-container--opened .vui-date-picker__dropdown--background .vui-date-picker__clear,
.vui-input-container .vui-date-picker.vui-input-container--opened .vui-date-picker__dropdown .vui-date-picker__clear {
  display: flex;
  justify-content: end;
}

.vui-input-container .vui-date-picker.vui-input-container--opened .vui-date-picker__dropdown--background .vui-date-picker__clear .btn-sm,
.vui-input-container .vui-date-picker.vui-input-container--opened .vui-date-picker__dropdown .vui-date-picker__clear .btn-sm {
  font-size: .75rem;
  margin-top: .5rem;
  min-width: 46px;
}

.vui-input-container .vui-date-picker__dropdown--background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: none;
}

.vui-input-container.vui-input-container__filter {
  margin: 0;
}

.vui-input-container.vui-input-container__filter .vui-input {
  font-size: .75rem;
  line-height: .75rem;
  padding: .5rem 1rem;
  height: 2rem;
  border: 1px solid #ededed;
  font-weight: 500;
}

.vui-input-container.vui-input-container__filter .vui-date-picker__dropdown-icon {
  width: .625rem;
  height: .625rem;
  margin: .6875rem 1rem;
}

.vui-input-container.vui-form-control-lg .vui-date-picker .vui-date-picker__dropdown-icon {
  margin: 1.875rem 1rem;
}

.vui-input-container.vui-form-control-lg .vui-date-picker .vui-input {
  padding-right: 3rem;
}

.vui-date-picker__dropdown {
  position: absolute;
  display: none;
  background: #fff;
  min-width: 170px;
  border-radius: .25rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  max-height: 280px;
  z-index: 9999;
  padding: .5rem;
  flex-direction: row;
  column-gap: .5rem;
  justify-content: space-around;
  max-width: 250px;
}

.vui-date-picker__dropdown .date-picker__days {
  min-width: 30px;
}

.vui-date-picker__dropdown .date-picker__months {
  min-width: 56px;
}

.vui-date-picker__dropdown .date-picker__years {
  min-width: 50px;
}

.vui-date-picker__dropdown .date-picker-list {
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
  width: 100%;
}

.vui-date-picker__dropdown .date-picker-list .date-picker-list__title {
  font-size: .75rem;
  font-weight: 600;
  line-height: .875rem;
  text-align: center;
  text-transform: uppercase;
}

.vui-date-picker__dropdown .date-picker-list .date-picker-list__items {
  font-size: .875rem;
  line-height: 17px;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
  max-height: 120px;
  overflow-y: auto;
}

.vui-date-picker__dropdown .date-picker-list .date-picker-list__items .date-picker-list__item {
  cursor: pointer;
  transition: all 250ms ease-in-out;
  border-radius: 2px;
}

.vui-date-picker__dropdown .date-picker-list .date-picker-list__items .date-picker-list__item.active {
  font-weight: 600;
}

.vui-date-picker__dropdown .date-picker-list .date-picker-list__items .date-picker-list__item:active,
.vui-date-picker__dropdown .date-picker-list .date-picker-list__items .date-picker-list__item:hover {
  background: rgba(0, 0, 0, .06);
  font-weight: 600;
}

.vui-date-picker__dropdown .date-picker-list__items::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  border-radius: 3px;
  background-color: transparent;
}

.vui-date-picker__dropdown .date-picker-list__items::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.vui-date-picker__dropdown .date-picker-list__items::-webkit-scrollbar-thumb {
  background: #e6e6e6;
}

@media only screen and (max-width: 767px) {
  .vui-input-container .vui-date-picker .vui-date-picker__dropdown-icon,
  .vui-input-container.vui-form-control-lg .vui-date-picker .vui-date-picker__dropdown-icon {
    margin: .5rem .75rem;
  }

  .vui-input-container .vui-date-picker .vui-input,
  .vui-input-container.vui-form-control-lg .vui-date-picker .vui-input {
    padding-right: 2rem;
  }

  .vui-input-container.vui-input-container__filter .vui-date-picker__dropdown-icon,
  .vui-input-container.vui-form-control-lg.vui-input-container__filter .vui-date-picker__dropdown-icon {
    width: .625rem;
    height: .625rem;
    margin: .6875rem 1rem;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/dropdown-list/dropdown-list.component.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-select__dropdown {
  position: absolute;
  display: none;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  margin-top: 20px;
  margin-bottom: 20px;
  max-height: 350px;
  overflow-y: auto;
  z-index: 9999;
  scrollbar-color: rgba(255, 255, 255, .8) rgba(0, 0, 0, 0) !important;
  scrollbar-width: thin !important;
}

.vui-select__dropdown::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  border-radius: 3px;
  background-color: transparent;
}

.vui-select__dropdown::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.vui-select__dropdown::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
  background-color: rgba(0, 0, 0, .2);
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/input-container/input-container.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-input-container {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  transition: all 250ms ease-in-out;
  /*&.vui-input-container--focused {
    label {
      opacity: 1;
      top: 1px;
    }
  }

  &.vui-form-control-lg.vui-input-container--focused {
    label {
      top: 4px;
    }
  }*/
}

.vui-input-container.vui-form-control-lg {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.vui-input-container.vui-form-control-lg .vui-input,
.vui-input-container.vui-form-control-lg .vui-input-container__autocomplete input {
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 1.375rem;
}

.vui-input-container.vui-form-control-lg input.vui-input,
.vui-input-container.vui-form-control-lg .vui-input-container__autocomplete input {
  height: 4.375rem;
}

.vui-input-container.vui-form-control-lg textarea.vui-input {
  min-height: 4.375rem;
}

.vui-input-container.vui-form-control-lg label {
  font-size: .875rem;
  line-height: .875rem;
}

.vui-input-container .vui-input,
.vui-input-container .vui-input-container__autocomplete input {
  width: 100%;
  font-size: .875rem;
  font-weight: 600;
  padding: .75rem 1.25rem;
  border-radius: .25rem;
  height: 2.5rem;
  border: 1px solid #b3b3b3;
  background: #fff;
}

.vui-input-container .vui-input:active,
.vui-input-container .vui-input:hover,
.vui-input-container .vui-input:focus,
.vui-input-container .vui-input-container__autocomplete input:active,
.vui-input-container .vui-input-container__autocomplete input:hover,
.vui-input-container .vui-input-container__autocomplete input:focus {
  border: 1px solid #ffe600;
}

.vui-input-container .vui-input::placeholder,
.vui-input-container .vui-input-container__autocomplete input::placeholder {
  color: #b3b3b3 !important;
  opacity: 1;
  font-weight: 600;
}

.vui-input-container label {
  opacity: 0;
  color: #000;
  position: absolute;
  top: 1rem;
  font-weight: 400;
  font-size: .75rem;
  line-height: .75rem;
  transition: all 250ms ease-in-out;
}

.vui-input-container .vui-input::placeholder,
.vui-input-container .vui-input-container__autocomplete input::placeholder {
  font-weight: 600;
}

.vui-input-container .vui-input:disabled,
.vui-input-container .vui-input-container__autocomplete input:disabled {
  border: 1px solid #f3f3f3;
  background: #f3f3f3;
}

.vui-input-container .vui-input:disabled:active,
.vui-input-container .vui-input:disabled:hover,
.vui-input-container .vui-input:disabled:focus,
.vui-input-container .vui-input-container__autocomplete input:disabled:active,
.vui-input-container .vui-input-container__autocomplete input:disabled:hover,
.vui-input-container .vui-input-container__autocomplete input:disabled:focus {
  border: 1px solid #f3f3f3;
}

.vui-input-container .vui-input:disabled::placeholder,
.vui-input-container .vui-input-container__autocomplete input:disabled::placeholder {
  color: #b3b3b3 !important;
  opacity: 1;
  font-weight: 600;
}

.vui-input-container.vui-form-control-grey .vui-input,
.vui-input-container.vui-form-control-grey .vui-input-container__autocomplete input {
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
}

.vui-input-container.vui-form-control-grey .vui-input:active,
.vui-input-container.vui-form-control-grey .vui-input:hover,
.vui-input-container.vui-form-control-grey .vui-input:focus,
.vui-input-container.vui-form-control-grey .vui-input-container__autocomplete input:active,
.vui-input-container.vui-form-control-grey .vui-input-container__autocomplete input:hover,
.vui-input-container.vui-form-control-grey .vui-input-container__autocomplete input:focus {
  border: 1px solid #f5f5f5;
}

.vui-input-container.vui-form-control-grey .vui-input::placeholder,
.vui-input-container.vui-form-control-grey .vui-input-container__autocomplete input::placeholder {
  color: #b3b3b3 !important;
  opacity: 1;
  font-weight: 600;
}

.vui-input-container.vui-form-control-grey .vui-input:disabled,
.vui-input-container.vui-form-control-grey .vui-input-container__autocomplete input:disabled {
  border: 1px solid #eee;
  background: #eee;
}

.vui-input-container.vui-form-control-grey .vui-input:disabled:active,
.vui-input-container.vui-form-control-grey .vui-input:disabled:hover,
.vui-input-container.vui-form-control-grey .vui-input:disabled:focus,
.vui-input-container.vui-form-control-grey .vui-input-container__autocomplete input:disabled:active,
.vui-input-container.vui-form-control-grey .vui-input-container__autocomplete input:disabled:hover,
.vui-input-container.vui-form-control-grey .vui-input-container__autocomplete input:disabled:focus {
  border: 1px solid #eee;
}

.vui-input-container.vui-form-control-grey .vui-input:disabled::placeholder,
.vui-input-container.vui-form-control-grey .vui-input-container__autocomplete input:disabled::placeholder {
  color: #b3b3b3 !important;
  opacity: 1;
  font-weight: 600;
}

.vui-input-container label {
  opacity: 1;
  top: -16px;
}

.vui-input-container.vui-form-control-lg label {
  top: -20px;
}

.vui-input-container.vui-form-control-lg .error span {
  font-size: .875rem;
  line-height: 1rem;
}

.vui-input-container .vui-input-group g > * {
  stroke: #c8c8c8;
}

.vui-input-container .error span {
  color: #b00000;
  font-size: .75rem;
  line-height: 1rem;
  font-weight: 600;
  text-wrap: nowrap;
}

.vui-form.ng-invalid .vui-input-container .vui-input.ng-invalid.ng-dirty,
.vui-form.ng-invalid .vui-input-container .vui-input-container__autocomplete input.ng-invalid.ng-dirty {
  border: 1px solid #b00000;
  color: #b00000;
}

.vui-form.ng-invalid .vui-input-container .ng-invalid.ng-dirty + vui-input-group .vui-input-group g > * {
  stroke: #b00000;
}

.vui-form.ng-invalid.ng-submitted .vui-input-container .vui-input.ng-invalid,
.vui-form.ng-invalid.ng-submitted .vui-input-container .vui-input-container__autocomplete input.ng-invalid.ng-dirty {
  border: 1px solid #b00000;
  color: #b00000;
}

.vui-form.ng-invalid.ng-submitted .vui-input-container .ng-invalid + vui-input-group .vui-input-group g > * {
  stroke: #b00000;
}

@media only screen and (max-width: 767px) {
  .vui-input-container.vui-form-control-lg .vui-input,
  .vui-input-container.vui-form-control-lg .vui-input-container__autocomplete input {
    font-size: .875rem;
    line-height: .875rem;
    padding: .75rem 1.25rem;
    height: 40px;
  }

  .vui-input-container.vui-form-control-lg input.vui-input,
  .vui-input-container.vui-form-control-lg .vui-input-container__autocomplete input {
    height: 2.5rem;
  }

  .vui-input-container.vui-form-control-lg textarea.vui-input {
    height: 2.625rem;
  }

  .vui-input-container.vui-form-control-lg label {
    font-size: .75rem;
    line-height: .75rem;
    top: -16px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/input-filter/input-filter.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-input-container__filter.vui-input-container .vui-autocomplete .vui-input::placeholder {
  color: rgb(0, 0, 0) !important;
  opacity: 1;
}

.vui-input-container__filter.vui-input-container .vui-autocomplete.vui-autocomplete--show-close .vui-input {
  padding-right: 1.5rem;
}

.vui-input-container__filter.vui-input-container .vui-autocomplete .vui-autocomplete__close {
  margin: .5rem .25rem;
  height: 1rem;
}

.vui-input-container__filter.vui-input-container .vui-autocomplete .vui-autocomplete__close svg {
  width: 1rem;
  height: 1rem;
}

.vui-input-container .vui-input-filter .vui-input::placeholder {
  color: rgb(0, 0, 0) !important;
  opacity: 1;
}

.vui-input-container .vui-input-filter .vui-input-filter__dropdown-icon {
  position: absolute;
  right: 0;
  top: 0;
  margin: 17px .75rem;
  transition: all 250ms ease-in-out;
}

.vui-input-container .vui-input-filter .vui-input {
  padding-right: 2.5rem;
  cursor: pointer;
}

.vui-input-container .vui-input-filter .vui-select__dropdown {
  padding: .5rem;
}

.vui-input-container .vui-input-filter .vui-select__dropdown .vui-input-filter {
  padding: .5rem 1rem .5rem 2rem;
}

.vui-input-container .vui-input-filter .vui-select__dropdown svg {
  position: absolute;
  left: 1rem;
  top: 1rem;
}

.vui-input-container .vui-input-filter.vui-input-container--opened .vui-input-filter__dropdown-icon {
  transform: rotate(180deg);
}

.vui-input-container .vui-input-filter.vui-input-container--opened .vui-input-filter__dropdown--background,
.vui-input-container .vui-input-filter.vui-input-container--opened .vui-select__dropdown {
  display: block !important;
}

.vui-input-container .vui-input-filter__dropdown--background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: none;
}

.vui-input-container.vui-input-container__filter {
  margin: 0;
}

.vui-input-container.vui-input-container__filter .vui-input {
  font-size: .75rem;
  line-height: .75rem;
  padding: .5rem 1rem;
  height: 2rem;
  border: 1px solid #ededed;
  font-weight: 500;
}

.vui-input-container.vui-input-container__filter .vui-input-filter__dropdown-icon {
  width: .625rem;
  height: .625rem;
  margin: .6875rem 1rem;
}

.vui-input-container.vui-input-container__filter .vui-input-filter__option {
  font-size: .75rem;
  line-height: 2.25rem;
}

.vui-input-container.vui-form-control-lg .vui-input-filter .vui-input-filter__dropdown-icon {
  margin: 1.875rem 1rem;
}

.vui-input-container.vui-form-control-lg .vui-input-filter .vui-input {
  padding-right: 3rem;
}

@media only screen and (max-width: 767px) {
  .vui-input-container .vui-input-filter .vui-input-filter__dropdown-icon,
  .vui-input-container.vui-form-control-lg .vui-input-filter .vui-input-filter__dropdown-icon {
    margin: 16px 12px;
  }

  .vui-input-container .vui-input-filter .vui-input,
  .vui-input-container.vui-form-control-lg .vui-input-filter .vui-input {
    padding-right: 2rem;
  }

  .vui-input-container.vui-input-container__filter .vui-input-filter__dropdown-icon,
  .vui-input-container.vui-form-control-lg.vui-input-container__filter .vui-input-filter__dropdown-icon {
    width: .625rem;
    height: .625rem;
    margin: .6875rem 1rem;
  }
}

/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/label/label.component.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-label {
  line-height: 1rem;
  color: #000;
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/link/link.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-href {
  color: #000;
}

.vui-href:hover,
.vui-href:focus,
.vui-href:active {
  color: rgba(0, 0, 0, .3019607843);
}

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/location-autocomplete/location-autocomplete.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/location-filter/location-filter.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-input-container .vui-location-filter .vui-location-filter__dropdown-icon {
  position: absolute;
  right: 0;
  top: 0;
  margin: 17px .75rem;
  transition: all 250ms ease-in-out;
}

.vui-input-container .vui-location-filter .vui-input {
  padding-right: 2.5rem;
  cursor: pointer;
}

.vui-input-container .vui-location-filter .vui-input::placeholder {
  color: rgb(0, 0, 0) !important;
  opacity: 1;
}

.vui-input-container .vui-location-filter .vui-select__dropdown {
  padding: .5rem;
}

.vui-input-container .vui-location-filter .vui-select__dropdown .vui-autocomplete .vui-select__dropdown {
  display: none !important;
}

.vui-input-container .vui-location-filter .vui-select__dropdown .vui-autocomplete.vui-autocomplete--open .vui-autocomplete__dropdown--background {
  display: none !important;
}

.vui-input-container .vui-location-filter .vui-select__dropdown .vui-autocomplete.vui-autocomplete--open .vui-select__dropdown {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100% !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  display: block !important;
}

.vui-input-container .vui-location-filter .vui-select__dropdown svg {
  position: absolute;
  left: .625rem;
  top: 1rem;
  width: 1rem;
  height: 1rem;
}

.vui-input-container .vui-location-filter .vui-select__dropdown .vui-input {
  padding: .5rem 1rem .5rem 2rem;
}

.vui-input-container .vui-location-filter.vui-input-container--opened .vui-location-filter__dropdown-icon {
  transform: rotate(180deg);
}

.vui-input-container .vui-location-filter.vui-input-container--opened .vui-location-filter__dropdown--background,
.vui-input-container .vui-location-filter.vui-input-container--opened .vui-select__dropdown {
  display: block !important;
}

.vui-input-container .vui-location-filter__dropdown--background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: none;
}

.vui-input-container.vui-input-container__filter {
  margin: 0;
}

.vui-input-container.vui-input-container__filter .vui-input {
  font-size: .75rem;
  line-height: .75rem;
  padding: .5rem 1rem;
  height: 2rem;
  border: 1px solid #ededed;
  font-weight: 500;
}

.vui-input-container.vui-input-container__filter .vui-location-filter__dropdown-icon {
  width: .625rem;
  height: .625rem;
  margin: .6875rem 1rem;
}

.vui-input-container.vui-input-container__filter .vui-location-filter__option {
  font-size: .75rem;
  line-height: 2.25rem;
}

.vui-input-container.vui-form-control-lg .vui-location-filter .vui-location-filter__dropdown-icon {
  margin: 1.875rem 1rem;
}

.vui-input-container.vui-form-control-lg .vui-location-filter .vui-input {
  padding-right: 3rem;
}

@media only screen and (max-width: 767px) {
  .vui-input-container .vui-location-filter .vui-location-filter__dropdown-icon,
  .vui-input-container.vui-form-control-lg .vui-location-filter .vui-location-filter__dropdown-icon {
    margin: 16px 12px;
  }

  .vui-input-container .vui-location-filter .vui-input,
  .vui-input-container.vui-form-control-lg .vui-location-filter .vui-input {
    padding-right: 2rem;
  }

  .vui-input-container.vui-input-container__filter .vui-location-filter__dropdown-icon,
  .vui-input-container.vui-form-control-lg.vui-input-container__filter .vui-location-filter__dropdown-icon {
    width: .625rem;
    height: .625rem;
    margin: .6875rem 1rem;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/more-action/more-action.component.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-more-action,
.vui-more-action a {
  font-size: .875rem;
  line-height: 2.5rem;
  padding: 0 1.25rem;
  font-weight: 600;
  cursor: pointer;
  color: rgb(0, 0, 0);
  width: 100%;
  transition: all 200ms ease-in-out;
  display: flex;
  flex-direction: row;
  column-gap: .5rem;
  height: 2rem;
  align-items: center;
}

.vui-more-action span,
.vui-more-action a span {
  font-size: .75rem;
  font-weight: 400;
  line-height: .75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: none;
}

.vui-more-action a {
  padding: 0;
}

.vui-more-action:hover,
.vui-more-action:focus {
  color: #000;
  background: #f6f6f6;
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/more-button/more-button.component.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-more-btn .vui-more-btn__content {
  max-height: 1.5rem;
}

.vui-more-btn .vui-edit-btn path {
  stroke: #000;
}

.vui-more-btn .vui-more-btn__dropdown-icon {
  position: absolute;
  right: 0;
  top: 0;
  margin: 17px .75rem;
  transition: all 250ms ease-in-out;
}

.vui-more-btn.vui-input-container--opened .vui-more-btn__dropdown-icon {
  transform: rotate(180deg);
}

.vui-more-btn.vui-input-container--opened .vui-more-btn__dropdown--background,
.vui-more-btn.vui-input-container--opened .vui-select__dropdown {
  display: block !important;
}

.vui-more-btn.vui-input-container--opened .vui-select__dropdown {
  position: fixed;
}

.vui-more-btn__dropdown--background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: none;
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/multiselect-filter/multiselect-filter.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-input-container .vui-multiselect-filter .vui-input::placeholder {
  color: rgb(0, 0, 0) !important;
  opacity: 1;
}

.vui-input-container .vui-multiselect-filter .vui-multiselect-filter__dropdown-icon {
  position: absolute;
  right: 0;
  top: 0;
  margin: 17px .75rem;
  transition: all 250ms ease-in-out;
}

.vui-input-container .vui-multiselect-filter .vui-input {
  cursor: pointer;
  padding: .5rem 2rem .5rem 1rem !important;
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vui-input-container .vui-multiselect-filter.vui-input-container--opened .vui-multiselect-filter__dropdown-icon {
  transform: rotate(180deg);
}

.vui-input-container .vui-multiselect-filter.vui-input-container--opened .vui-multiselect-filter__dropdown--background,
.vui-input-container .vui-multiselect-filter.vui-input-container--opened .vui-select__dropdown {
  display: block !important;
}

.vui-input-container .vui-multiselect-filter__dropdown--background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: none;
  z-index: 5;
}

.vui-input-container.vui-input-container__filter {
  margin: 0;
}

.vui-input-container.vui-input-container__filter .vui-input {
  font-size: .75rem;
  line-height: .75rem;
  padding: .5rem 1rem;
  height: 2rem;
  border: 1px solid #ededed;
  font-weight: 500;
}

.vui-input-container.vui-input-container__filter .vui-multiselect-filter__dropdown-icon {
  width: .625rem;
  height: .625rem;
  margin: .6875rem 1rem;
}

.vui-input-container.vui-input-container__filter .vui-select__option {
  font-size: .75rem;
  line-height: 2.25rem;
}

.vui-input-container .vui-select__option {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  align-items: center;
}

.vui-input-container .vui-select__option span {
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vui-input-container .vui-checkbox__icon {
  cursor: pointer;
  height: 1.5rem;
  width: 1.25rem;
  display: block;
}

.vui-input-container .vui-checkbox__icon::after {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.8333%202.5H4.16667C3.24619%202.5%202.5%203.24619%202.5%204.16667V15.8333C2.5%2016.7538%203.24619%2017.5%204.16667%2017.5H15.8333C16.7538%2017.5%2017.5%2016.7538%2017.5%2015.8333V4.16667C17.5%203.24619%2016.7538%202.5%2015.8333%202.5Z%22%20stroke%3D%22%23808080%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  opacity: 1;
  margin-left: -1.25rem;
  transition: opacity .3s ease-in-out;
}

.vui-input-container .vui-checkbox__icon::before {
  transition: opacity .3s ease-in-out;
  opacity: 0;
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.5%209.16667L10%2011.6667L18.3333%203.33333M17.5%2010V15.8333C17.5%2016.2754%2017.3244%2016.6993%2017.0118%2017.0118C16.6993%2017.3244%2016.2754%2017.5%2015.8333%2017.5H4.16667C3.72464%2017.5%203.30072%2017.3244%202.98816%2017.0118C2.67559%2016.6993%202.5%2016.2754%202.5%2015.8333V4.16667C2.5%203.72464%202.67559%203.30072%202.98816%202.98816C3.30072%202.67559%203.72464%202.5%204.16667%202.5H13.3333%22%20stroke%3D%22%23808080%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E%0A");
}

.vui-input-container .active .vui-checkbox__icon::after {
  opacity: 0;
}

.vui-input-container .active .vui-checkbox__icon::before {
  opacity: 1;
}

.vui-input-container.vui-form-control-lg .vui-multiselect-filter .vui-multiselect-filter__dropdown-icon {
  margin: 1.875rem 1rem;
}

.vui-input-container.vui-form-control-lg .vui-multiselect-filter .vui-input {
  padding-right: 3rem;
}

@media only screen and (max-width: 767px) {
  .vui-input-container .vui-multiselect-filter .vui-multiselect-filter__dropdown-icon,
  .vui-input-container.vui-form-control-lg .vui-multiselect-filter .vui-multiselect-filter__dropdown-icon {
    margin: 1rem .75rem;
  }

  .vui-input-container .vui-multiselect-filter .vui-input,
  .vui-input-container.vui-form-control-lg .vui-multiselect-filter .vui-input {
    padding-right: 2rem;
  }

  .vui-input-container.vui-input-container__filter .vui-multiselect-filter__dropdown-icon,
  .vui-input-container.vui-form-control-lg.vui-input-container__filter .vui-multiselect-filter__dropdown-icon {
    width: .625rem;
    height: .625rem;
    margin: .6875rem 1rem;
  }
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/option/option.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-select__option {
  font-size: .875rem;
  line-height: 2.5rem;
  padding: 0 .5rem;
  font-weight: 400;
  cursor: pointer;
  color: rgb(0, 0, 0);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  transition: all 200ms ease-in-out;
}

.vui-form-control-lg .vui-select__option {
  font-size: 1rem;
  line-height: 4.375rem;
}

.vui-select__option:hover,
.vui-select__option:focus,
.vui-select__option.active,
.active .vui-select__option {
  color: #000;
  background: #f6f6f6;
}

@media only screen and (max-width: 767px) {
  .vui-form-control-lg .vui-select__option {
    font-size: .875rem;
    line-height: 2.5rem;
  }
}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/popover/popover.component.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-popover-container .vui-popover .vui-popover__input {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
}

.vui-popover-container .vui-popover.vui-popover-container--opened .vui-popover__dropdown--background {
  display: flex !important;
}

.vui-popover-container .vui-popover.vui-popover-container--opened .vui-popover__dropdown {
  display: flex !important;
  flex-direction: column;
  opacity: 1;
}

.vui-popover-container .vui-popover.vui-popover-container--opened.vui-popover-container--opening .vui-popover__dropdown {
  opacity: 0;
}

.vui-popover-container .vui-popover__dropdown--background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: none;
}

.vui-popover-container.disabled .vui-popover .vui-popover__input .color {
  cursor: default;
}

.vui-popover__dropdown {
  position: absolute;
  display: none;
  background: #fff;
  padding: 1.25rem;
  border-radius: .25rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  z-index: 9999;
  flex-direction: row;
  column-gap: .5rem;
  justify-content: space-around;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}

.vui-popover__dropdown .vui-popover__dropdown-container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  align-items: center;
}

.vui-popover__dropdown .vui-popover__dropdown-container .vui-popover__dropdown-title {
  font-size: .875rem;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  max-width: 210px;
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/radio-button/radio-button.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-radio-button {
  display: flex;
  flex-direction: initial;
  align-items: center;
  margin: .75rem 0;
}

.vui-radio-button .vui-radio-button__label {
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #000;
  margin-left: 1.25rem;
}

.vui-radio-button .vui-radio-button__input {
  display: none;
}

.vui-radio-button .vui-radio-button__icon {
  cursor: pointer;
  height: 20px;
  width: 20px;
  display: block;
}

.vui-radio-button .vui-radio-button__icon::after {
  content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M10.0003 18.3327C14.6027 18.3327 18.3337 14.6017 18.3337 9.99935C18.3337 5.39698 14.6027 1.66602 10.0003 1.66602C5.39795 1.66602 1.66699 5.39698 1.66699 9.99935C1.66699 14.6017 5.39795 18.3327 10.0003 18.3327Z%27 stroke=%27black%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  opacity: 1;
  margin-left: -20px;
  transition: opacity .3s ease-in-out;
}

.vui-radio-button .vui-radio-button__icon::before {
  transition: opacity .3s ease-in-out;
  opacity: 0;
  content: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10.0003 18.3327C14.6027 18.3327 18.3337 14.6017 18.3337 9.99935C18.3337 5.39698 14.6027 1.66602 10.0003 1.66602C5.39795 1.66602 1.66699 5.39698 1.66699 9.99935C1.66699 14.6017 5.39795 18.3327 10.0003 18.3327Z%27 stroke=%27black%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M10.0003 12.4993C11.381 12.4993 12.5003 11.3801 12.5003 9.99935C12.5003 8.61864 11.381 7.49935 10.0003 7.49935C8.61961 7.49935 7.50033 8.61864 7.50033 9.99935C7.50033 11.3801 8.61961 12.4993 10.0003 12.4993Z%27 stroke=%27black%27 stroke-width=%271.66667%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
}

.vui-radio-button.vui-radio-button--checked .vui-radio-button__icon::after,
.vui-radio-button:checked .vui-radio-button__icon::after {
  opacity: 0;
}

.vui-radio-button.vui-radio-button--checked .vui-radio-button__icon::before,
.vui-radio-button:checked .vui-radio-button__icon::before {
  opacity: 1;
}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/required-label/required-label.component.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-required-label {
  color: #b00000;
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/scroll/simple-scrollbar.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.simplebar-scrollbar:before,
.simplebar-scrollbar.simplebar-visible:before {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .8);
  background-color: rgba(255, 255, 255, .8);
  opacity: 1;
}

.simplebar-horizontal .simplebar-scrollbar:before {
  height: 6px;
}

.simplebar-vertical .simplebar-scrollbar:before {
  width: 6px;
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/directives/select/select.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-input-container .vui-select .vui-select__dropdown-icon {
  position: absolute;
  right: 0;
  top: 0;
  margin: 17px .75rem;
  transition: all 250ms ease-in-out;
}

.vui-input-container .vui-select .vui-input {
  padding-right: 2.5rem;
  cursor: pointer;
}

.vui-input-container .vui-select .vui-input::placeholder {
  color: rgb(0, 0, 0) !important;
  opacity: 1;
}

.vui-input-container .vui-select.vui-input-container--opened .vui-select__dropdown-icon {
  transform: rotate(180deg);
}

.vui-input-container .vui-select.vui-input-container--opened .vui-select__dropdown--background,
.vui-input-container .vui-select.vui-input-container--opened .vui-select__dropdown {
  display: block !important;
}

.vui-input-container .vui-select.vui-select--disabled .vui-input {
  cursor: default;
}

.vui-input-container .vui-select.vui-select--disabled .vui-select__dropdown-icon path {
  stroke: #c8c8c8;
}

.vui-input-container .vui-select__dropdown--background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: none;
}

.vui-input-container.vui-input-container__filter {
  margin: 0;
}

.vui-input-container.vui-input-container__filter .vui-input {
  font-size: .75rem;
  line-height: .75rem;
  padding: .5rem 1rem;
  height: 2rem;
  border: 1px solid #ededed;
  font-weight: 500;
}

.vui-input-container.vui-input-container__filter .vui-select__dropdown-icon {
  width: .625rem;
  height: .625rem;
  margin: .6875rem 1rem;
}

.vui-input-container.vui-input-container__filter .vui-select__option {
  font-size: .75rem;
  line-height: 2.25rem;
}

.vui-input-container.vui-form-control-lg .vui-select .vui-select__dropdown-icon {
  margin: 1.875rem 1rem;
}

.vui-input-container.vui-form-control-lg .vui-select .vui-input {
  padding-right: 3rem;
}

@media only screen and (max-width: 767px) {
  .vui-input-container .vui-select .vui-select__dropdown-icon,
  .vui-input-container.vui-form-control-lg .vui-select .vui-select__dropdown-icon {
    margin: 16px 12px;
  }

  .vui-input-container .vui-select .vui-input,
  .vui-input-container.vui-form-control-lg .vui-select .vui-input {
    padding-right: 2rem;
  }

  .vui-input-container.vui-input-container__filter .vui-select__dropdown-icon,
  .vui-input-container.vui-form-control-lg.vui-input-container__filter .vui-select__dropdown-icon {
    width: .625rem;
    height: .625rem;
    margin: .6875rem 1rem;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/back-btn/back-btn.component.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-back-btn path {
  fill: #000;
  transition: 200ms ease-in-out ease-in-out;
}

.vui-back-btn:active path,
.vui-back-btn:focus path,
.vui-back-btn:hover path {
  fill: rgba(0, 0, 0, .3019607843);
}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/breadcrumb/breadcrumb.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-breadcrumb {
  flex-grow: 2;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: left;
  padding-left: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1rem;
}

.vui-breadcrumb .vui-breadcrumb__prev svg path {
  transition: stroke 250ms ease-in-out;
}

.vui-breadcrumb .vui-breadcrumb__prev:hover svg path {
  stroke: #808080;
}

.vui-breadcrumb .vui-breadcrumb__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #808080;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vui-breadcrumb .vui-breadcrumb__item .vui-breadcrumb__item-dot {
  padding: 0 .75rem;
}

.vui-breadcrumb .vui-breadcrumb__item .vui-breadcrumb__item-dot svg {
  width: .75rem;
  height: .75rem;
}

.vui-breadcrumb .vui-breadcrumb__item:last-child {
  color: #000;
}

@media (min-width: 768px) and (max-width: 991px) {
  .vui-breadcrumb {
    padding-left: 0;
  }

  .vui-breadcrumb .vui-breadcrumb__item:not(:last-child) {
    display: none;
  }

  .vui-breadcrumb .vui-breadcrumb__item .vui-breadcrumb__item-dot {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .vui-breadcrumb {
    padding-left: 1.25rem;
    font-size: .875rem;
    line-height: .875rem;
  }

  .vui-breadcrumb .vui-breadcrumb__item:not(:last-child) {
    display: none;
  }

  .vui-breadcrumb .vui-breadcrumb__item .vui-breadcrumb__item-dot {
    display: none;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/calendar/calendar.component.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-calendar {
  display: flex;
  flex-direction: column;
  border-radius: .5rem;
  border: 1px solid #fff400;
  width: 226px;
  background: #fff;
}

.vui-calendar .vui-calendar__month-selector {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  border-radius: .25rem;
  align-items: center;
  align-self: center;
}

.vui-calendar .vui-calendar__month-selector .month-selector__label {
  font-size: .625rem;
  font-weight: 600;
  text-transform: uppercase;
}

.vui-calendar .vui-calendar__month-selector .month-selector__action {
  padding: .5rem 1rem;
  cursor: pointer;
}

.vui-calendar .vui-calendar__month-selector .month-selector__action path {
  stroke: #000;
}

.vui-calendar .vui-calendar__month-selector .month-selector__action.disabled {
  cursor: default;
}

.vui-calendar .vui-calendar__month-selector .month-selector__action:hover,
.vui-calendar .vui-calendar__month-selector .month-selector__action.disabled {
  background: #f5f5f5;
}

.vui-calendar .vui-calendar__month-selector .month-selector__action:hover path,
.vui-calendar .vui-calendar__month-selector .month-selector__action.disabled path {
  stroke: #808080;
}

.vui-calendar .vui-calendar__body {
  font-size: .75rem;
}

.vui-calendar .vui-calendar__body .calendar__week {
  display: flex;
  flex-direction: row;
}

.vui-calendar .vui-calendar__body .calendar__week .calendar__day-of-week {
  flex: 1 0 2rem;
  width: 2rem;
  background: #fff;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.5rem;
}

.vui-calendar .vui-calendar__body .calendar__days {
  display: flex;
  flex-flow: row wrap;
}

.vui-calendar .vui-calendar__body .calendar__days .calendar__day {
  flex: 1 0 2rem;
  width: 2rem;
  max-width: 2rem;
  aspect-ratio: 1/1;
  background: #fff;
  border-top: 1px solid #f5f5f5;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vui-calendar .vui-calendar__body .calendar__days .calendar__day.calendar__day--borderred {
  border-right: 1px solid #f5f5f5;
}

.vui-calendar .vui-calendar__body .calendar__days .calendar__day.selected:not(.disabled) .day__label span,
.vui-calendar .vui-calendar__body .calendar__days .calendar__day:hover:not(.disabled) .day__label span {
  background: #fff400;
}

.vui-calendar .vui-calendar__body .calendar__days .calendar__day.disabled {
  background: #f7f7f7;
  cursor: default;
}

.vui-calendar .vui-calendar__body .calendar__days .calendar__day.disabled .day__label span {
  color: #808080;
  background: #f7f7f7;
}

.vui-calendar .vui-calendar__body .calendar__days .calendar__day .day__label span {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 25px;
  text-align: center;
  margin-left: auto;
  display: block;
  background: #fff;
  border-radius: .75rem;
}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/chat-input/chat-input.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/collapsible-section/collapsible-section.component.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.collapsible-section {
  display: flex;
  flex-direction: column;
}

.collapsible-section.expand .collapsible-section__title svg {
  transform: rotate(180deg);
}

.collapsible-section .collapsible-section__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
  cursor: pointer;
}

.collapsible-section .collapsible-section__title .section-title {
  font-size: .875rem;
  font-weight: 600;
}

.collapsible-section .collapsible-section__title svg {
  transition: transform 250ms ease-in-out;
}

.collapsible-section .collapsible-section__content {
  overflow: hidden;
  height: 0;
  transition: height 250ms ease-in-out;
}

.collapsible-section .collapsible-section__content .section-content {
  padding-top: .5rem;
}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/content/content.component.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-content {
  background: #f7f7f7;
  min-height: calc(100vh - 84px);
}

@media only screen and (max-width: 767px) {
  .vui-content {
    min-height: calc(100vh - 54px);
  }
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/content-view/content-view.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.content-view {
  min-height: calc(100vh - 122px);
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.content-view.content-view__after-tabs {
  min-height: calc(100vh - 182px);
}

.content-view.content-view__after-tabs .content-view__content {
  min-height: calc(100vh - 246px);
}

.content-view .content-view__content {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  justify-content: space-between;
  min-height: calc(100vh - 188px);
}

.content-view .content-view__no-content {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 2.75rem;
  text-align: left;
  color: #808080;
}

@media (min-width: 768px) and (max-width: 991px) {
  .content-view {
    min-height: calc(100vh - 60px);
    padding: 1.5rem 2rem;
  }

  .content-view.content-view__after-tabs {
    padding-top: 2rem;
    min-height: calc(100vh - 160px);
  }

  .content-view.content-view__after-tabs .content-view__content {
    min-height: calc(100vh - 218px);
  }
}

@media only screen and (max-width: 767px) {
  .content-view {
    min-height: calc(100vh - 98px);
    padding: 1.5rem 1.25rem;
  }

  .content-view.content-view__after-tabs {
    padding-top: 2rem;
    min-height: calc(100vh - 198px);
  }

  .content-view.content-view__after-tabs .content-view__content {
    min-height: calc(100vh - 254px);
  }

  .content-view .content-view__no-content {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/edit-btn/edit-btn.component.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-edit-btn {
  font-size: .75rem;
  font-weight: 400;
  line-height: .75rem;
  text-align: left;
  color: #808080;
  display: flex;
  flex-direction: row;
  column-gap: .25rem;
  align-items: flex-end;
  transition: color 250ms ease-in-out;
}

.vui-edit-btn:focus {
  outline: 0;
}

.vui-edit-btn path {
  transition: stroke 250ms ease-in-out;
  stroke: #808080;
}

.vui-edit-btn:active,
.vui-edit-btn:focus,
.vui-edit-btn:hover,
.vui-edit-btn[disabled] {
  color: #b3b3b3;
}

.vui-edit-btn:active path,
.vui-edit-btn:focus path,
.vui-edit-btn:hover path,
.vui-edit-btn[disabled] path {
  stroke: #b3b3b3;
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/form/form.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-form {
  background: #fff;
  box-shadow: 30px 30px 65px rgba(0, 0, 0, .1);
  border-radius: 30px;
  padding: 90px 120px;
  margin-left: auto;
  margin-right: auto;
}

.vui-form .vui-form__title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 0;
}

.vui-form.vui-form__with-back {
  padding: 0 120px 90px 120px;
}

.vui-form .vui-form__header-actions {
  padding: 55px 0 22px 0;
  margin: 0 -65px;
}

.vui-form-lg {
  max-width: 100%;
}

.vui-form-md {
  max-width: 780px;
}

@media only screen and (max-width: 767px) {
  .vui-form {
    padding: 60px;
  }

  .vui-form.vui-form__with-back {
    padding: 0 60px 60px 60px;
  }

  .vui-form .vui-form__header-actions {
    padding: 28px 0 16px 0;
    margin: 0px -48px;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/form-image/form-image.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-form-image {
  aspect-ratio: 1/1;
}

.vui-form-image .vui-form-images__container {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
}

.vui-form-image .vui-form-images__container .vui-form-image__container {
  position: absolute;
  aspect-ratio: 1/1;
  transition: transform 250ms ease-in-out;
  cursor: default;
  width: 100%;
}

.vui-form-image .vui-form-images__container .vui-form-image__container.inactive-left {
  transform: translateX(100%);
}

.vui-form-image .vui-form-images__container .vui-form-image__container.inactive-right {
  transform: translateX(-100%);
}

.vui-form-image .vui-form-images__container .vui-form-image__container.active {
  transform: translateX(0);
}

.vui-form-image .vui-form-images__container .vui-form-image__container.clickable {
  cursor: pointer;
}

.vui-form-image .vui-form-images__container .vui-form-image__container .vui-form-image__item {
  width: 100%;
  border-radius: 1.25rem;
}

.vui-form-image .vui-form-images__container .vui-form-image__container .vui-form-image__item.no-clickable {
  cursor: default;
}

.vui-form-image .vui-form-images__pagination {
  position: relative;
  top: -34px;
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/form-images-list/form-images-list.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-form-images-list {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.vui-form-images-list.vui-form-images-list--xl .vui-form-images-list__photos {
  column-gap: 2rem;
}

.vui-form-images-list.vui-form-images-list--xl .vui-form-images-list__photos .photo-container {
  width: 180px;
  height: 200px;
}

.vui-form-images-list.vui-form-images-list--xl .vui-form-images-list__photos .photo-container .photo-container__img {
  width: 180px;
  height: 180px;
}

.vui-form-images-list.vui-form-images-list--xl .vui-form-images-list__photos .photo-container .make-default {
  margin-top: .5rem;
}

.vui-form-images-list.vui-form-images-list--xl .uploading,
.vui-form-images-list.vui-form-images-list--xl .error {
  width: 180px;
  height: 180px;
}

.vui-form-images-list.vui-form-images-list--xl .uploading .main-photo,
.vui-form-images-list.vui-form-images-list--xl .uploading .photo-container__img {
  width: 60px !important;
  height: 60px !important;
}

.vui-form-images-list.vui-form-images-list--xl .remove-image {
  margin: -192px -140px 0 0;
}

.vui-form-images-list.vui-form-images-list--xl .vui-edit-btn {
  max-height: 180px;
}

.vui-form-images-list.vui-form-images-list--s .vui-form-images-list__photos {
  column-gap: .5rem;
}

.vui-form-images-list.vui-form-images-list--s .vui-form-images-list__photos .photo-container {
  width: 50px;
  min-height: 50px;
}

.vui-form-images-list.vui-form-images-list--s .vui-form-images-list__photos .photo-container .photo-container__img {
  width: 50px;
  height: 50px;
}

.vui-form-images-list.vui-form-images-list--s .uploading,
.vui-form-images-list.vui-form-images-list--s .error {
  width: 50px;
  height: 50px;
}

.vui-form-images-list.vui-form-images-list--s .uploading .main-photo,
.vui-form-images-list.vui-form-images-list--s .uploading .photo-container__img {
  width: 60px !important;
  height: 60px !important;
}

.vui-form-images-list.vui-form-images-list--s .remove-image {
  margin: -52px -30px 0 0;
}

.vui-form-images-list .scrollable-list {
  width: 100%;
}

.vui-form-images-list vui-edit-btn {
  z-index: 99;
  background: #fff;
  display: flex;
  align-items: stretch;
}

.vui-form-images-list vui-edit-btn .vui-edit-btn {
  align-items: center;
}

.vui-form-images-list .vui-form-images-list__photos {
  display: flex;
  flex-direction: row;
  width: max-content;
  transition: transform 250ms ease-in-out;
}

.vui-form-images-list .vui-form-images-list__photos .photo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vui-form-images-list .vui-form-images-list__photos .photo-container .photo-container__img {
  border-radius: .25rem;
  cursor: default;
}

.vui-form-images-list .vui-form-images-list__photos .photo-container .photo-container__img.photo-container__img--clickable {
  cursor: pointer;
  transition: filter 250ms ease-in-out;
}

.vui-form-images-list .vui-form-images-list__photos .photo-container .photo-container__img.photo-container__img--clickable:hover {
  filter: opacity(75%);
}

.vui-form-images-list .repeat-upload {
  display: none;
  cursor: pointer;
}

.vui-form-images-list .uploading,
.vui-form-images-list .error {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vui-form-images-list .error .main-photo,
.vui-form-images-list .error .photo-container__img {
  display: none;
}

.vui-form-images-list .error .repeat-upload {
  display: block;
}

.vui-form-images-list .remove-image {
  position: relative;
}

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/form-image-pagination/form-image-pagination.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-form-image-pagination {
  display: flex;
  flex-direction: row;
  column-gap: 6px;
  justify-content: center;
}

.vui-form-image-pagination.vui-form-image-pagination--animation {
  transition: transform 250ms ease-in-out;
}

.vui-form-image-pagination .vui-form-image-pagination__container {
  cursor: pointer;
}

.vui-form-image-pagination .vui-form-image-pagination__container circle {
  transition: fill 250ms ease-in-out;
}

.vui-form-image-pagination .vui-form-image-pagination__container.active {
  cursor: default;
}

.vui-form-image-pagination .vui-form-image-pagination__container.active circle,
.vui-form-image-pagination .vui-form-image-pagination__container:hover circle {
  fill: #808080;
}

.vui-form-image-pagination .vui-form-image-pagination__container.hide {
  cursor: default;
  transform: scale(0);
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/form-info/form-info.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-form-info .vui-form {
  margin-left: 0;
  margin-top: 4rem;
  padding: 3rem;
  max-width: 854px;
}

.vui-form-info .vui-form .vui-form-info__title {
  text-align: left;
  text-transform: capitalize;
  font-size: 1.375rem;
}

.vui-form-info .vui-form .vui-form-info__main-info {
  display: flex;
  flex-direction: row;
  border-radius: 1.25rem;
  background: #fff400;
}

.vui-form-info .vui-form .vui-form-info__main-info .main-info__images {
  display: flex;
  min-width: 290px;
}

.vui-form-info .vui-form .vui-form-info__main-info .main-info__images .main-info__general-image {
  width: 290px;
  height: 290px;
  border-radius: 1.25rem;
}

.vui-form-info .vui-form .vui-form-info__main-info .main-info__description {
  padding: 1rem;
  flex-grow: 1;
  max-width: calc(100% - 290px);
}

.vui-form-info .vui-form .vui-form-info__field {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  padding-bottom: 1rem;
}

.vui-form-info .vui-form .vui-form-info__field .vui-form-info__label {
  font-size: .625rem;
  font-weight: 700;
  line-height: .75rem;
  color: #808080;
  text-transform: uppercase;
}

.vui-form-info .vui-form .vui-form-info__field .vui-form-info__value {
  font-size: .875rem;
  font-weight: 600;
  line-height: .875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vui-form-info .vui-form {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .vui-form-info .vui-form {
    margin-top: 2rem;
    padding: 1.25rem;
  }

  .vui-form-info .vui-form .vui-form-info__title {
    font-size: .875rem;
  }

  .vui-form-info .vui-form .vui-form-info__main-info {
    flex-direction: column;
  }

  .vui-form-info .vui-form .vui-form-info__main-info .main-info__images {
    min-width: initial;
  }

  .vui-form-info .vui-form .vui-form-info__main-info .main-info__images .main-info__general-image {
    width: 100%;
    height: 100%;
  }

  .vui-form-info .vui-form .vui-form-info__main-info .main-info__description {
    max-width: 100%;
  }
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/gmap/g-map.component.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

vui-g-map {
  display: block;
  width: 100%;
  height: 100%;
}

.vui-g-map {
  width: 100%;
  height: 100%;
}

.vui-g-map .gm-style .gm-ui-hover-effect,
.vui-g-map .gm-style .gm-style-iw-tc {
  display: none !important;
}

.vui-g-map .gm-style .gm-style-iw-ch {
  padding: 0;
}

.vui-g-map .gm-style .gm-style-iw-c {
  border-radius: 1rem;
  padding: 0 !important;
  min-width: 260px !important;
}

.vui-g-map .gm-style .gm-style-iw-c .gm-style-iw-d {
  display: contents;
}

.vui-g-map .gm-style .vui-g-map__location-info {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  max-width: 220px;
  padding: 1rem;
}

.vui-g-map .gm-style .vui-g-map__location-info .location-info__content {
  font-size: .875rem;
  font-weight: 700;
  line-height: 17px;
}

.vui-g-map .gm-style .vui-g-map__service-provider-info {
  display: flex;
  flex-direction: row;
  border-radius: 1rem;
  max-width: 420px;
}

.vui-g-map .gm-style .vui-g-map__service-provider-info .service-provider__avatar {
  max-height: 100px;
}

.vui-g-map .gm-style .vui-g-map__service-provider-info .service-provider__avatar img {
  width: 100px;
  height: 100px;
}

.vui-g-map .gm-style .vui-g-map__service-provider-info .service-provider__content {
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
  padding: .5rem .5rem .5rem 1rem;
  min-width: 320px;
}

.vui-g-map .gm-style .vui-g-map__service-provider-info .service-provider__content .title {
  display: flex;
  flex-direction: row;
  column-gap: .5rem;
  justify-content: space-between;
  font-size: .875rem;
  font-weight: 600;
}

.vui-g-map .gm-style .vui-g-map__service-provider-info .service-provider__content .title .title__name {
  width: fit-content;
}

.vui-g-map .gm-style .vui-g-map__service-provider-info .service-provider__content .title .title__rating {
  display: flex;
  flex-direction: row;
  column-gap: .25rem;
  color: #808080;
}

.vui-g-map .gm-style .vui-g-map__service-provider-info .service-provider__content .category {
  font-size: .625rem;
  font-weight: 600;
  color: #b3b3b3;
  text-transform: uppercase;
}

.vui-g-map .gm-style .vui-g-map__service-provider-info .service-provider__content .vui-btn.btn-sm-primary {
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .vui-g-map .gm-style .vui-g-map__service-provider-info .service-provider__content {
    min-width: 150px;
    max-width: 340px;
    width: 100%;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/images-gallery/images-gallery.component.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-images-gallery {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(179, 179, 179, .8);
  z-index: 9999;
}

.vui-images-gallery.ng-enter,
.vui-images-gallery.ng-leave {
  transition: opacity 250ms ease-in-out;
}

.vui-images-gallery.ng-enter,
.vui-images-gallery.ng-leave.ng-leave-active {
  opacity: 0;
}

.vui-images-gallery.ng-leave,
.vui-images-gallery.ng-enter.ng-enter-active {
  opacity: 1;
}

.vui-images-gallery .vui-images-gallery__container {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__header {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__body .navigation-btn {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  height: 100%;
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__body .navigation-btn .vui-edit-btn {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__body .vui-images-gallery__images-list {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: calc(100vh - 8rem);
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__body .vui-images-gallery__images-list .vui-gallery-image__container {
  position: absolute;
  width: 100%;
  height: calc(100vh - 8rem);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  transition: transform 250ms ease-in-out;
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__body .vui-images-gallery__images-list .vui-gallery-image__container.inactive-left {
  transform: translateX(100%);
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__body .vui-images-gallery__images-list .vui-gallery-image__container.inactive-right {
  transform: translateX(-100%);
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__body .vui-images-gallery__images-list .vui-gallery-image__container.active {
  transform: translateX(0);
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__body .vui-images-gallery__images-list .vui-gallery-image__container .vui-gallery-image__item {
  object-fit: contain;
}

.vui-images-gallery .vui-images-gallery__container .vui-images-gallery__pagination {
  position: absolute;
  width: 100%;
  bottom: 64px;
}

.vui-images-gallery .vui-edit-btn:not([disabled]) path {
  stroke: #fff;
}

.vui-images-gallery .vui-edit-btn:not([disabled]):hover path {
  stroke: #808080;
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/infinite-scroll/infinite-scroll.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.infinite-scroll {
  display: flex;
  flex-direction: row;
  justify-content: center;
  column-gap: 1rem;
  font-size: .875rem;
  font-weight: 600;
}

.infinite-scroll img {
  max-width: 60px;
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/input-group/input-group.component.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-input-container .vui-input-group {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
}

.vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-input-group,
.vui-input-container.vui-input-container__input-group-right.vui-form-control-lg .vui-input-group {
  width: 70px;
  height: 70px;
}

.vui-input-container.vui-input-container__input-group-left .vui-input-group,
.vui-input-container.vui-input-container__input-group-right .vui-input-group {
  width: 40px;
  height: 40px;
  margin-left: .5rem;
}

.vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-input {
  padding-left: 70px;
}

.vui-input-container.vui-input-container__input-group-left .vui-input {
  padding-left: 48px;
}

.vui-input-container.vui-input-container__input-group-right.vui-form-control-lg .vui-input {
  padding-right: 70px;
}

.vui-input-container.vui-input-container__input-group-right .vui-input {
  padding-right: 48px;
}

.vui-input-container.vui-input-container__input-group-right .vui-input-group {
  right: 0;
}

@media only screen and (max-width: 767px) {
  .vui-form-control-lg.vui-input-container.vui-input-container__input-group-left .vui-input-group,
  .vui-form-control-lg.vui-input-container.vui-input-container__input-group-right .vui-input-group {
    width: 42px;
    height: 42px;
  }

  .vui-form-control-lg.vui-input-container.vui-input-container__input-group-left .vui-input {
    padding-left: 48px;
  }

  .vui-form-control-lg.vui-input-container.vui-input-container__input-group-right .vui-input {
    padding-right: 48px;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/input-stars/input-stars.component.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-input-stars {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.vui-input-stars .vui-input-stars__star {
  padding: 0 .5rem;
}

.vui-input-stars .vui-input-stars__star:hover svg path,
.vui-input-stars .vui-input-stars__star:active svg path,
.vui-input-stars .vui-input-stars__star.active svg path {
  fill: #fff400;
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/main-menu/main-menu.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-menu .vui-main-menu .vui-main-menu__logo {
  z-index: 120;
  transition: max-width 250ms ease-in-out;
}

.vui-menu .vui-main-menu .vui-main-menu__logo .vui-logo {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: fit-content;
}

.vui-menu .vui-main-menu .vui-main-menu__logo-small {
  display: none;
}

.vui-menu .vui-main-menu .vui-main-menu__menu-toggler {
  padding: 0 1.25rem;
  outline: none;
}

.vui-menu .vui-main-menu .vui-main-menu__breadcrumb {
  flex-grow: 2;
  text-align: left;
}

.vui-menu .vui-main-menu .vui-main-menu__navigations vui-main-menu-items {
  padding: 1.5rem;
  display: flex;
  flex-direction: row;
  column-gap: 1.5rem;
  align-items: center;
}

.vui-menu.vui-side-menu--expanded .vui-main-menu .vui-main-menu__logo {
  max-width: 250px;
}

.vui-menu.vui-side-menu--collapsed .vui-main-menu .vui-main-menu__logo {
  max-width: 88px;
}

.vui-main-menu__breadcrumb-mobile {
  display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  .vui-menu .vui-main-menu .vui-main-menu__logo {
    display: none;
  }

  .vui-menu .vui-main-menu .vui-main-menu__logo-small {
    display: block;
    z-index: 1000;
    outline: none;
  }

  .vui-menu .vui-main-menu .vui-main-menu__logo-small .vui-logo {
    width: 60px;
    height: 60px;
    margin-right: 2rem;
  }

  .vui-menu .vui-main-menu .vui-main-menu__logo-small .vui-logo svg {
    width: 60px;
    height: 60px;
  }

  .vui-menu .vui-main-menu .vui-main-menu__menu-toggler {
    padding: 0 2rem;
    outline: none;
  }

  .vui-menu .vui-main-menu .vui-main-menu__navigations vui-main-menu-items {
    padding: .75rem 2rem;
    column-gap: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .vui-menu .vui-main-menu .vui-main-menu__breadcrumb {
    display: none;
  }

  .vui-menu .vui-main-menu .vui-main-menu__logo {
    width: 60px;
    height: 60px;
    max-width: 100% !important;
    flex-grow: 2;
  }

  .vui-menu .vui-main-menu .vui-main-menu__logo svg {
    width: 60px;
    height: 60px;
  }

  .vui-menu .vui-main-menu .vui-main-menu__logo-small {
    display: none;
  }

  .vui-menu .vui-main-menu .vui-main-menu__navigations vui-main-menu-items {
    padding: .75rem 1.25rem;
    column-gap: 1.25rem;
  }

  .vui-main-menu__container {
    row-gap: 1rem;
    padding-bottom: .5rem;
  }

  .vui-main-menu__container .vui-main-menu__breadcrumb-mobile {
    display: block;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/main-menu-global-search-item/main-menu-global-search-item.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.main-menu-global-search-item.vui-input-container {
  width: 275px;
  display: inline-block;
  position: relative;
  height: 2.25rem;
  margin-top: 0;
  margin-bottom: 0;
}

.main-menu-global-search-item.vui-input-container .vui-input {
  max-width: 209px;
  background: #fff;
  border: 1px solid #b3b3b3;
  height: 19px;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.main-menu-global-search-item.vui-input-container .vui-input-group {
  height: 2.25rem;
}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/main-menu-help-item/main-menu-help-item.component.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
vui-main-menu-help-item {
  max-height: 24px;
}

vui-main-menu-help-item .vui-main-menu-help-item.vui-btn {
  max-height: 24px;
  max-width: 24px;
  padding: 0;
}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/main-menu-item/main-menu-item.component.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-main-menu-item svg path {
  transition: stroke 250ms ease-in-out;
}

.vui-main-menu-item[disabled] {
  pointer-events: none;
  cursor: default;
}

.vui-main-menu-item[disabled] svg path {
  stroke: #808080;
}

.vui-main-menu-item:hover:not([disabled]) svg path {
  stroke: #808080;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/main-menu-notifications-item/main-menu-notifications-item.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.vui-main-menu-notifications-item .vui-main-menu-notifications-item__has {
  margin-left: -24px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/main-menu-profile-item/main-menu-profile-item.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-navigations-profile {
  height: 2.25rem;
}

.vui-navigations-profile .vui-avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 1.125rem;
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/menu/menu.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-menu .vui-content {
  padding: 1rem 1.5rem;
  background: #ededed;
  transition: margin-left 250ms ease-in-out;
  width: auto;
  min-height: calc(100vh - 84px);
  height: calc(100vh - 84px);
  overflow-y: auto;
}

.vui-menu.vui-side-menu--expanded .vui-content {
  margin-left: 250px;
}

.vui-menu.vui-side-menu--collapsed .vui-content {
  margin-left: 88px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .vui-menu .vui-content {
    padding: 0;
    min-height: calc(100vh - 60px);
    height: calc(100vh - 60px);
  }

  .vui-menu.vui-side-menu--expanded .vui-content,
  .vui-menu.vui-side-menu--collapsed .vui-content {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .vui-menu .vui-content {
    padding: 0;
    min-height: calc(100vh - 98px);
    height: calc(100vh - 98px);
  }

  .vui-menu.vui-side-menu--expanded .vui-content,
  .vui-menu.vui-side-menu--collapsed .vui-content {
    margin-left: 0;
  }
}

/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/modal/modal.component.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-modal-container {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100% !important;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1500;
  background-color: rgba(40, 40, 40, .8);
  opacity: 1;
  transition: all 250ms ease-in-out;
}

.vui-modal-container .vui-modal {
  max-width: 800px;
  margin: 7% auto;
  position: relative;
  max-height: inherit;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  width: fit-content;
  background: white;
  padding: 4rem;
  border-radius: 1.875rem;
  row-gap: 2rem;
  transform: translateY(0);
  transition: all 250ms ease-in-out;
}

.vui-modal-container .vui-modal .vui-modal__title {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  text-transform: capitalize;
}

.vui-modal--hide {
  opacity: 0;
}

.vui-modal--hide .vui-modal {
  transform: translateY(-32px);
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/page-size/page-size.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-page-size {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.vui-page-size .vui-page-size__label {
  background: #fff;
  font-size: .75rem;
  line-height: .75rem;
  padding: .5rem .875rem;
  font-weight: 500;
  height: 2rem;
  min-width: 2.25rem;
  display: flex;
  align-items: center;
  color: #000;
  border: 1px solid #ededed;
  border-radius: .25rem 0 0 .25rem;
}

.vui-page-size .vui-page-size__select-page .vui-input-container .vui-input {
  border-radius: 0 .25rem .25rem 0;
  width: 68px;
}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/pagination/pagination.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-pagination {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.vui-pagination .vui-page-item {
  background: #fff;
  font-size: .75rem;
  line-height: .75rem;
  padding: .5rem .875rem;
  font-weight: 500;
  height: 2rem;
  min-width: 2.25rem;
  display: flex;
  align-items: center;
  color: #000;
  cursor: pointer;
  border: 1px solid #ededed;
  -webkit-transition: none !important;
          transition: none !important;
}

.vui-pagination .vui-page-item.active,
.vui-pagination .vui-page-item:hover,
.vui-pagination .vui-page-item:active {
  background: #fffcb3;
}

.vui-pagination .vui-page-item.active {
  cursor: default;
}

.vui-pagination .vui-page-item.disabled {
  color: #808080;
  cursor: default;
}

.vui-pagination .vui-page-item.disabled path {
  stroke: #808080;
}

.vui-pagination .vui-page-item__prev {
  border-radius: .25rem 0 0 .25rem;
  flex-direction: row;
  column-gap: .25rem;
}

.vui-pagination .vui-page-item__next {
  border-radius: 0 .25rem .25rem 0;
  flex-direction: row;
  column-gap: .25rem;
}

@media only screen and (max-width: 767px) {
  .vui-pagination .vui-pagination__label {
    display: none;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/phone-number/phone-number.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.iti__flag {
  width: 35px;
  height: 26px;
  border-radius: 3px;
}

.iti__flag.iti__ad {
  background: url(https://assets.velotooler.com/dist/img/ad-45026b9.svg);
}

.iti__flag.iti__ae {
  background: url(https://assets.velotooler.com/dist/img/ae-2c530f6.svg);
}

.iti__flag.iti__af {
  background: url(https://assets.velotooler.com/dist/img/af-458ab7e.svg);
}

.iti__flag.iti__ag {
  background: url(https://assets.velotooler.com/dist/img/ag-5929ca9.svg);
}

.iti__flag.iti__ai {
  background: url(https://assets.velotooler.com/dist/img/ai-c469900.svg);
}

.iti__flag.iti__al {
  background: url(https://assets.velotooler.com/dist/img/al-3dd8853.svg);
}

.iti__flag.iti__am {
  background: url(https://assets.velotooler.com/dist/img/am-e935f82.svg);
}

.iti__flag.iti__ao {
  background: url(https://assets.velotooler.com/dist/img/ao-ad6f3c8.svg);
}

.iti__flag.iti__aq {
  background: url(https://assets.velotooler.com/dist/img/aq-e3fbc5d.svg);
}

.iti__flag.iti__ar {
  background: url(https://assets.velotooler.com/dist/img/ar-2ff091f.svg);
}

.iti__flag.iti__as {
  background: url(https://assets.velotooler.com/dist/img/as-3b86b68.svg);
}

.iti__flag.iti__at {
  background: url(https://assets.velotooler.com/dist/img/at-1281f45.svg);
}

.iti__flag.iti__au {
  background: url(https://assets.velotooler.com/dist/img/au-932d918.svg);
}

.iti__flag.iti__aw {
  background: url(https://assets.velotooler.com/dist/img/aw-9829819.svg);
}

.iti__flag.iti__ax {
  background: url(https://assets.velotooler.com/dist/img/ax-6651bb2.svg);
}

.iti__flag.iti__az {
  background: url(https://assets.velotooler.com/dist/img/az-d4faca4.svg);
}

.iti__flag.iti__ba {
  background: url(https://assets.velotooler.com/dist/img/ba-7097f2f.svg);
}

.iti__flag.iti__bb {
  background: url(https://assets.velotooler.com/dist/img/bb-021629a.svg);
}

.iti__flag.iti__bd {
  background: url(https://assets.velotooler.com/dist/img/bd-d16830c.svg);
}

.iti__flag.iti__be {
  background: url(https://assets.velotooler.com/dist/img/be-410c4ac.svg);
}

.iti__flag.iti__bf {
  background: url(https://assets.velotooler.com/dist/img/bf-4275eb8.svg);
}

.iti__flag.iti__bg {
  background: url(https://assets.velotooler.com/dist/img/bg-c9c1307.svg);
}

.iti__flag.iti__bh {
  background: url(https://assets.velotooler.com/dist/img/bh-ec61516.svg);
}

.iti__flag.iti__bi {
  background: url(https://assets.velotooler.com/dist/img/bi-3fce551.svg);
}

.iti__flag.iti__bj {
  background: url(https://assets.velotooler.com/dist/img/bj-e8591ed.svg);
}

.iti__flag.iti__bl {
  background: url(https://assets.velotooler.com/dist/img/bl-6a6bc7f.svg);
}

.iti__flag.iti__bm {
  background: url(https://assets.velotooler.com/dist/img/bm-e2aa572.svg);
}

.iti__flag.iti__bn {
  background: url(https://assets.velotooler.com/dist/img/bn-ad7aafa.svg);
}

.iti__flag.iti__bo {
  background: url(https://assets.velotooler.com/dist/img/bo-0435cb1.svg);
}

.iti__flag.iti__bq {
  background: url(https://assets.velotooler.com/dist/img/bq-8ff78ac.svg);
}

.iti__flag.iti__br {
  background: url(https://assets.velotooler.com/dist/img/br-5ec1328.svg);
}

.iti__flag.iti__bs {
  background: url(https://assets.velotooler.com/dist/img/bs-5497678.svg);
}

.iti__flag.iti__bt {
  background: url(https://assets.velotooler.com/dist/img/bt-eed19cb.svg);
}

.iti__flag.iti__bv {
  background: url(https://assets.velotooler.com/dist/img/bv-b789f83.svg);
}

.iti__flag.iti__bw {
  background: url(https://assets.velotooler.com/dist/img/bw-8a35721.svg);
}

.iti__flag.iti__by {
  background: url(https://assets.velotooler.com/dist/img/by-9559f21.svg);
}

.iti__flag.iti__bz {
  background: url(https://assets.velotooler.com/dist/img/bz-4eb2d29.svg);
}

.iti__flag.iti__ca {
  background: url(https://assets.velotooler.com/dist/img/ca-d348137.svg);
}

.iti__flag.iti__cc {
  background: url(https://assets.velotooler.com/dist/img/cc-200233c.svg);
}

.iti__flag.iti__cd {
  background: url(https://assets.velotooler.com/dist/img/cd-e5fd4d1.svg);
}

.iti__flag.iti__cf {
  background: url(https://assets.velotooler.com/dist/img/cf-617adc0.svg);
}

.iti__flag.iti__cg {
  background: url(https://assets.velotooler.com/dist/img/cg-440e321.svg);
}

.iti__flag.iti__ch {
  background: url(https://assets.velotooler.com/dist/img/ch-7a52ef5.svg);
}

.iti__flag.iti__ci {
  background: url(https://assets.velotooler.com/dist/img/ci-b1030b2.svg);
}

.iti__flag.iti__ck {
  background: url(https://assets.velotooler.com/dist/img/ck-65a80cb.svg);
}

.iti__flag.iti__cl {
  background: url(https://assets.velotooler.com/dist/img/cl-b9ff305.svg);
}

.iti__flag.iti__cm {
  background: url(https://assets.velotooler.com/dist/img/cm-7578267.svg);
}

.iti__flag.iti__cn {
  background: url(https://assets.velotooler.com/dist/img/cn-7977e12.svg);
}

.iti__flag.iti__co {
  background: url(https://assets.velotooler.com/dist/img/co-59ec93f.svg);
}

.iti__flag.iti__cr {
  background: url(https://assets.velotooler.com/dist/img/cr-6f2d7bb.svg);
}

.iti__flag.iti__cu {
  background: url(https://assets.velotooler.com/dist/img/cu-ff35f99.svg);
}

.iti__flag.iti__cv {
  background: url(https://assets.velotooler.com/dist/img/cv-4343733.svg);
}

.iti__flag.iti__cw {
  background: url(https://assets.velotooler.com/dist/img/cw-8e4cecb.svg);
}

.iti__flag.iti__cx {
  background: url(https://assets.velotooler.com/dist/img/cx-b9b5e6c.svg);
}

.iti__flag.iti__cy {
  background: url(https://assets.velotooler.com/dist/img/cy-70de54e.svg);
}

.iti__flag.iti__cz {
  background: url(https://assets.velotooler.com/dist/img/cz-8ef2bc6.svg);
}

.iti__flag.iti__de {
  background: url(https://assets.velotooler.com/dist/img/de-7e82f4c.svg);
}

.iti__flag.iti__dj {
  background: url(https://assets.velotooler.com/dist/img/dj-76f4cdf.svg);
}

.iti__flag.iti__dk {
  background: url(https://assets.velotooler.com/dist/img/dk-f4e8fc5.svg);
}

.iti__flag.iti__dm {
  background: url(https://assets.velotooler.com/dist/img/dm-4667576.svg);
}

.iti__flag.iti__do {
  background: url(https://assets.velotooler.com/dist/img/do-c05850d.svg);
}

.iti__flag.iti__dz {
  background: url(https://assets.velotooler.com/dist/img/dz-945a413.svg);
}

.iti__flag.iti__ec {
  background: url(https://assets.velotooler.com/dist/img/ec-3ea7f90.svg);
}

.iti__flag.iti__ee {
  background: url(https://assets.velotooler.com/dist/img/ee-887a78f.svg);
}

.iti__flag.iti__eg {
  background: url(https://assets.velotooler.com/dist/img/eg-b3580df.svg);
}

.iti__flag.iti__eh {
  background: url(https://assets.velotooler.com/dist/img/eh-8c8b274.svg);
}

.iti__flag.iti__er {
  background: url(https://assets.velotooler.com/dist/img/er-458bc29.svg);
}

.iti__flag.iti__es {
  background: url(https://assets.velotooler.com/dist/img/es-1a25a96.svg);
}

.iti__flag.iti__et {
  background: url(https://assets.velotooler.com/dist/img/et-cbe354b.svg);
}

.iti__flag.iti__fi {
  background: url(https://assets.velotooler.com/dist/img/fi-3b522e7.svg);
}

.iti__flag.iti__fj {
  background: url(https://assets.velotooler.com/dist/img/fj-f3d86ad.svg);
}

.iti__flag.iti__fk {
  background: url(https://assets.velotooler.com/dist/img/fk-ddc6bd1.svg);
}

.iti__flag.iti__fm {
  background: url(https://assets.velotooler.com/dist/img/fm-3bfd96e.svg);
}

.iti__flag.iti__fo {
  background: url(https://assets.velotooler.com/dist/img/fo-f284df3.svg);
}

.iti__flag.iti__fr {
  background: url(https://assets.velotooler.com/dist/img/fr-81d43a1.svg);
}

.iti__flag.iti__ga {
  background: url(https://assets.velotooler.com/dist/img/ga-4257c8e.svg);
}

.iti__flag.iti__gb {
  background: url(https://assets.velotooler.com/dist/img/gb-ba1c7f5.svg);
}

.iti__flag.iti__gd {
  background: url(https://assets.velotooler.com/dist/img/gd-b446a44.svg);
}

.iti__flag.iti__ge {
  background: url(https://assets.velotooler.com/dist/img/ge-98cf9dc.svg);
}

.iti__flag.iti__gf {
  background: url(https://assets.velotooler.com/dist/img/gf-695a47d.svg);
}

.iti__flag.iti__gg {
  background: url(https://assets.velotooler.com/dist/img/gg-6b23b5b.svg);
}

.iti__flag.iti__gh {
  background: url(https://assets.velotooler.com/dist/img/gh-d060e23.svg);
}

.iti__flag.iti__gi {
  background: url(https://assets.velotooler.com/dist/img/gi-345b700.svg);
}

.iti__flag.iti__gl {
  background: url(https://assets.velotooler.com/dist/img/gl-84ac557.svg);
}

.iti__flag.iti__gm {
  background: url(https://assets.velotooler.com/dist/img/gm-cdfdf8b.svg);
}

.iti__flag.iti__gn {
  background: url(https://assets.velotooler.com/dist/img/gn-bf5b087.svg);
}

.iti__flag.iti__gp {
  background: url(https://assets.velotooler.com/dist/img/gp-092b6bf.svg);
}

.iti__flag.iti__gq {
  background: url(https://assets.velotooler.com/dist/img/gq-c2cb1ad.svg);
}

.iti__flag.iti__gr {
  background: url(https://assets.velotooler.com/dist/img/gr-e2d0116.svg);
}

.iti__flag.iti__gs {
  background: url(https://assets.velotooler.com/dist/img/gs-c19adcd.svg);
}

.iti__flag.iti__gt {
  background: url(https://assets.velotooler.com/dist/img/gt-ccfc27d.svg);
}

.iti__flag.iti__gu {
  background: url(https://assets.velotooler.com/dist/img/gu-459831e.svg);
}

.iti__flag.iti__gw {
  background: url(https://assets.velotooler.com/dist/img/gw-f29eedf.svg);
}

.iti__flag.iti__gy {
  background: url(https://assets.velotooler.com/dist/img/gy-49a30b4.svg);
}

.iti__flag.iti__hk {
  background: url(https://assets.velotooler.com/dist/img/hk-c0a93c0.svg);
}

.iti__flag.iti__hm {
  background: url(https://assets.velotooler.com/dist/img/hm-fdd5197.svg);
}

.iti__flag.iti__hn {
  background: url(https://assets.velotooler.com/dist/img/hn-f53ee3d.svg);
}

.iti__flag.iti__hr {
  background: url(https://assets.velotooler.com/dist/img/hr-00a76e1.svg);
}

.iti__flag.iti__ht {
  background: url(https://assets.velotooler.com/dist/img/ht-3af38bf.svg);
}

.iti__flag.iti__hu {
  background: url(https://assets.velotooler.com/dist/img/hu-bcbd277.svg);
}

.iti__flag.iti__id {
  background: url(https://assets.velotooler.com/dist/img/id-e2afd17.svg);
}

.iti__flag.iti__ie {
  background: url(https://assets.velotooler.com/dist/img/ie-5ecf710.svg);
}

.iti__flag.iti__il {
  background: url(https://assets.velotooler.com/dist/img/il-4c70e23.svg);
}

.iti__flag.iti__im {
  background: url(https://assets.velotooler.com/dist/img/im-b21ce58.svg);
}

.iti__flag.iti__in {
  background: url(https://assets.velotooler.com/dist/img/in-e5926cb.svg);
}

.iti__flag.iti__io {
  background: url(https://assets.velotooler.com/dist/img/io-e31ca9a.svg);
}

.iti__flag.iti__iq {
  background: url(https://assets.velotooler.com/dist/img/iq-5cd51d2.svg);
}

.iti__flag.iti__ir {
  background: url(https://assets.velotooler.com/dist/img/ir-12e7432.svg);
}

.iti__flag.iti__is {
  background: url(https://assets.velotooler.com/dist/img/is-2dfa14d.svg);
}

.iti__flag.iti__it {
  background: url(https://assets.velotooler.com/dist/img/it-290f2fe.svg);
}

.iti__flag.iti__je {
  background: url(https://assets.velotooler.com/dist/img/je-7a0b485.svg);
}

.iti__flag.iti__jm {
  background: url(https://assets.velotooler.com/dist/img/jm-6bb96bb.svg);
}

.iti__flag.iti__jo {
  background: url(https://assets.velotooler.com/dist/img/jo-f41fe7d.svg);
}

.iti__flag.iti__jp {
  background: url(https://assets.velotooler.com/dist/img/jp-19c631c.svg);
}

.iti__flag.iti__ke {
  background: url(https://assets.velotooler.com/dist/img/ke-74aaf58.svg);
}

.iti__flag.iti__kg {
  background: url(https://assets.velotooler.com/dist/img/kg-1fe994c.svg);
}

.iti__flag.iti__kh {
  background: url(https://assets.velotooler.com/dist/img/kh-7b33804.svg);
}

.iti__flag.iti__ki {
  background: url(https://assets.velotooler.com/dist/img/ki-de100d3.svg);
}

.iti__flag.iti__km {
  background: url(https://assets.velotooler.com/dist/img/km-93ef5e2.svg);
}

.iti__flag.iti__kn {
  background: url(https://assets.velotooler.com/dist/img/kn-a4e974e.svg);
}

.iti__flag.iti__kp {
  background: url(https://assets.velotooler.com/dist/img/kp-8d10def.svg);
}

.iti__flag.iti__kr {
  background: url(https://assets.velotooler.com/dist/img/kr-939387c.svg);
}

.iti__flag.iti__kw {
  background: url(https://assets.velotooler.com/dist/img/kw-2dce482.svg);
}

.iti__flag.iti__ky {
  background: url(https://assets.velotooler.com/dist/img/ky-ef8e187.svg);
}

.iti__flag.iti__kz {
  background: url(https://assets.velotooler.com/dist/img/kz-7194851.svg);
}

.iti__flag.iti__la {
  background: url(https://assets.velotooler.com/dist/img/la-8d6ad26.svg);
}

.iti__flag.iti__lb {
  background: url(https://assets.velotooler.com/dist/img/lb-7547992.svg);
}

.iti__flag.iti__lc {
  background: url(https://assets.velotooler.com/dist/img/lc-c6488de.svg);
}

.iti__flag.iti__li {
  background: url(https://assets.velotooler.com/dist/img/li-69a1d60.svg);
}

.iti__flag.iti__lk {
  background: url(https://assets.velotooler.com/dist/img/lk-593078c.svg);
}

.iti__flag.iti__lr {
  background: url(https://assets.velotooler.com/dist/img/lr-3a7c494.svg);
}

.iti__flag.iti__ls {
  background: url(https://assets.velotooler.com/dist/img/ls-0de0f90.svg);
}

.iti__flag.iti__lt {
  background: url(https://assets.velotooler.com/dist/img/lt-4c19d3a.svg);
}

.iti__flag.iti__lu {
  background: url(https://assets.velotooler.com/dist/img/lu-adc8f77.svg);
}

.iti__flag.iti__lv {
  background: url(https://assets.velotooler.com/dist/img/lv-9a5d132.svg);
}

.iti__flag.iti__ly {
  background: url(https://assets.velotooler.com/dist/img/ly-0ea8dfc.svg);
}

.iti__flag.iti__ma {
  background: url(https://assets.velotooler.com/dist/img/ma-363a4f7.svg);
}

.iti__flag.iti__mc {
  background: url(https://assets.velotooler.com/dist/img/mc-a2634c6.svg);
}

.iti__flag.iti__md {
  background: url(https://assets.velotooler.com/dist/img/md-4d08e48.svg);
}

.iti__flag.iti__me {
  background: url(https://assets.velotooler.com/dist/img/me-0b78561.svg);
}

.iti__flag.iti__mf {
  background: url(https://assets.velotooler.com/dist/img/mf-2d96a80.svg);
}

.iti__flag.iti__mg {
  background: url(https://assets.velotooler.com/dist/img/mg-f910107.svg);
}

.iti__flag.iti__mh {
  background: url(https://assets.velotooler.com/dist/img/mh-c0b2e37.svg);
}

.iti__flag.iti__mk {
  background: url(https://assets.velotooler.com/dist/img/mk-31ba11e.svg);
}

.iti__flag.iti__ml {
  background: url(https://assets.velotooler.com/dist/img/ml-18083e4.svg);
}

.iti__flag.iti__mm {
  background: url(https://assets.velotooler.com/dist/img/mm-6f93c6d.svg);
}

.iti__flag.iti__mn {
  background: url(https://assets.velotooler.com/dist/img/mn-5e4557f.svg);
}

.iti__flag.iti__mo {
  background: url(https://assets.velotooler.com/dist/img/mo-ac9b170.svg);
}

.iti__flag.iti__mp {
  background: url(https://assets.velotooler.com/dist/img/mp-394b0c9.svg);
}

.iti__flag.iti__mq {
  background: url(https://assets.velotooler.com/dist/img/mq-e82d6df.svg);
}

.iti__flag.iti__mr {
  background: url(https://assets.velotooler.com/dist/img/mr-3642790.svg);
}

.iti__flag.iti__ms {
  background: url(https://assets.velotooler.com/dist/img/ms-9474f8c.svg);
}

.iti__flag.iti__mt {
  background: url(https://assets.velotooler.com/dist/img/mt-c91049a.svg);
}

.iti__flag.iti__mu {
  background: url(https://assets.velotooler.com/dist/img/mu-97beced.svg);
}

.iti__flag.iti__mv {
  background: url(https://assets.velotooler.com/dist/img/mv-0329f53.svg);
}

.iti__flag.iti__mw {
  background: url(https://assets.velotooler.com/dist/img/mw-b4d805e.svg);
}

.iti__flag.iti__mx {
  background: url(https://assets.velotooler.com/dist/img/mx-bc63d25.svg);
}

.iti__flag.iti__my {
  background: url(https://assets.velotooler.com/dist/img/my-0d298a9.svg);
}

.iti__flag.iti__mz {
  background: url(https://assets.velotooler.com/dist/img/mz-dac5f7e.svg);
}

.iti__flag.iti__na {
  background: url(https://assets.velotooler.com/dist/img/na-e241f81.svg);
}

.iti__flag.iti__nc {
  background: url(https://assets.velotooler.com/dist/img/nc-93179b6.svg);
}

.iti__flag.iti__ne {
  background: url(https://assets.velotooler.com/dist/img/ne-6fd3ccd.svg);
}

.iti__flag.iti__nf {
  background: url(https://assets.velotooler.com/dist/img/nf-7a4f3d1.svg);
}

.iti__flag.iti__ng {
  background: url(https://assets.velotooler.com/dist/img/ng-b69ed1e.svg);
}

.iti__flag.iti__ni {
  background: url(https://assets.velotooler.com/dist/img/ni-d30c037.svg);
}

.iti__flag.iti__nl {
  background: url(https://assets.velotooler.com/dist/img/nl-21eb77d.svg);
}

.iti__flag.iti__no {
  background: url(https://assets.velotooler.com/dist/img/no-6df96bb.svg);
}

.iti__flag.iti__np {
  background: url(https://assets.velotooler.com/dist/img/np-ecc31e5.svg);
}

.iti__flag.iti__nr {
  background: url(https://assets.velotooler.com/dist/img/nr-dcf2ea3.svg);
}

.iti__flag.iti__nu {
  background: url(https://assets.velotooler.com/dist/img/nu-61f17ae.svg);
}

.iti__flag.iti__nz {
  background: url(https://assets.velotooler.com/dist/img/nz-bc62fb4.svg);
}

.iti__flag.iti__om {
  background: url(https://assets.velotooler.com/dist/img/om-716feea.svg);
}

.iti__flag.iti__pa {
  background: url(https://assets.velotooler.com/dist/img/pa-8788ab5.svg);
}

.iti__flag.iti__pe {
  background: url(https://assets.velotooler.com/dist/img/pe-9e2ec84.svg);
}

.iti__flag.iti__pf {
  background: url(https://assets.velotooler.com/dist/img/pf-296e945.svg);
}

.iti__flag.iti__pg {
  background: url(https://assets.velotooler.com/dist/img/pg-dcb8c4a.svg);
}

.iti__flag.iti__ph {
  background: url(https://assets.velotooler.com/dist/img/ph-596b9b6.svg);
}

.iti__flag.iti__pk {
  background: url(https://assets.velotooler.com/dist/img/pk-8f9276e.svg);
}

.iti__flag.iti__pl {
  background: url(https://assets.velotooler.com/dist/img/pl-7ea4b5b.svg);
}

.iti__flag.iti__pm {
  background: url(https://assets.velotooler.com/dist/img/pm-c5a64f8.svg);
}

.iti__flag.iti__pn {
  background: url(https://assets.velotooler.com/dist/img/pn-0911edd.svg);
}

.iti__flag.iti__pr {
  background: url(https://assets.velotooler.com/dist/img/pr-7845ecd.svg);
}

.iti__flag.iti__ps {
  background: url(https://assets.velotooler.com/dist/img/ps-77489c5.svg);
}

.iti__flag.iti__pt {
  background: url(https://assets.velotooler.com/dist/img/pt-b89a5b8.svg);
}

.iti__flag.iti__pw {
  background: url(https://assets.velotooler.com/dist/img/pw-5f3d8d8.svg);
}

.iti__flag.iti__py {
  background: url(https://assets.velotooler.com/dist/img/py-51b0bef.svg);
}

.iti__flag.iti__qa {
  background: url(https://assets.velotooler.com/dist/img/qa-90240e6.svg);
}

.iti__flag.iti__re {
  background: url(https://assets.velotooler.com/dist/img/re-f05b5f1.svg);
}

.iti__flag.iti__ro {
  background: url(https://assets.velotooler.com/dist/img/ro-ea966c3.svg);
}

.iti__flag.iti__rs {
  background: url(https://assets.velotooler.com/dist/img/rs-51e6180.svg);
}

.iti__flag.iti__ru {
  background: url(https://assets.velotooler.com/dist/img/ru-f1c2ba4.svg);
}

.iti__flag.iti__rw {
  background: url(https://assets.velotooler.com/dist/img/rw-2685455.svg);
}

.iti__flag.iti__sa {
  background: url(https://assets.velotooler.com/dist/img/sa-b9a3465.svg);
}

.iti__flag.iti__sb {
  background: url(https://assets.velotooler.com/dist/img/sb-2c405bb.svg);
}

.iti__flag.iti__sc {
  background: url(https://assets.velotooler.com/dist/img/sc-9ba0134.svg);
}

.iti__flag.iti__sd {
  background: url(https://assets.velotooler.com/dist/img/sd-090d0e1.svg);
}

.iti__flag.iti__se {
  background: url(https://assets.velotooler.com/dist/img/se-22333e7.svg);
}

.iti__flag.iti__sg {
  background: url(https://assets.velotooler.com/dist/img/sg-e6a27ad.svg);
}

.iti__flag.iti__sh {
  background: url(https://assets.velotooler.com/dist/img/sh-c5ab8c6.svg);
}

.iti__flag.iti__si {
  background: url(https://assets.velotooler.com/dist/img/si-7f576d8.svg);
}

.iti__flag.iti__sj {
  background: url(https://assets.velotooler.com/dist/img/sj-4952c9a.svg);
}

.iti__flag.iti__sk {
  background: url(https://assets.velotooler.com/dist/img/sk-be58e55.svg);
}

.iti__flag.iti__sl {
  background: url(https://assets.velotooler.com/dist/img/sl-4fd17d6.svg);
}

.iti__flag.iti__sm {
  background: url(https://assets.velotooler.com/dist/img/sm-7e23c95.svg);
}

.iti__flag.iti__sn {
  background: url(https://assets.velotooler.com/dist/img/sn-1ce7952.svg);
}

.iti__flag.iti__so {
  background: url(https://assets.velotooler.com/dist/img/so-d1a7d3e.svg);
}

.iti__flag.iti__sr {
  background: url(https://assets.velotooler.com/dist/img/sr-6905049.svg);
}

.iti__flag.iti__ss {
  background: url(https://assets.velotooler.com/dist/img/ss-e4bf9bb.svg);
}

.iti__flag.iti__st {
  background: url(https://assets.velotooler.com/dist/img/st-72697a8.svg);
}

.iti__flag.iti__sv {
  background: url(https://assets.velotooler.com/dist/img/sv-3bb132d.svg);
}

.iti__flag.iti__sx {
  background: url(https://assets.velotooler.com/dist/img/sx-aafb13f.svg);
}

.iti__flag.iti__sy {
  background: url(https://assets.velotooler.com/dist/img/sy-6529aa1.svg);
}

.iti__flag.iti__sz {
  background: url(https://assets.velotooler.com/dist/img/sz-d62f5ea.svg);
}

.iti__flag.iti__tc {
  background: url(https://assets.velotooler.com/dist/img/tc-f4f8658.svg);
}

.iti__flag.iti__td {
  background: url(https://assets.velotooler.com/dist/img/td-230eddd.svg);
}

.iti__flag.iti__tf {
  background: url(https://assets.velotooler.com/dist/img/tf-cf4959c.svg);
}

.iti__flag.iti__tg {
  background: url(https://assets.velotooler.com/dist/img/tg-f97c4eb.svg);
}

.iti__flag.iti__th {
  background: url(https://assets.velotooler.com/dist/img/th-b6ade2b.svg);
}

.iti__flag.iti__tj {
  background: url(https://assets.velotooler.com/dist/img/tj-b32f7c0.svg);
}

.iti__flag.iti__tk {
  background: url(https://assets.velotooler.com/dist/img/tk-54b9e3f.svg);
}

.iti__flag.iti__tl {
  background: url(https://assets.velotooler.com/dist/img/tl-503b792.svg);
}

.iti__flag.iti__tm {
  background: url(https://assets.velotooler.com/dist/img/tm-6de6696.svg);
}

.iti__flag.iti__tn {
  background: url(https://assets.velotooler.com/dist/img/tn-6cd8c9a.svg);
}

.iti__flag.iti__to {
  background: url(https://assets.velotooler.com/dist/img/to-65dda6e.svg);
}

.iti__flag.iti__tr {
  background: url(https://assets.velotooler.com/dist/img/tr-2880fc8.svg);
}

.iti__flag.iti__tt {
  background: url(https://assets.velotooler.com/dist/img/tt-b9a6939.svg);
}

.iti__flag.iti__tv {
  background: url(https://assets.velotooler.com/dist/img/tv-99618ff.svg);
}

.iti__flag.iti__tw {
  background: url(https://assets.velotooler.com/dist/img/tw-54d619e.svg);
}

.iti__flag.iti__tz {
  background: url(https://assets.velotooler.com/dist/img/tz-2218434.svg);
}

.iti__flag.iti__ua {
  background: url(https://assets.velotooler.com/dist/img/ua-67a46bf.svg);
}

.iti__flag.iti__ug {
  background: url(https://assets.velotooler.com/dist/img/ug-83f4207.svg);
}

.iti__flag.iti__um {
  background: url(https://assets.velotooler.com/dist/img/um-0f5d59d.svg);
}

.iti__flag.iti__us {
  background: url(https://assets.velotooler.com/dist/img/us-3cc0d38.svg);
}

.iti__flag.iti__uy {
  background: url(https://assets.velotooler.com/dist/img/uy-4c3f85c.svg);
}

.iti__flag.iti__uz {
  background: url(https://assets.velotooler.com/dist/img/uz-6e16292.svg);
}

.iti__flag.iti__va {
  background: url(https://assets.velotooler.com/dist/img/va-6d6a5ae.svg);
}

.iti__flag.iti__vc {
  background: url(https://assets.velotooler.com/dist/img/vc-e190342.svg);
}

.iti__flag.iti__ve {
  background: url(https://assets.velotooler.com/dist/img/ve-b8bb047.svg);
}

.iti__flag.iti__vg {
  background: url(https://assets.velotooler.com/dist/img/vg-7bc5c83.svg);
}

.iti__flag.iti__vi {
  background: url(https://assets.velotooler.com/dist/img/vi-bad0002.svg);
}

.iti__flag.iti__vn {
  background: url(https://assets.velotooler.com/dist/img/vn-2301f6f.svg);
}

.iti__flag.iti__vu {
  background: url(https://assets.velotooler.com/dist/img/vu-25acc79.svg);
}

.iti__flag.iti__wf {
  background: url(https://assets.velotooler.com/dist/img/wf-e9a373c.svg);
}

.iti__flag.iti__ws {
  background: url(https://assets.velotooler.com/dist/img/ws-a6817aa.svg);
}

.iti__flag.iti__ye {
  background: url(https://assets.velotooler.com/dist/img/ye-f62afcd.svg);
}

.iti__flag.iti__yt {
  background: url(https://assets.velotooler.com/dist/img/yt-5c77b04.svg);
}

.iti__flag.iti__za {
  background: url(https://assets.velotooler.com/dist/img/za-83099da.svg);
}

.iti__flag.iti__zm {
  background: url(https://assets.velotooler.com/dist/img/zm-79a4123.svg);
}

.iti__flag.iti__zw {
  background: url(https://assets.velotooler.com/dist/img/zw-f5ceeff.svg);
}

.iti__flag.iti__es-ct {
  background: url(https://assets.velotooler.com/dist/img/es-ct-1796893.svg);
}

.iti__flag.iti__es-ga {
  background: url(https://assets.velotooler.com/dist/img/es-ga-23a30d0.svg);
}

.iti__flag.iti__eu {
  background: url(https://assets.velotooler.com/dist/img/eu-db2e50a.svg);
}

.iti__flag.iti__gb-eng {
  background: url(https://assets.velotooler.com/dist/img/gb-eng-1fa89df.svg);
}

.iti__flag.iti__gb-nir {
  background: url(https://assets.velotooler.com/dist/img/gb-nir-8ad0358.svg);
}

.iti__flag.iti__gb-sct {
  background: url(https://assets.velotooler.com/dist/img/gb-sct-4743f1b.svg);
}

.iti__flag.iti__gb-wls {
  background: url(https://assets.velotooler.com/dist/img/gb-wls-a69b6bb.svg);
}

.iti__flag.iti__un {
  background: url(https://assets.velotooler.com/dist/img/un-4c0a34a.svg);
}

.iti__flag.iti__xk {
  background: url(https://assets.velotooler.com/dist/img/xk-12d1409.svg);
}

.vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-phone-number .vui-input {
  padding-left: 156px !important;
}

.vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-phone-number .vui-phone-number__container .iti__flag-container {
  margin-left: 64px;
}

.vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-phone-number .vui-phone-number__container .iti__flag-container .iti__selected-dial-code {
  font-size: 1rem;
}

.vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-phone-number .vui-phone-number__container .iti__flag-container .iti__selected-flag .iti__flag {
  width: 35px;
  height: 26px;
  border-radius: 3px;
}

.vui-input-container.vui-input-container__input-group-left .vui-phone-number .vui-input {
  padding-left: 118px !important;
}

.vui-input-container.vui-input-container__input-group-left .vui-phone-number .vui-phone-number__container .iti__flag-container {
  margin-left: 44px;
}

.vui-input-container.vui-input-container__input-group-left .vui-phone-number .vui-phone-number__container .iti__flag-container .iti__selected-dial-code {
  font-size: 14px;
}

.vui-input-container.vui-input-container__input-group-left .vui-phone-number .vui-phone-number__container .iti__flag-container .iti__selected-flag {
  padding: 0px 6px 0 6px;
}

.vui-input-container .vui-phone-number .vui-input {
  padding-left: 96px !important;
}

.vui-input-container .vui-phone-number .vui-phone-number__container .iti__flag-container {
  margin-left: 0;
}

.vui-input-container .vui-phone-number .vui-phone-number__container .iti__flag-container .iti__selected-flag {
  padding: 0 6px 0 16px;
}

.vui-input-container .vui-phone-number .vui-phone-number__container .iti__flag-container .iti__selected-flag .iti__flag {
  width: 24px;
  height: 18px;
}

.vui-form-control-lg .vui-phone-number .iti--separate-dial-code .iti__selected-dial-code {
  margin-top: 0;
}

.vui-form-control-lg .vui-phone-number .vui-phone-number__container .iti__flag-container {
  margin-left: 62px;
}

.vui-phone-number .iti--separate-dial-code .iti__selected-dial-code {
  font-size: 1rem;
  font-weight: 600;
  font-family: Montserrat, serif;
}

.vui-phone-number .iti--separate-dial-code .iti__selected-flag {
  background-color: transparent;
}

.vui-phone-number .vui-phone-number__container {
  width: 100%;
}

.vui-phone-number .vui-phone-number__container .vui-phone-number__error {
  border: 1px solid #b00000;
  color: #b00000;
}

.vui-phone-number .vui-phone-number__container .iti__flag-container {
  margin-left: 48px;
}

.vui-phone-number .vui-phone-number__container .iti__flag-container {
  border-right-width: 0;
}

.vui-phone-number .vui-phone-number__container .iti__arrow {
  display: none;
}

.vui-phone-number .vui-phone-number__container .iti__flag {
  width: 35px;
  height: 26px;
  border-radius: 3px;
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ad {
  background: url(https://assets.velotooler.com/dist/img/ad-45026b9.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ae {
  background: url(https://assets.velotooler.com/dist/img/ae-2c530f6.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__af {
  background: url(https://assets.velotooler.com/dist/img/af-458ab7e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ag {
  background: url(https://assets.velotooler.com/dist/img/ag-5929ca9.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ai {
  background: url(https://assets.velotooler.com/dist/img/ai-c469900.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__al {
  background: url(https://assets.velotooler.com/dist/img/al-3dd8853.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__am {
  background: url(https://assets.velotooler.com/dist/img/am-e935f82.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ao {
  background: url(https://assets.velotooler.com/dist/img/ao-ad6f3c8.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__aq {
  background: url(https://assets.velotooler.com/dist/img/aq-e3fbc5d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ar {
  background: url(https://assets.velotooler.com/dist/img/ar-2ff091f.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__as {
  background: url(https://assets.velotooler.com/dist/img/as-3b86b68.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__at {
  background: url(https://assets.velotooler.com/dist/img/at-1281f45.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__au {
  background: url(https://assets.velotooler.com/dist/img/au-932d918.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__aw {
  background: url(https://assets.velotooler.com/dist/img/aw-9829819.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ax {
  background: url(https://assets.velotooler.com/dist/img/ax-6651bb2.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__az {
  background: url(https://assets.velotooler.com/dist/img/az-d4faca4.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ba {
  background: url(https://assets.velotooler.com/dist/img/ba-7097f2f.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bb {
  background: url(https://assets.velotooler.com/dist/img/bb-021629a.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bd {
  background: url(https://assets.velotooler.com/dist/img/bd-d16830c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__be {
  background: url(https://assets.velotooler.com/dist/img/be-410c4ac.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bf {
  background: url(https://assets.velotooler.com/dist/img/bf-4275eb8.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bg {
  background: url(https://assets.velotooler.com/dist/img/bg-c9c1307.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bh {
  background: url(https://assets.velotooler.com/dist/img/bh-ec61516.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bi {
  background: url(https://assets.velotooler.com/dist/img/bi-3fce551.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bj {
  background: url(https://assets.velotooler.com/dist/img/bj-e8591ed.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bl {
  background: url(https://assets.velotooler.com/dist/img/bl-6a6bc7f.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bm {
  background: url(https://assets.velotooler.com/dist/img/bm-e2aa572.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bn {
  background: url(https://assets.velotooler.com/dist/img/bn-ad7aafa.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bo {
  background: url(https://assets.velotooler.com/dist/img/bo-0435cb1.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bq {
  background: url(https://assets.velotooler.com/dist/img/bq-8ff78ac.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__br {
  background: url(https://assets.velotooler.com/dist/img/br-5ec1328.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bs {
  background: url(https://assets.velotooler.com/dist/img/bs-5497678.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bt {
  background: url(https://assets.velotooler.com/dist/img/bt-eed19cb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bv {
  background: url(https://assets.velotooler.com/dist/img/bv-b789f83.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bw {
  background: url(https://assets.velotooler.com/dist/img/bw-8a35721.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__by {
  background: url(https://assets.velotooler.com/dist/img/by-9559f21.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__bz {
  background: url(https://assets.velotooler.com/dist/img/bz-4eb2d29.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ca {
  background: url(https://assets.velotooler.com/dist/img/ca-d348137.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cc {
  background: url(https://assets.velotooler.com/dist/img/cc-200233c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cd {
  background: url(https://assets.velotooler.com/dist/img/cd-e5fd4d1.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cf {
  background: url(https://assets.velotooler.com/dist/img/cf-617adc0.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cg {
  background: url(https://assets.velotooler.com/dist/img/cg-440e321.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ch {
  background: url(https://assets.velotooler.com/dist/img/ch-7a52ef5.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ci {
  background: url(https://assets.velotooler.com/dist/img/ci-b1030b2.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ck {
  background: url(https://assets.velotooler.com/dist/img/ck-65a80cb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cl {
  background: url(https://assets.velotooler.com/dist/img/cl-b9ff305.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cm {
  background: url(https://assets.velotooler.com/dist/img/cm-7578267.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cn {
  background: url(https://assets.velotooler.com/dist/img/cn-7977e12.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__co {
  background: url(https://assets.velotooler.com/dist/img/co-59ec93f.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cr {
  background: url(https://assets.velotooler.com/dist/img/cr-6f2d7bb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cu {
  background: url(https://assets.velotooler.com/dist/img/cu-ff35f99.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cv {
  background: url(https://assets.velotooler.com/dist/img/cv-4343733.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cw {
  background: url(https://assets.velotooler.com/dist/img/cw-8e4cecb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cx {
  background: url(https://assets.velotooler.com/dist/img/cx-b9b5e6c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cy {
  background: url(https://assets.velotooler.com/dist/img/cy-70de54e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__cz {
  background: url(https://assets.velotooler.com/dist/img/cz-8ef2bc6.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__de {
  background: url(https://assets.velotooler.com/dist/img/de-7e82f4c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__dj {
  background: url(https://assets.velotooler.com/dist/img/dj-76f4cdf.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__dk {
  background: url(https://assets.velotooler.com/dist/img/dk-f4e8fc5.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__dm {
  background: url(https://assets.velotooler.com/dist/img/dm-4667576.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__do {
  background: url(https://assets.velotooler.com/dist/img/do-c05850d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__dz {
  background: url(https://assets.velotooler.com/dist/img/dz-945a413.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ec {
  background: url(https://assets.velotooler.com/dist/img/ec-3ea7f90.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ee {
  background: url(https://assets.velotooler.com/dist/img/ee-887a78f.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__eg {
  background: url(https://assets.velotooler.com/dist/img/eg-b3580df.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__eh {
  background: url(https://assets.velotooler.com/dist/img/eh-8c8b274.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__er {
  background: url(https://assets.velotooler.com/dist/img/er-458bc29.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__es {
  background: url(https://assets.velotooler.com/dist/img/es-1a25a96.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__et {
  background: url(https://assets.velotooler.com/dist/img/et-cbe354b.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__fi {
  background: url(https://assets.velotooler.com/dist/img/fi-3b522e7.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__fj {
  background: url(https://assets.velotooler.com/dist/img/fj-f3d86ad.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__fk {
  background: url(https://assets.velotooler.com/dist/img/fk-ddc6bd1.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__fm {
  background: url(https://assets.velotooler.com/dist/img/fm-3bfd96e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__fo {
  background: url(https://assets.velotooler.com/dist/img/fo-f284df3.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__fr {
  background: url(https://assets.velotooler.com/dist/img/fr-81d43a1.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ga {
  background: url(https://assets.velotooler.com/dist/img/ga-4257c8e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gb {
  background: url(https://assets.velotooler.com/dist/img/gb-ba1c7f5.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gd {
  background: url(https://assets.velotooler.com/dist/img/gd-b446a44.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ge {
  background: url(https://assets.velotooler.com/dist/img/ge-98cf9dc.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gf {
  background: url(https://assets.velotooler.com/dist/img/gf-695a47d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gg {
  background: url(https://assets.velotooler.com/dist/img/gg-6b23b5b.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gh {
  background: url(https://assets.velotooler.com/dist/img/gh-d060e23.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gi {
  background: url(https://assets.velotooler.com/dist/img/gi-345b700.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gl {
  background: url(https://assets.velotooler.com/dist/img/gl-84ac557.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gm {
  background: url(https://assets.velotooler.com/dist/img/gm-cdfdf8b.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gn {
  background: url(https://assets.velotooler.com/dist/img/gn-bf5b087.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gp {
  background: url(https://assets.velotooler.com/dist/img/gp-092b6bf.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gq {
  background: url(https://assets.velotooler.com/dist/img/gq-c2cb1ad.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gr {
  background: url(https://assets.velotooler.com/dist/img/gr-e2d0116.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gs {
  background: url(https://assets.velotooler.com/dist/img/gs-c19adcd.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gt {
  background: url(https://assets.velotooler.com/dist/img/gt-ccfc27d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gu {
  background: url(https://assets.velotooler.com/dist/img/gu-459831e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gw {
  background: url(https://assets.velotooler.com/dist/img/gw-f29eedf.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gy {
  background: url(https://assets.velotooler.com/dist/img/gy-49a30b4.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__hk {
  background: url(https://assets.velotooler.com/dist/img/hk-c0a93c0.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__hm {
  background: url(https://assets.velotooler.com/dist/img/hm-fdd5197.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__hn {
  background: url(https://assets.velotooler.com/dist/img/hn-f53ee3d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__hr {
  background: url(https://assets.velotooler.com/dist/img/hr-00a76e1.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ht {
  background: url(https://assets.velotooler.com/dist/img/ht-3af38bf.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__hu {
  background: url(https://assets.velotooler.com/dist/img/hu-bcbd277.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__id {
  background: url(https://assets.velotooler.com/dist/img/id-e2afd17.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ie {
  background: url(https://assets.velotooler.com/dist/img/ie-5ecf710.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__il {
  background: url(https://assets.velotooler.com/dist/img/il-4c70e23.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__im {
  background: url(https://assets.velotooler.com/dist/img/im-b21ce58.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__in {
  background: url(https://assets.velotooler.com/dist/img/in-e5926cb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__io {
  background: url(https://assets.velotooler.com/dist/img/io-e31ca9a.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__iq {
  background: url(https://assets.velotooler.com/dist/img/iq-5cd51d2.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ir {
  background: url(https://assets.velotooler.com/dist/img/ir-12e7432.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__is {
  background: url(https://assets.velotooler.com/dist/img/is-2dfa14d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__it {
  background: url(https://assets.velotooler.com/dist/img/it-290f2fe.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__je {
  background: url(https://assets.velotooler.com/dist/img/je-7a0b485.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__jm {
  background: url(https://assets.velotooler.com/dist/img/jm-6bb96bb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__jo {
  background: url(https://assets.velotooler.com/dist/img/jo-f41fe7d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__jp {
  background: url(https://assets.velotooler.com/dist/img/jp-19c631c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ke {
  background: url(https://assets.velotooler.com/dist/img/ke-74aaf58.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__kg {
  background: url(https://assets.velotooler.com/dist/img/kg-1fe994c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__kh {
  background: url(https://assets.velotooler.com/dist/img/kh-7b33804.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ki {
  background: url(https://assets.velotooler.com/dist/img/ki-de100d3.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__km {
  background: url(https://assets.velotooler.com/dist/img/km-93ef5e2.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__kn {
  background: url(https://assets.velotooler.com/dist/img/kn-a4e974e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__kp {
  background: url(https://assets.velotooler.com/dist/img/kp-8d10def.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__kr {
  background: url(https://assets.velotooler.com/dist/img/kr-939387c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__kw {
  background: url(https://assets.velotooler.com/dist/img/kw-2dce482.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ky {
  background: url(https://assets.velotooler.com/dist/img/ky-ef8e187.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__kz {
  background: url(https://assets.velotooler.com/dist/img/kz-7194851.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__la {
  background: url(https://assets.velotooler.com/dist/img/la-8d6ad26.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__lb {
  background: url(https://assets.velotooler.com/dist/img/lb-7547992.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__lc {
  background: url(https://assets.velotooler.com/dist/img/lc-c6488de.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__li {
  background: url(https://assets.velotooler.com/dist/img/li-69a1d60.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__lk {
  background: url(https://assets.velotooler.com/dist/img/lk-593078c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__lr {
  background: url(https://assets.velotooler.com/dist/img/lr-3a7c494.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ls {
  background: url(https://assets.velotooler.com/dist/img/ls-0de0f90.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__lt {
  background: url(https://assets.velotooler.com/dist/img/lt-4c19d3a.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__lu {
  background: url(https://assets.velotooler.com/dist/img/lu-adc8f77.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__lv {
  background: url(https://assets.velotooler.com/dist/img/lv-9a5d132.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ly {
  background: url(https://assets.velotooler.com/dist/img/ly-0ea8dfc.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ma {
  background: url(https://assets.velotooler.com/dist/img/ma-363a4f7.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mc {
  background: url(https://assets.velotooler.com/dist/img/mc-a2634c6.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__md {
  background: url(https://assets.velotooler.com/dist/img/md-4d08e48.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__me {
  background: url(https://assets.velotooler.com/dist/img/me-0b78561.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mf {
  background: url(https://assets.velotooler.com/dist/img/mf-2d96a80.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mg {
  background: url(https://assets.velotooler.com/dist/img/mg-f910107.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mh {
  background: url(https://assets.velotooler.com/dist/img/mh-c0b2e37.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mk {
  background: url(https://assets.velotooler.com/dist/img/mk-31ba11e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ml {
  background: url(https://assets.velotooler.com/dist/img/ml-18083e4.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mm {
  background: url(https://assets.velotooler.com/dist/img/mm-6f93c6d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mn {
  background: url(https://assets.velotooler.com/dist/img/mn-5e4557f.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mo {
  background: url(https://assets.velotooler.com/dist/img/mo-ac9b170.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mp {
  background: url(https://assets.velotooler.com/dist/img/mp-394b0c9.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mq {
  background: url(https://assets.velotooler.com/dist/img/mq-e82d6df.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mr {
  background: url(https://assets.velotooler.com/dist/img/mr-3642790.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ms {
  background: url(https://assets.velotooler.com/dist/img/ms-9474f8c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mt {
  background: url(https://assets.velotooler.com/dist/img/mt-c91049a.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mu {
  background: url(https://assets.velotooler.com/dist/img/mu-97beced.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mv {
  background: url(https://assets.velotooler.com/dist/img/mv-0329f53.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mw {
  background: url(https://assets.velotooler.com/dist/img/mw-b4d805e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mx {
  background: url(https://assets.velotooler.com/dist/img/mx-bc63d25.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__my {
  background: url(https://assets.velotooler.com/dist/img/my-0d298a9.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__mz {
  background: url(https://assets.velotooler.com/dist/img/mz-dac5f7e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__na {
  background: url(https://assets.velotooler.com/dist/img/na-e241f81.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__nc {
  background: url(https://assets.velotooler.com/dist/img/nc-93179b6.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ne {
  background: url(https://assets.velotooler.com/dist/img/ne-6fd3ccd.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__nf {
  background: url(https://assets.velotooler.com/dist/img/nf-7a4f3d1.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ng {
  background: url(https://assets.velotooler.com/dist/img/ng-b69ed1e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ni {
  background: url(https://assets.velotooler.com/dist/img/ni-d30c037.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__nl {
  background: url(https://assets.velotooler.com/dist/img/nl-21eb77d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__no {
  background: url(https://assets.velotooler.com/dist/img/no-6df96bb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__np {
  background: url(https://assets.velotooler.com/dist/img/np-ecc31e5.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__nr {
  background: url(https://assets.velotooler.com/dist/img/nr-dcf2ea3.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__nu {
  background: url(https://assets.velotooler.com/dist/img/nu-61f17ae.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__nz {
  background: url(https://assets.velotooler.com/dist/img/nz-bc62fb4.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__om {
  background: url(https://assets.velotooler.com/dist/img/om-716feea.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pa {
  background: url(https://assets.velotooler.com/dist/img/pa-8788ab5.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pe {
  background: url(https://assets.velotooler.com/dist/img/pe-9e2ec84.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pf {
  background: url(https://assets.velotooler.com/dist/img/pf-296e945.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pg {
  background: url(https://assets.velotooler.com/dist/img/pg-dcb8c4a.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ph {
  background: url(https://assets.velotooler.com/dist/img/ph-596b9b6.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pk {
  background: url(https://assets.velotooler.com/dist/img/pk-8f9276e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pl {
  background: url(https://assets.velotooler.com/dist/img/pl-7ea4b5b.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pm {
  background: url(https://assets.velotooler.com/dist/img/pm-c5a64f8.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pn {
  background: url(https://assets.velotooler.com/dist/img/pn-0911edd.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pr {
  background: url(https://assets.velotooler.com/dist/img/pr-7845ecd.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ps {
  background: url(https://assets.velotooler.com/dist/img/ps-77489c5.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pt {
  background: url(https://assets.velotooler.com/dist/img/pt-b89a5b8.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__pw {
  background: url(https://assets.velotooler.com/dist/img/pw-5f3d8d8.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__py {
  background: url(https://assets.velotooler.com/dist/img/py-51b0bef.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__qa {
  background: url(https://assets.velotooler.com/dist/img/qa-90240e6.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__re {
  background: url(https://assets.velotooler.com/dist/img/re-f05b5f1.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ro {
  background: url(https://assets.velotooler.com/dist/img/ro-ea966c3.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__rs {
  background: url(https://assets.velotooler.com/dist/img/rs-51e6180.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ru {
  background: url(https://assets.velotooler.com/dist/img/ru-f1c2ba4.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__rw {
  background: url(https://assets.velotooler.com/dist/img/rw-2685455.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sa {
  background: url(https://assets.velotooler.com/dist/img/sa-b9a3465.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sb {
  background: url(https://assets.velotooler.com/dist/img/sb-2c405bb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sc {
  background: url(https://assets.velotooler.com/dist/img/sc-9ba0134.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sd {
  background: url(https://assets.velotooler.com/dist/img/sd-090d0e1.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__se {
  background: url(https://assets.velotooler.com/dist/img/se-22333e7.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sg {
  background: url(https://assets.velotooler.com/dist/img/sg-e6a27ad.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sh {
  background: url(https://assets.velotooler.com/dist/img/sh-c5ab8c6.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__si {
  background: url(https://assets.velotooler.com/dist/img/si-7f576d8.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sj {
  background: url(https://assets.velotooler.com/dist/img/sj-4952c9a.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sk {
  background: url(https://assets.velotooler.com/dist/img/sk-be58e55.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sl {
  background: url(https://assets.velotooler.com/dist/img/sl-4fd17d6.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sm {
  background: url(https://assets.velotooler.com/dist/img/sm-7e23c95.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sn {
  background: url(https://assets.velotooler.com/dist/img/sn-1ce7952.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__so {
  background: url(https://assets.velotooler.com/dist/img/so-d1a7d3e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sr {
  background: url(https://assets.velotooler.com/dist/img/sr-6905049.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ss {
  background: url(https://assets.velotooler.com/dist/img/ss-e4bf9bb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__st {
  background: url(https://assets.velotooler.com/dist/img/st-72697a8.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sv {
  background: url(https://assets.velotooler.com/dist/img/sv-3bb132d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sx {
  background: url(https://assets.velotooler.com/dist/img/sx-aafb13f.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sy {
  background: url(https://assets.velotooler.com/dist/img/sy-6529aa1.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__sz {
  background: url(https://assets.velotooler.com/dist/img/sz-d62f5ea.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tc {
  background: url(https://assets.velotooler.com/dist/img/tc-f4f8658.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__td {
  background: url(https://assets.velotooler.com/dist/img/td-230eddd.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tf {
  background: url(https://assets.velotooler.com/dist/img/tf-cf4959c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tg {
  background: url(https://assets.velotooler.com/dist/img/tg-f97c4eb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__th {
  background: url(https://assets.velotooler.com/dist/img/th-b6ade2b.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tj {
  background: url(https://assets.velotooler.com/dist/img/tj-b32f7c0.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tk {
  background: url(https://assets.velotooler.com/dist/img/tk-54b9e3f.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tl {
  background: url(https://assets.velotooler.com/dist/img/tl-503b792.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tm {
  background: url(https://assets.velotooler.com/dist/img/tm-6de6696.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tn {
  background: url(https://assets.velotooler.com/dist/img/tn-6cd8c9a.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__to {
  background: url(https://assets.velotooler.com/dist/img/to-65dda6e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tr {
  background: url(https://assets.velotooler.com/dist/img/tr-2880fc8.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tt {
  background: url(https://assets.velotooler.com/dist/img/tt-b9a6939.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tv {
  background: url(https://assets.velotooler.com/dist/img/tv-99618ff.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tw {
  background: url(https://assets.velotooler.com/dist/img/tw-54d619e.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__tz {
  background: url(https://assets.velotooler.com/dist/img/tz-2218434.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ua {
  background: url(https://assets.velotooler.com/dist/img/ua-67a46bf.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ug {
  background: url(https://assets.velotooler.com/dist/img/ug-83f4207.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__um {
  background: url(https://assets.velotooler.com/dist/img/um-0f5d59d.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__us {
  background: url(https://assets.velotooler.com/dist/img/us-3cc0d38.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__uy {
  background: url(https://assets.velotooler.com/dist/img/uy-4c3f85c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__uz {
  background: url(https://assets.velotooler.com/dist/img/uz-6e16292.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__va {
  background: url(https://assets.velotooler.com/dist/img/va-6d6a5ae.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__vc {
  background: url(https://assets.velotooler.com/dist/img/vc-e190342.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ve {
  background: url(https://assets.velotooler.com/dist/img/ve-b8bb047.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__vg {
  background: url(https://assets.velotooler.com/dist/img/vg-7bc5c83.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__vi {
  background: url(https://assets.velotooler.com/dist/img/vi-bad0002.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__vn {
  background: url(https://assets.velotooler.com/dist/img/vn-2301f6f.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__vu {
  background: url(https://assets.velotooler.com/dist/img/vu-25acc79.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__wf {
  background: url(https://assets.velotooler.com/dist/img/wf-e9a373c.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ws {
  background: url(https://assets.velotooler.com/dist/img/ws-a6817aa.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__ye {
  background: url(https://assets.velotooler.com/dist/img/ye-f62afcd.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__yt {
  background: url(https://assets.velotooler.com/dist/img/yt-5c77b04.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__za {
  background: url(https://assets.velotooler.com/dist/img/za-83099da.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__zm {
  background: url(https://assets.velotooler.com/dist/img/zm-79a4123.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__zw {
  background: url(https://assets.velotooler.com/dist/img/zw-f5ceeff.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__es-ct {
  background: url(https://assets.velotooler.com/dist/img/es-ct-1796893.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__es-ga {
  background: url(https://assets.velotooler.com/dist/img/es-ga-23a30d0.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__eu {
  background: url(https://assets.velotooler.com/dist/img/eu-db2e50a.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gb-eng {
  background: url(https://assets.velotooler.com/dist/img/gb-eng-1fa89df.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gb-nir {
  background: url(https://assets.velotooler.com/dist/img/gb-nir-8ad0358.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gb-sct {
  background: url(https://assets.velotooler.com/dist/img/gb-sct-4743f1b.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__gb-wls {
  background: url(https://assets.velotooler.com/dist/img/gb-wls-a69b6bb.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__un {
  background: url(https://assets.velotooler.com/dist/img/un-4c0a34a.svg);
}

.vui-phone-number .vui-phone-number__container .iti__flag.iti__xk {
  background: url(https://assets.velotooler.com/dist/img/xk-12d1409.svg);
}

.vui-phone-number .vui-phone-number__container .iti__country .iti__flag {
  width: 20px;
  height: 15px;
  border-radius: 2px;
}

.vui-phone-number .vui-phone-number__container .iti__country-list {
  background: #fff;
  border-radius: 4px;
  border-width: 0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  margin-top: 20px;
  margin-bottom: 20px;
  max-height: 350px;
  overflow-y: auto;
  z-index: 9999;
  scrollbar-color: rgba(255, 255, 255, .8) rgba(0, 0, 0, 0) !important;
  scrollbar-width: thin !important;
}

.vui-phone-number .vui-phone-number__container .iti__country-list .iti__divider {
  border-color: #b3b3b3;
}

.vui-phone-number .vui-phone-number__container .iti__country-list .iti__country {
  border-bottom-width: 0;
  font-size: 1rem;
  line-height: 2.65rem;
  padding: 0 20px;
  font-weight: 600;
  cursor: pointer;
  color: rgb(0, 0, 0);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  transition: all 200ms ease-in-out;
}

.vui-phone-number .vui-phone-number__container .iti__country-list .iti__country .iti__flag-box,
.vui-phone-number .vui-phone-number__container .iti__country-list .iti__country .iti__country-name {
  margin-right: 16px;
}

.vui-phone-number .vui-phone-number__container .iti__country-list .iti__country:hover,
.vui-phone-number .vui-phone-number__container .iti__country-list .iti__country:focus,
.vui-phone-number .vui-phone-number__container .iti__country-list .iti__country.active {
  color: #000;
  background: #f6f6f6;
}

.vui-phone-number .vui-phone-number__container .iti__country-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  border-radius: 3px;
  background-color: transparent;
}

.vui-phone-number .vui-phone-number__container .iti__country-list::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

.vui-phone-number .vui-phone-number__container .iti__country-list::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
  background-color: rgba(0, 0, 0, .2);
}

@media only screen and (max-width: 767px) {
  .vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-phone-number .vui-input {
    padding-left: 118px !important;
  }

  .vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-phone-number .vui-phone-number__container .iti__flag-container {
    margin-left: 44px;
  }

  .vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-phone-number .vui-phone-number__container .iti__flag-container .iti__selected-dial-code {
    font-size: 14px;
  }

  .vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-phone-number .vui-phone-number__container .iti__flag-container .iti__selected-flag {
    padding: 0px 6px 0 6px;
  }

  .vui-input-container.vui-input-container__input-group-left.vui-form-control-lg .vui-phone-number .vui-phone-number__container .iti__flag-container .iti__selected-flag .iti__flag {
    width: 24px;
    height: 18px;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/side-form/side-form.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-side-form-container {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 84px);
  padding: 4px 0;
  width: 100%;
  top: 84px;
  left: 0;
  position: absolute;
  z-index: 10;
  background-color: rgba(40, 40, 40, .8);
  opacity: 1;
  transition: all 250ms ease-in-out;
}

.vui-side-form-container.vui-side-form-container__hide {
  display: none;
}

.vui-side-form-container.vui-side-form-container__hide--animated {
  opacity: 0;
}

.vui-side-form-container.vui-side-form-container__hide--animated .vui-side-form {
  transform: translateX(500px);
}

.vui-side-form-container .vui-side-form {
  max-height: inherit;
  transform: translateX(0);
  transition: all 250ms ease-in-out;
}

.vui-side-form-container .vui-side-form .vui-form {
  box-shadow: 0 0 0 transparent;
  max-width: 400px;
  margin: 0 0 0 auto;
  padding: 1rem 2rem;
  border-radius: 2rem 0 0 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  background: #fff;
}

.vui-side-form-container .vui-side-form .vui-form .vui-form__title {
  text-align: left;
  margin-bottom: 0;
}

.vui-side-form-container .vui-side-form .vui-side-form__title {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
}

@media (min-width: 768px) and (max-width: 991px) {
  .vui-side-form-container {
    height: calc(100% - 60px);
    top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .vui-side-form-container {
    height: calc(100% - 60px);
    padding: 0;
    width: 100%;
    top: 60px;
  }

  .vui-side-form-container .vui-side-form .vui-form {
    max-width: 100%;
    border-radius: 0;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/side-menu/side-menu.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-side-menu {
  top: 0;
  left: 0;
  height: calc(100vh - 84px);
  background: #f5f5f5;
  z-index: 20;
  transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
}

.vui-side-menu .vui-side-menu__toggler-content .vui-side-menu__toggler {
  width: 3.25rem;
  height: 2.25rem;
  padding: .5rem 0;
  border-radius: .25rem;
  transition: all 250ms ease-in-out;
}

.vui-side-menu .vui-side-menu__toggler-content .vui-side-menu__toggler svg {
  transition: transform 250ms ease-in-out;
}

.vui-side-menu .vui-side-menu__toggler-content .vui-side-menu__toggler.active,
.vui-side-menu .vui-side-menu__toggler-content .vui-side-menu__toggler:active,
.vui-side-menu .vui-side-menu__toggler-content .vui-side-menu__toggler:hover {
  background: #fff400;
}

.vui-side-menu--expanded .vui-side-menu {
  width: 250px;
}

.vui-side-menu--expanded .vui-side-menu__toggler svg {
  transform: rotateY(0);
}

.vui-side-menu--collapsed .vui-side-menu {
  width: 88px;
}

.vui-side-menu--collapsed .vui-side-menu__toggler svg {
  transform: rotateY(180deg);
}

@media only screen and (max-width: 991px) {
  .vui-side-menu--expanded .vui-side-menu {
    width: 100%;
  }

  .vui-side-menu {
    transition: all 250ms ease-in-out;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: 100;
    background: #fff;
    padding-left: 4px;
    overflow-y: auto;
  }

  .vui-side-menu .vui-side-menu__menu-items {
    padding-top: 74px;
  }

  .vui-side-menu .vui-side-menu__toggler-content {
    display: none;
  }

  .vui-side-menu .vui-side-menu__menu-toggler {
    width: 84px;
    height: 60px;
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    outline: none;
  }

  .vui-side-menu--close .vui-side-menu {
    left: -100%;
  }

  .vui-side-menu--open .vui-side-menu {
    left: 0;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/side-menu-item/side-menu-item.component.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-side-menu-item.vui-btn.btn-outline-dark {
  border: 0 solid #fff;
  border-radius: 0 .625rem .625rem 0;
  transition: all 250ms ease-in-out;
  padding: 0 2rem 0 2rem;
  min-width: 1.25rem;
}

.vui-side-menu-item.vui-btn.btn-outline-dark span {
  font-size: .875rem;
  text-align: left;
  transition: all 250ms ease-in-out;
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.vui-side-menu-item.vui-btn.btn-outline-dark path {
  transition: all 250ms ease-in-out;
}

.vui-side-menu-item.vui-btn.btn-outline-dark[disabled] {
  pointer-events: none;
}

.vui-side-menu-item.vui-btn.btn-outline-dark.active:not([disabled]) .vui-inverted-icon path,
.vui-side-menu-item.vui-btn.btn-outline-dark:active:not([disabled]) .vui-inverted-icon path,
.vui-side-menu-item.vui-btn.btn-outline-dark:focus:not([disabled]) .vui-inverted-icon path,
.vui-side-menu-item.vui-btn.btn-outline-dark:hover:not([disabled]) .vui-inverted-icon path {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.vui-side-menu--expanded .vui-side-menu-item.vui-btn.btn-outline-dark span {
  width: 166px;
  padding-left: 1rem;
}

.vui-side-menu--collapsed .vui-side-menu-item.vui-btn.btn-outline-dark span {
  width: 0;
  padding-left: 0;
}

@media only screen and (max-width: 991px) {
  .vui-side-menu-item.vui-btn.btn-outline-dark {
    border-radius: 0;
  }

  .vui-side-menu-item.vui-btn.btn-outline-dark span {
    font-size: 1rem;
    font-weight: 700;
    width: 100% !important;
    line-height: 3rem;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/side-menu-sign-out-item/side-menu-sign-out-item.component.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/


/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/side-menu-sign-out-to-admin-item/side-menu-sign-out-to-admin-item.component.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/


/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/stepper/stepper.component.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-stepper {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.vui-stepper .vui-stepper__steps vui-stepper-steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.vui-stepper .vui-stepper__steps vui-stepper-steps .vui-stepper-item {
  width: 100px;
}

.vui-stepper .vui-stepper__steps vui-stepper-steps .vui-stepper-item vui-step-label {
  text-wrap: nowrap;
}

.vui-stepper .vui-stepper__steps vui-stepper-steps vui-stepper-item:first-child .vui-stepper-item {
  align-items: start;
}

.vui-stepper .vui-stepper__steps vui-stepper-steps vui-stepper-item:last-child .vui-stepper-item {
  align-items: end;
}

.vui-stepper .vui-stepper__spaces {
  display: flex;
  flex-direction: row;
  gap: 6rem;
  padding: 0 8rem;
  margin-top: -56px;
}

.vui-stepper .vui-stepper__spaces hr {
  height: 1px;
  background: #808080;
  width: calc(100% - 2rem);
}

.vui-stepper .vui-stepper__spaces hr:first-child {
  margin-left: -4rem;
  width: calc(100% + 4rem);
}

.vui-stepper .vui-stepper__spaces hr:last-child {
  margin-right: -4rem;
  width: calc(100% + 4rem);
}

.vui-stepper .vui-stepper__content {
  display: block;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.vui-stepper .vui-stepper__content vui-stepper-contents {
  min-height: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  overflow: visible;
  display: flex;
  transition: left 250ms ease-in-out;
}

@media (min-width: 768px) and (max-width: 991px) {
  .vui-stepper .vui-stepper__spaces {
    gap: 0;
    padding: 0;
    margin-top: -56px;
  }

  .vui-stepper .vui-stepper__spaces hr {
    height: 1px;
    background: #808080;
    width: calc(33.3333333333% - 5rem);
  }

  .vui-stepper .vui-stepper__spaces hr:first-child {
    width: calc(33.3333333333% - 3rem);
    margin-left: 2.5rem;
  }

  .vui-stepper .vui-stepper__spaces hr:last-child {
    width: calc(33.3333333333% - 3rem);
    margin-right: 2.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .vui-stepper .vui-stepper__steps vui-stepper-steps {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .vui-stepper .vui-stepper__steps vui-stepper-steps .vui-stepper-item {
    max-width: 84px;
    width: 64px;
  }

  .vui-stepper .vui-stepper__steps vui-stepper-steps .vui-stepper-item vui-step-label {
    text-wrap: balance;
    max-width: 84px;
    height: 28px;
    display: block;
  }

  .vui-stepper .vui-stepper__steps vui-stepper-steps vui-stepper-item:first-child .vui-stepper-item {
    align-items: start;
  }

  .vui-stepper .vui-stepper__steps vui-stepper-steps vui-stepper-item:last-child .vui-stepper-item {
    align-items: end;
  }

  .vui-stepper .vui-stepper__spaces {
    gap: 0;
    padding: 0;
    margin-top: -48px;
  }

  .vui-stepper .vui-stepper__spaces hr {
    height: 1px;
    background: #808080;
    width: calc(33.3333333333% - 3.5rem);
  }

  .vui-stepper .vui-stepper__spaces hr:first-child {
    width: calc(33.3333333333% - 2.25rem);
    margin-left: 1.75rem;
  }

  .vui-stepper .vui-stepper__spaces hr:last-child {
    width: calc(33.3333333333% - 2.25rem);
    margin-right: 1.75rem;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/stepper-content/stepper-content.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

vui-stepper-content {
  min-width: 100%;
  width: 100%;
}

.vui-stepper-content {
  max-height: 0;
  opacity: 0;
  transition: all 250ms ease-in-out;
}

.vui-stepper-content.active {
  max-height: initial;
  opacity: 1;
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/stepper-item/stepper-item.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-stepper-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.5rem;
  cursor: pointer;
}

.vui-stepper-item .vui-stepper-item__label {
  font-size: .75rem;
  font-weight: 600;
  line-height: .875rem;
  color: #808080;
  transition: color 250ms ease-in-out;
}

.vui-stepper-item .vui-stepper-item__icon {
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  border: 1px solid #808080;
  color: #808080;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  font-weight: 600;
  line-height: .875rem;
  transition: all 250ms ease-in-out;
}

.vui-stepper-item .vui-stepper-item__icon .icon__active-icon {
  display: block;
  max-height: .75rem;
}

.vui-stepper-item .vui-stepper-item__icon .icon__completed-icon {
  display: none;
}

.vui-stepper-item.active .vui-stepper-item__label,
.vui-stepper-item:hover .vui-stepper-item__label {
  color: #000;
}

.vui-stepper-item.active .vui-stepper-item__icon,
.vui-stepper-item:hover .vui-stepper-item__icon {
  color: #000;
  border: 1px solid #000;
}

.vui-stepper-item.completed .vui-stepper-item__icon {
  background: #fff400;
  border: 1px solid #fff400;
}

.vui-stepper-item.completed .icon__active-icon {
  display: none;
}

.vui-stepper-item.completed .icon__completed-icon {
  display: block;
  height: 13px;
}

@media only screen and (max-width: 767px) {
  .vui-stepper-item {
    row-gap: .5rem;
  }

  .vui-stepper-item .vui-stepper-item__label {
    line-height: .75rem;
  }

  .vui-stepper-item .vui-stepper-item__icon {
    width: 1rem;
    height: 1rem;
    border-radius: .5rem;
    font-size: .75rem;
    line-height: .75rem;
  }

  .vui-stepper-item .vui-stepper-item__icon .icon__completed-icon svg {
    width: 9px;
    height: 9px;
  }

  .vui-stepper-item.completed .icon__completed-icon {
    height: 9px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/switch/switch.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-switch {
  cursor: pointer;
  width: 2.25rem;
  height: 1.25rem;
  background: #f5f5f5;
  border: 1px solid #fff400;
  border-radius: .625rem;
  display: flex;
  align-items: center;
  transition: background 250ms ease-in-out;
}

.vui-switch .vui-switch__thumb {
  width: 1rem;
  height: 1rem;
  background: #fff;
  border: 1px solid #fff400;
  border-radius: .5rem;
  box-shadow: 0 1px 3px 0 rgba(16, 24, 40, .1019607843);
  margin-left: 1px;
  transition: all 250ms ease-in-out;
}

.vui-switch.checked {
  background: #fff400;
}

.vui-switch.checked .vui-switch__thumb {
  transform: translateX(16px);
}

.vui-switch.disabled {
  cursor: default;
}

.vui-switch .vui-switch__checkbox {
  left: -100px;
  top: 0;
  position: absolute;
}

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/tab/tab.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

vui-tab .vui-tab {
  font-size: .875rem;
  line-height: 17px;
  color: #808080;
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

vui-tab .vui-tab .vui-tab__link {
  padding: .5rem 1rem .5rem 1rem;
  color: #808080;
  display: block;
  text-wrap: nowrap;
}

vui-tab .vui-tab[disabled] {
  pointer-events: none;
  cursor: default;
}

vui-tab .vui-tab.active:not([disabled]) {
  display: block;
}

vui-tab .vui-tab.active:not([disabled]),
vui-tab .vui-tab:active:not([disabled]),
vui-tab .vui-tab:focus:not([disabled]),
vui-tab .vui-tab:hover:not([disabled]) {
  color: #000;
  border-bottom: 3px solid #fff400;
}

vui-tab .vui-tab.active:not([disabled]) .vui-tab__link:not([disabled]),
vui-tab .vui-tab:active:not([disabled]) .vui-tab__link:not([disabled]),
vui-tab .vui-tab:focus:not([disabled]) .vui-tab__link:not([disabled]),
vui-tab .vui-tab:hover:not([disabled]) .vui-tab__link:not([disabled]) {
  color: #000;
}

vui-tab .vui-tab:not(.active) {
  border-bottom: 3px solid #ededed;
}

@media only screen and (max-width: 991px) {
  vui-tab .vui-tab {
    font-size: .75rem;
  }
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/components/tabs/tabs.component.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-tabs {
  background: #f5f5f5;
  overflow-y: hidden;
  overflow-x: auto;
}

.vui-tabs::-webkit-scrollbar-track {
  background-color: transparent;
}

.vui-tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}

.vui-tabs::-webkit-scrollbar-thumb {
  background-color: transparent;
}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/add-bicycle/add-bicycle.modal.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.vui-add-bicycle-model .vui-modal {
  max-width: 440px;
  width: 100%;
}

.vui-add-bicycle-model .vui-add-bicycle-model__body {
  display: flex;
  flex-direction: column;
}

.vui-add-bicycle-model .vui-add-bicycle-model__body .vui-input-container__serial-number .vui-input {
  padding-right: 3.375rem;
}

.vui-add-bicycle-model .vui-add-bicycle-model__body .vui-input-container__serial-number .vui-popover {
  position: absolute;
  right: 0;
  top: 0;
  margin: .5rem 1rem;
}

.vui-add-bicycle-model .vui-add-bicycle-model__body .vui-input-container__serial-number .vui-popover .vui-popover__element {
  height: 1.5rem;
}

.vui-add-bicycle-model .vui-add-bicycle-model__body .vui-input-container__serial-number .vui-popover .vui-popover__dropdown {
  right: 0;
  width: 780px;
  padding-bottom: 4rem;
  border-radius: 2rem;
}

.vui-add-bicycle-model .vui-add-bicycle-model__actions {
  column-gap: 1.5rem;
}

@media only screen and (max-width: 991px) {
  .vui-add-bicycle-model .vui-add-bicycle-model__body .vui-input-container__serial-number .vui-popover .vui-popover__dropdown {
    width: 325px;
    padding-bottom: 2rem;
  }

  .vui-add-bicycle-model .vui-add-bicycle-model__body .vui-input-container__serial-number .vui-popover .vui-popover__dropdown .vui-popover__dropdown-container {
    display: block;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/after-create-request/after-create-request.modal.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-after-create-request-modal .vui-after-create-request-modal__body {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  max-width: 360px;
}

.vui-after-create-request-modal .vui-after-create-request-modal__body .body__message {
  font-size: .875rem;
  font-weight: 600;
  line-height: 17px;
}

.vui-after-create-request-modal .vui-after-create-request-modal__body ul {
  padding-left: 1.25rem;
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
}

.vui-after-create-request-modal .vui-after-create-request-modal__body ul li {
  font-size: .875rem;
}

.vui-after-create-request-modal .vui-after-create-request-modal__body .contact-us-link {
  text-decoration: underline;
  transition: color 250ms ease-in-out;
}

.vui-after-create-request-modal .vui-after-create-request-modal__body .contact-us-link:hover {
  color: #808080;
}

.vui-after-create-request-modal .vui-after-create-request-modal__actions {
  column-gap: 1.5rem;
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/bicycle-public-link/bicycle-public-link.modal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.vui-bicycle-public-link-model .vui-bicycle-public-link-model__body {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  align-items: center;
  justify-content: center;
  font-size: .875rem;
  font-weight: 400;
  line-height: 17px;
}

.vui-bicycle-public-link-model .vui-bicycle-public-link-model__actions {
  column-gap: 1.5rem;
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/cancelation-info/cancelation-info.modal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-cancelation-info-model .vui-cancelation-info-model__body {
  max-width: 400px;
  font-size: .875rem;
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
}

.vui-cancelation-info-model .vui-cancelation-info-model__body .vui-cancelation-info-model__body--message {
  padding-top: .5rem;
}

.vui-cancelation-info-model .vui-cancelation-info-model__body .vui-cancelation-info-model__body--attention {
  color: #b00000;
  font-weight: 600;
}

.vui-cancelation-info-model .vui-cancelation-info-model__body .vui-manage-service-model__description textarea {
  height: 7rem;
}

.vui-cancelation-info-model .vui-cancelation-info-model__actions {
  column-gap: 1.5rem;
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/change-bicycle-group/change-bicycle-group.modal.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.vui-change-bicycle-group .vui-modal-container .vui-modal {
  max-width: 448px;
}

.vui-change-bicycle-group .vui-change-bicycle-group__body {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
}

.vui-change-bicycle-group .vui-change-bicycle-group__actions {
  column-gap: 1.5rem;
}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/change-payment-source/change-payment-source.modal.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-change-payment-source-model .vui-modal {
  max-width: 440px;
  width: 100%;
}

.vui-change-payment-source-model .vui-change-payment-source-model__body {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.vui-change-payment-source-model .vui-change-payment-source-model__body .payment-source__subtitle {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
}

.vui-change-payment-source-model .vui-change-payment-source-model__body .payment-source__list .vui-radio-button .payment__icon-content {
  height: 2.5rem;
}

.vui-change-payment-source-model .vui-change-payment-source-model__body .payment-source__list .vui-radio-button .payment__icon-content .ps__icon {
  height: 2.5rem;
}

.vui-change-payment-source-model .vui-change-payment-source-model__body .payment-source__list .vui-radio-button .vui-radio-button__label,
.vui-change-payment-source-model .vui-change-payment-source-model__body .payment-source__list .vui-radio-button .vui-radio-button__label .payment__last4 {
  display: flex;
  flex-direction: row;
  column-gap: .5rem;
  align-items: center;
}

.vui-change-payment-source-model .vui-change-payment-source-model__body .payment-source__add-card {
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
  transition: color 250ms ease-in-out;
}

.vui-change-payment-source-model .vui-change-payment-source-model__body .payment-source__add-card:hover {
  color: #808080;
}

.vui-change-payment-source-model .vui-change-payment-source-model__actions {
  column-gap: 1.5rem;
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/confirmation/confirmation.modal.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.vui-confirmation-model .vui-confirmation-model__body {
  max-width: 440px;
}

.vui-confirmation-model .vui-confirmation-model__actions {
  column-gap: 1.5rem;
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/confirmation-request-changes/confirmation-request-changes.modal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.vui-confirmation-details-message-model .vui-confirmation-details-message-model__body {
  max-width: 440px;
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
}

.vui-confirmation-details-message-model .vui-confirmation-details-message-model__body .vui-confirmation-details-message-model__update-info {
  font-weight: 600;
}

.vui-confirmation-details-message-model .vui-confirmation-details-message-model__actions {
  column-gap: 1.5rem;
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/contact-us/contact-us.modal.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.vui-contact-us-model .vui-modal {
  max-width: 440px;
  width: 100%;
}

.vui-contact-us-model .vui-contact-us-model__body {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.vui-contact-us-model .vui-contact-us-model__body .vui-contact-us-model__subtitle {
  font-size: .875rem;
  font-weight: 600;
  text-align: center;
}

.vui-contact-us-model .vui-contact-us-model__body .vui-input-container {
  margin-bottom: 0;
}

.vui-contact-us-model .vui-contact-us-model__body .vui-input-container .vui-input {
  height: 7rem;
}

.vui-contact-us-model .vui-contact-us-model__actions {
  column-gap: 1.5rem;
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/crop-image/crop-image.modal.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.vui-crop-image-model .vui-crop-image-model__body {
  width: 600px;
}

.vui-crop-image-model .vui-crop-image-model__actions {
  column-gap: 1.5rem;
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/import-bicycles/import-bicycles.modal.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-import-bicycles-model .vui-import-bicycles-model__body {
  width: 400px;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: center;
}

.vui-import-bicycles-model .vui-import-bicycles-model__body .body__selected-file {
  font-size: .875rem;
  font-weight: 600;
}

.vui-import-bicycles-model .vui-import-bicycles-model__actions {
  column-gap: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .vui-import-bicycles-model .vui-modal-container .vui-modal {
    padding: 1rem;
    row-gap: 1rem;
  }

  .vui-import-bicycles-model .vui-modal-container .vui-modal .vui-import-bicycles-model__body {
    row-gap: 1rem;
    width: 100%;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/import-bicycles-warning/import-bicycles-warning.modal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-import-bicycles-model .vui-import-bicycles-model__body {
  width: 400px;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: center;
}

.vui-import-bicycles-model .vui-import-bicycles-model__body .body__message {
  font-size: .875rem;
  font-weight: 600;
}

.vui-import-bicycles-model .vui-import-bicycles-model__body .body__bicycle-list {
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
  width: 100%;
}

.vui-import-bicycles-model .vui-import-bicycles-model__body .body__bicycle-list .body__bicycle-list-item {
  font-size: .875rem;
}

.vui-import-bicycles-model .vui-import-bicycles-model__actions {
  justify-content: end;
}

@media only screen and (max-width: 767px) {
  .vui-import-bicycles-model .vui-modal-container .vui-modal {
    padding: 1rem;
    row-gap: 1rem;
  }

  .vui-import-bicycles-model .vui-modal-container .vui-modal .vui-import-bicycles-model__body {
    row-gap: 1rem;
    width: 100%;
  }
}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/info/info.modal.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.vui-info-model .vui-modal {
  row-gap: 0;
}

.vui-info-model .vui-modal .vui-modal__actions {
  padding-top: 2rem;
}

.vui-info-model .vui-info-model__body {
  max-width: 440px;
  text-align: center;
  font-weight: 600;
}

.vui-info-model .vui-info-model__actions .vui-btn {
  width: 100%;
}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/manage-service/manage-service.modal.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.vui-manage-service-model .vui-modal {
  max-width: 440px;
  width: 100%;
}

.vui-manage-service-model .vui-modal .vui-input-container {
  transition: none;
}

.vui-manage-service-model .vui-modal .vui-manage-service-model__description textarea {
  height: 6.625rem;
}

.vui-manage-service-model .vui-manage-service-model__body {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.vui-manage-service-model .vui-manage-service-model__body .vui-manage-service-model__info {
  font-size: 1.25rem;
  font-weight: 600;
}

.vui-manage-service-model .vui-manage-service-model__body .vui-manage-service-model__service-type {
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
}

.vui-manage-service-model .vui-manage-service-model__body .vui-manage-service-model__service-type .vui-radio-button {
  margin: 0;
}

.vui-manage-service-model .vui-manage-service-model__actions {
  column-gap: 1.5rem;
}

@media only screen and (max-width: 991px) {
  .vui-manage-service-model .vui-manage-service-model__body .vui-input-container__serial-number .vui-popover .vui-popover__dropdown {
    width: 325px;
    padding-bottom: 2rem;
  }

  .vui-manage-service-model .vui-manage-service-model__body .vui-input-container__serial-number .vui-popover .vui-popover__dropdown .vui-popover__dropdown-container {
    display: block;
  }
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/payment/add-payment-card.modal.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.vui-add-payment-card-model .vui-add-payment-card-model__body {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
}

.vui-add-payment-card-model .vui-add-payment-card-model__body .vui-add-payment-card-model__x-gap {
  column-gap: 1rem;
}

.vui-add-payment-card-model .vui-add-payment-card-model__actions {
  column-gap: 1.5rem;
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/set-mechanic-rating/set-mechanic-rating.modal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-set-mechanic-rating-model .vui-modal {
  max-width: 440px;
  width: 100%;
}

.vui-set-mechanic-rating-model .vui-set-mechanic-rating-model__body {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.vui-set-mechanic-rating-model .vui-set-mechanic-rating-model__body .vui-set-mechanic-rating-model__message {
  display: flex;
  flex-direction: row;
  font-size: .875rem;
  font-weight: 600;
  justify-content: center;
  column-gap: .5rem;
  align-items: center;
  text-transform: none;
}

.vui-set-mechanic-rating-model .vui-set-mechanic-rating-model__body .vui-set-mechanic-rating-model__message img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
}

.vui-set-mechanic-rating-model .vui-set-mechanic-rating-model__body .vui-label {
  font-size: .75rem;
  font-weight: 400;
  text-transform: none;
}

.vui-set-mechanic-rating-model .vui-set-mechanic-rating-model__body .vui-input {
  height: 150px;
}

.vui-set-mechanic-rating-model .vui-set-mechanic-rating-model__actions {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.vui-set-mechanic-rating-model .vui-set-mechanic-rating-model__actions .vui-set-mechanic-rating-mode__dont-like {
  font-size: .875rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
  transition: color 250ms ease-in-out;
}

.vui-set-mechanic-rating-model .vui-set-mechanic-rating-model__actions .vui-set-mechanic-rating-mode__dont-like:hover {
  color: #808080;
}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/top-up-balance/top-up-balance.modal.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-top-up-balance-model .vui-modal {
  max-width: 440px;
  width: 100%;
}

.vui-top-up-balance-model .vui-top-up-balance-model__body {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.vui-top-up-balance-model .vui-top-up-balance-model__body .vui-input-container {
  margin-bottom: 0;
}

.vui-top-up-balance-model .vui-top-up-balance-model__body .payment-source__subtitle {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
}

.vui-top-up-balance-model .vui-top-up-balance-model__body .payment-source__list {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.vui-top-up-balance-model .vui-top-up-balance-model__body .payment-source__list .vui-radio-button {
  margin: 0;
}

.vui-top-up-balance-model .vui-top-up-balance-model__body .payment-source__list .vui-radio-button .vui-radio-button__label,
.vui-top-up-balance-model .vui-top-up-balance-model__body .payment-source__list .vui-radio-button .vui-radio-button__label .payment__last4 {
  display: flex;
  flex-direction: row;
  column-gap: .5rem;
  align-items: center;
}

.vui-top-up-balance-model .vui-top-up-balance-model__body .payment-source__add-card {
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
  transition: color 250ms ease-in-out;
}

.vui-top-up-balance-model .vui-top-up-balance-model__body .payment-source__add-card:hover {
  color: #808080;
}

.vui-top-up-balance-model .vui-top-up-balance-model__actions {
  column-gap: 1.5rem;
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/upload-images/upload-images.modal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-upload-images-model .vui-upload-images-model__body {
  width: 670px;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  align-items: center;
}

.vui-upload-images-model .vui-upload-images-model__body .body__photos-container {
  width: 100%;
}

.vui-upload-images-model .vui-upload-images-model__body .body__main-photo {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  align-items: center;
  font-size: .875rem;
  font-weight: 600;
  line-height: 17px;
  text-transform: uppercase;
}

.vui-upload-images-model .vui-upload-images-model__body .body__main-photo .main-photo {
  width: 180px;
  height: 180px;
  border-radius: .25rem;
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color 250ms ease-in-out;
}

.vui-upload-images-model .vui-upload-images-model__body .body__main-photo .main-photo:hover {
  border: 1px solid #ffe600;
}

.vui-upload-images-model .vui-upload-images-model__body .body__main-photo .remove-image {
  position: absolute;
  margin: 40px -140px 0 0;
}

.vui-upload-images-model .vui-upload-images-model__actions {
  column-gap: 1.5rem;
}

@media only screen and (max-width: 767px) {
  .vui-upload-images-model .vui-upload-images-model__body {
    max-width: 400px;
    width: 100%;
  }

  .vui-upload-images-model .vui-modal-container .vui-modal {
    padding: 1rem;
    row-gap: 1rem;
  }

  .vui-upload-images-model .vui-modal-container .vui-modal .vui-upload-images-model__body {
    row-gap: 1rem;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/transfer-bicycle/transfer-bicycle.modal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.vui-transfer-bicycle-model .vui-modal-container .vui-modal {
  max-width: 448px;
}

.vui-transfer-bicycle-model .vui-transfer-bicycle-model__body {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
}

.vui-transfer-bicycle-model .vui-transfer-bicycle-model__actions {
  column-gap: 1.5rem;
}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/unsatisfied-with-service/unsatisfied-with-service.modal.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-unsatisfied-with-service-model .vui-modal {
  max-width: 440px;
  width: 100%;
}

.vui-unsatisfied-with-service-model .vui-unsatisfied-with-service-model__body {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  max-width: 440px;
}

.vui-unsatisfied-with-service-model .vui-unsatisfied-with-service-model__body .contact-us__link {
  text-decoration: underline;
  cursor: pointer;
  transition: color 250ms ease-in-out;
}

.vui-unsatisfied-with-service-model .vui-unsatisfied-with-service-model__body .contact-us__link:hover {
  color: rgba(0, 0, 0, .3019607843);
}

.vui-unsatisfied-with-service-model .vui-unsatisfied-with-service-model__actions {
  column-gap: 1.5rem;
}

.vui-unsatisfied-with-service-model .vui-unsatisfied-with-service-model__actions .vui-btn {
  width: 50%;
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-shared/modals/search-dealer/search-dealer.modal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-search-dealer-model .vui-modal-container .vui-modal {
  max-width: 448px;
  width: 100%;
}

.vui-search-dealer-model .vui-search-dealer-model__body {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
}

.vui-search-dealer-model .vui-search-dealer-model__body .vui-input-container {
  margin: 0;
}

.vui-search-dealer-model .service-provider-autocomplete-item {
  display: flex;
  flex-direction: row;
  column-gap: .5rem;
  align-items: center;
  justify-content: flex-start;
  margin: .5rem 0;
  overflow: hidden;
}

.vui-search-dealer-model .service-provider-autocomplete-item .item__avatar {
  display: flex;
}

.vui-search-dealer-model .service-provider-autocomplete-item .item__avatar img {
  width: 1.75rem;
  height: 1.75rem;
  min-width: 1.75rem;
  border-radius: .875rem;
}

.vui-search-dealer-model .service-provider-autocomplete-item .item__info {
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
  justify-content: center;
  font-size: .75rem;
  line-height: .75rem;
  overflow: hidden;
}

.vui-search-dealer-model .service-provider-autocomplete-item .item__info div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vui-search-dealer-model .vui-search-dealer-model__actions {
  column-gap: 1.5rem;
}

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-bicycle-owner/modules/root/bicycle-owner-root.component.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/


/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-organisation-owner/components/organisations/organisation-info/organisation-info.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-organisation-info .vui-organisation-info__title .vui-organisation-info__title-container {
  column-gap: .5rem;
}

.vui-organisation-info .vui-organisation-info__title .vui-organisation-info__title-container .title__type {
  font-size: .875rem;
  font-weight: 600;
  color: #808080;
}

.vui-organisation-info .vui-organisation-info__addresses {
  border-top: 1px solid #000;
}

.vui-organisation-info .vui-organisation-info__addresses .vui-form-info__field {
  padding-top: 1rem;
  padding-bottom: 0;
}

.vui-organisation-info .vui-form-info__value.vui-organisation-info__phone-number {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: .5rem;
}

.vui-organisation-info .vui-form-info__value.vui-organisation-info__phone-number .iti__flag {
  height: 20px;
  width: 27px;
}

.vui-organisation-info .vui-form-info__link {
  color: #000;
  text-decoration: underline;
  transition: color 250ms ease-in-out;
}

.vui-organisation-info .vui-form-info__link:hover {
  color: rgba(0, 0, 0, .3019607843);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vui-organisation-info .vui-form-info {
    padding: 0 1.5rem;
  }

  .vui-organisation-info .vui-form-info .vui-form .vui-form-info__field {
    padding-bottom: .5rem;
  }

  .vui-organisation-info .vui-form-info .vui-form .vui-organisation-info__addresses .vui-form-info__field {
    padding-top: .5rem;
  }
}

@media only screen and (max-width: 767px) {
  .vui-organisation-info .vui-organisation-info__title .vui-organisation-info__title-container .title__type {
    font-size: .625rem;
  }

  .vui-organisation-info .vui-form-info .vui-form .vui-form-info__field {
    padding-bottom: .5rem;
  }

  .vui-organisation-info .vui-form-info .vui-form .vui-organisation-info__addresses .vui-form-info__field {
    padding-top: .5rem;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-organisation-owner/components/organisations/manager-permit/manager-permit.component.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-organisation-owner/components/organisations/organisation-type-restrictions/organisation-type-restrictions.component.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-organisation-owner/components/organisations/organisations-list/organisation-owner-organisations-list.component.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-organisation-owner-organisations-list {
  display: flex;
  flex-direction: column;
  border-radius: 1.25rem;
  max-width: 400px;
  width: 100%;
  margin: 4rem auto 2rem;
}

.vui-organisation-owner-organisations-list .organisations__header {
  background: #fff400;
  padding: 3rem 1rem 1.5rem 1rem;
  display: flex;
  border-radius: 1.25rem 1.25rem 0 0;
}

.vui-organisation-owner-organisations-list .organisations__header .header__content {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 184px;
  width: 100%;
}

.vui-organisation-owner-organisations-list .organisations__header .header__velotooler {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  justify-content: start;
  align-items: center;
}

.vui-organisation-owner-organisations-list .organisations__header .header__velotooler .header__logo {
  width: 1.25rem;
  height: 1.25rem;
}

.vui-organisation-owner-organisations-list .organisations__header .header__profile {
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
}

.vui-organisation-owner-organisations-list .organisations__header .header__profile .profile__name {
  font-size: .875rem;
  font-weight: 600;
}

.vui-organisation-owner-organisations-list .organisations__header .header__profile .profile__email {
  font-size: .625rem;
  font-weight: 600;
  color: #808080;
}

.vui-organisation-owner-organisations-list .organisations__body {
  background: #fff;
  padding: 2rem 3rem 3rem 3rem;
  border-radius: 0 0 1.25rem 1.25rem;
  display: flex;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container .list__title {
  font-size: .875rem;
  font-weight: 600;
  text-align: center;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container .list__content {
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container .list__content .vui-input-container {
  margin: 0;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container .list__content .vui-input-container .vui-input-group {
  width: 1rem;
  height: 1rem;
  margin: .25rem 0;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container .list__content .vui-input-container .vui-input {
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: .25rem .25rem .25rem 1.25rem;
  height: 1.5rem;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container .list__load-more {
  display: flex;
  justify-content: center;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container .list__load-more .load-more__link {
  display: flex;
  flex-direction: row;
  column-gap: .25rem;
  justify-content: center;
  align-items: center;
  font-size: .625rem;
  font-weight: 600;
  cursor: pointer;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container .list__load-more .load-more__link span {
  transition: color 250ms ease-in-out;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container .list__load-more .load-more__link:hover span {
  color: #808080;
}

.vui-organisation-owner-organisations-list .organisations__body .list__container .list__load-more .load-mor__loading img {
  height: 2.25rem;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-organisation-owner/components/organisations/organisations-list-item/organisation-owner-organisations-list-item.component.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-organisation-owner-organisations-list-item {
  display: flex;
  flex-direction: row;
  column-gap: .5rem;
  align-items: center;
}

.vui-organisation-owner-organisations-list-item .organisation-list-item__image {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 1.125rem;
  transition: opacity 250ms ease-in-out;
}

.vui-organisation-owner-organisations-list-item .organisation-list-item__info {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  justify-content: center;
}

.vui-organisation-owner-organisations-list-item .organisation-list-item__info .organisation-list-item__name {
  font-size: .875rem;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 260px;
  transition: color 250ms ease-in-out;
}

.vui-organisation-owner-organisations-list-item .organisation-list-item__info .organisation-list-item__type {
  font-size: .625rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #808080;
  transition: color 250ms ease-in-out;
}

.vui-organisation-owner-organisations-list-item:hover .organisation-list-item__image {
  opacity: .8;
}

.vui-organisation-owner-organisations-list-item:hover .organisation-list-item__info .organisation-list-item__name {
  color: rgba(0, 0, 0, .3019607843);
}

.vui-organisation-owner-organisations-list-item:hover .organisation-list-item__info .organisation-list-item__type {
  color: #c8c8c8;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-organisation-owner/components/organisations/update-organisation-info/update-organisation-info.component.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__avatar {
  margin-bottom: 2.5rem;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__avatar .update-avatar {
  width: 180px;
  height: 180px;
  border-radius: .25rem;
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color 250ms ease-in-out;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__avatar .update-avatar:hover {
  border: 1px solid #ffe600;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__avatar .clear-avatar {
  left: -30px;
  top: -156px;
  position: relative;
  cursor: pointer;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__avatar .clear-avatar path {
  transition: stroke 250ms ease-in-out;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__avatar .clear-avatar:hover path,
.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__avatar .clear-avatar:focus path {
  stroke: #ffe600;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__data {
  display: flex;
  flex-direction: column;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__dob {
  max-width: 172px;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  margin-top: 1.5rem;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item {
  opacity: 1;
  display: flex;
  flex-direction: column;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item.ng-enter,
.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item.ng-leave {
  -webkit-transition: .25s linear all;
          transition: .25s linear all;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item.ng-enter,
.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item.ng-leave.ng-leave-active {
  opacity: 0;
  height: 0;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item.ng-leave,
.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item.ng-enter.ng-enter-active {
  opacity: 1;
  height: 236px;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item .address-item__type-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item .address-item__type-container .vui-edit-btn {
  font-size: .75rem;
  font-weight: 500;
  line-height: .75rem;
  column-gap: .5rem;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item .address-item__apartment {
  opacity: 1;
  transition: all 250ms ease-in-out;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item .address-item__apartment.ng-hide {
  opacity: 0;
}

.vui-update-organisation-info .update-organisation-info__content .update-organisation-info__address .address__list .address-item__type {
  max-width: 172px;
}

.vui-update-organisation-info .vui-side-form__actions {
  column-gap: 1.5rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-organisation-owner/components/menu/main-menu-organisations-item/main-menu-organisations-item.component.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-main-menu-organisations-item .vui-popover__dropdown {
  padding: 0;
}

.vui-main-menu-organisations-item .vui-navigations-organisations {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1rem;
  height: 2.25rem;
  transition: color 250ms ease-in-out;
}

.vui-main-menu-organisations-item .vui-navigations-organisations .vui-navigations-organisations__avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 1.125rem;
  transition: opacity 250ms ease-in-out;
}

.vui-main-menu-organisations-item .vui-navigations-organisations .vui-navigations-organisations__name {
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  font-size: .75rem;
  font-weight: 600;
}

.vui-main-menu-organisations-item .vui-navigations-organisations .vui-navigations-organisations__toggler path {
  transition: stroke 250ms ease-in-out;
}

.vui-main-menu-organisations-item .vui-navigations-organisations:hover {
  color: rgba(0, 0, 0, .3019607843);
}

.vui-main-menu-organisations-item .vui-navigations-organisations:hover .vui-navigations-organisations__avatar {
  opacity: .8;
}

.vui-main-menu-organisations-item .vui-navigations-organisations:hover .vui-navigations-organisations__toggler path {
  stroke: rgba(0, 0, 0, .3019607843);
}

.vui-main-menu-organisations-item .vui-organisations-menu {
  width: 210px;
}

.vui-main-menu-organisations-item .vui-organisations-menu .vui-organisations-menu__list {
  display: flex;
  flex-direction: column;
}

.vui-main-menu-organisations-item .vui-organisations-menu .vui-organisations-menu__list .list-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: .25rem;
  padding: .5rem 1rem;
}

.vui-main-menu-organisations-item .vui-organisations-menu .vui-organisations-menu__list .list-item.list-item__all-organisations {
  padding-left: 2.25rem;
}

.vui-main-menu-organisations-item .vui-organisations-menu .vui-organisations-menu__list .list-item .list-item__image {
  width: 1rem;
  height: 1rem;
  border-radius: .5rem;
  transition: opacity 250ms ease-in-out;
}

.vui-main-menu-organisations-item .vui-organisations-menu .vui-organisations-menu__list .list-item .list-item__name {
  font-size: .875rem;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 250ms ease-in-out;
}

.vui-main-menu-organisations-item .vui-organisations-menu .vui-organisations-menu__list .list-item:hover .list-item__image {
  opacity: .8;
}

.vui-main-menu-organisations-item .vui-organisations-menu .vui-organisations-menu__list .list-item:hover .list-item__name {
  color: rgba(0, 0, 0, .3019607843);
}

.vui-main-menu-organisations-item .vui-organisations-menu .vui-organisations-menu__delimiter {
  width: 100%;
  height: 1px;
  color: #ededed;
  margin: 0;
}

.vui-main-menu-organisations-item .vui-organisations-menu .vui-organisations-menu__profile {
  display: block;
  font-size: .875rem;
  line-height: 17px;
  text-align: center;
  padding: 1rem;
  color: #000;
  transition: color 250ms ease-in-out;
}

.vui-main-menu-organisations-item .vui-organisations-menu .vui-organisations-menu__profile:hover {
  color: rgba(0, 0, 0, .3019607843);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vui-main-menu-organisations-item .vui-navigations-organisations {
    column-gap: 0;
  }

  .vui-main-menu-organisations-item .vui-navigations-organisations .vui-navigations-organisations__name {
    display: none;
  }

  .vui-main-menu-organisations-item .vui-navigations-organisations .vui-navigations-organisations__toggler {
    display: none;
  }

  .vui-main-menu-organisations-item .vui-popover__dropdown {
    right: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .vui-main-menu-organisations-item .vui-navigations-organisations {
    column-gap: 0;
  }

  .vui-main-menu-organisations-item .vui-navigations-organisations .vui-navigations-organisations__name {
    display: none;
  }

  .vui-main-menu-organisations-item .vui-navigations-organisations .vui-navigations-organisations__toggler {
    display: none;
  }

  .vui-main-menu-organisations-item .vui-popover__dropdown {
    right: 1rem;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-organisation-owner/modules/root/organisation-owner-root.component.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/


/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/modules/coming-soon/coming-soon.component.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.coming-soon .coming-soon__background {
  background: linear-gradient(180deg, rgba(0, 0, 0, .69) 0%, rgba(0, 0, 0, .5625) 71.87%, rgba(0, 0, 0, .3) 100%), url(https://assets.velotooler.com/dist/img/service-bg-d9dd80a.png) no-repeat center center;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  filter: grayscale(100%);
}

.coming-soon .coming-soon__label svg {
  width: 100%;
  height: 100%;
}

.coming-soon .coming-soon__content,
.coming-soon .coming-soon__background,
.coming-soon .coming-soon__label {
  height: calc(100vh - 84px);
}

@media only screen and (max-width: 767px) {
  .coming-soon .coming-soon__content,
  .coming-soon .coming-soon__background,
  .coming-soon .coming-soon__label {
    height: calc(100vh - 54px);
  }
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-generic/components/logo/logo.component.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-logo {
  max-height: 84px;
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-generic/components/header-item/header-item.component.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.vui-header-item {
  max-height: 5.25rem;
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-generic/components/header-link/header-link.component.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-header-link {
  display: flex;
}

.vui-header-link a {
  color: #000;
  height: 5.25rem;
  line-height: 5.25rem;
  transition: color 250ms ease-in-out;
}

.vui-header-link a,
.vui-header-link.default a {
  padding: 0 .875rem;
}

.vui-header-link:hover a,
.vui-header-link:active a,
.vui-header-link.default:hover a,
.vui-header-link.default.active a {
  color: rgba(0, 0, 0, .3019607843);
}

@media only screen and (min-width: 992px) {
  .vui-header-link.underline a {
    padding: 0 .875rem;
  }

  .vui-header-link.underline:hover a,
  .vui-header-link.underline.active a {
    text-decoration: underline;
  }

  .vui-header-link.rounded a {
    height: 3rem;
    line-height: 3rem;
    border-radius: 1.5rem;
    border-width: 1px;
    border-color: #000;
    margin: 18px 0;
    transition: background-color 250ms;
    display: block;
    padding: 0 1.75rem;
  }

  .vui-header-link.rounded:hover a,
  .vui-header-link.rounded.active a {
    color: #fff;
    background-color: #000;
  }
}

@media only screen and (max-width: 991px) {
  .vui-header-link {
    margin: 10px 0;
  }

  .vui-header-link a,
  .vui-header-link.default a {
    height: 2.25rem;
    line-height: 2.25rem;
  }

  .vui-header-link.rounded {
    border-radius: 0;
    border-width: 0;
    line-height: 2.25rem;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-header/landing-page-header.component.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-landing-header .vui-header-item__sign-up-nbda {
  display: none;
}

@media only screen and (max-width: 991px) {
  header.container {
    width: 100%;
  }

  .vui-landing-header {
    padding-right: 64px;
    padding-left: 64px;
  }

  .vui-landing-header .vui-landing-header__menu-toggler {
    width: 84px;
    height: 84px;
    padding: 20px;
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
  }

  .vui-landing-header .vui-landing-header__menu-toggler.vui-landing-header__menu-toggler--open {
    position: absolute;
    margin-left: 5px;
    top: 0;
    left: 0;
  }

  .vui-landing-header .vui-landing-header__menu-toggler.vui-landing-header__menu-toggler--close {
    line-height: 50px;
    margin-left: -14px;
  }

  .vui-landing-header .vui-landing-header__menu-container {
    transition: all 250ms ease-in-out;
    position: fixed;
    height: 100vh;
    top: 0;
    z-index: 100;
    background: #fff;
    padding-left: 18px;
    overflow-y: auto;
  }

  .vui-landing-header .vui-landing-header__logo {
    margin-left: auto;
    margin-right: auto;
    z-index: 120;
  }

  .vui-landing-header .vui-landing-header__main-menu {
    padding-top: 74px;
    margin-left: 4px;
  }

  .vui-landing-header .vui-landing-header__sign-in {
    margin-left: 4px;
    margin-top: 48px;
  }

  .vui-landing-header__side-menu--open {
    padding-right: 64px;
    padding-left: 64px;
  }

  .vui-landing-header__side-menu--open .vui-landing-header__menu-container {
    left: 0;
  }

  .vui-landing-header__side-menu--closed .vui-landing-header__menu-container {
    left: -100%;
  }
}

@media only screen and (max-width: 767px) {
  .vui-landing-header {
    padding-right: 34px;
  }

  .vui-landing-header .vui-landing-header__menu-toggler {
    width: 54px;
    height: 54px;
    padding: 5px;
  }

  .vui-landing-header .vui-landing-header__logo svg {
    width: 50px;
    height: 50px;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-main-actions/landing-page-main-actions.component.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.landing-page-main-actions .landing-page-main-actions__button.md-button {
  min-height: 50px;
  min-width: 180px;
  font-size: 16px;
  line-height: 50px;
}

.landing-page-main-actions .landing-page-main-actions__button.md-button.md-button.md-raised:not([disabled]):focus {
  background-color: transparent;
}

.landing-page-main-actions .landing-page-main-actions__button.md-button.landing-page-main-actions__secondary-btn {
  color: black;
  border: none;
}

.landing-page-main-actions .landing-page-main-actions__button.md-button.landing-page-main-actions__secondary-btn:hover,
.landing-page-main-actions .landing-page-main-actions__button.md-button.landing-page-main-actions__secondary-btn:focus {
  background-color: #eee !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-video/landing-page-video.component.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.landing-page-video {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.landing-page-video .landing-page-video__video {
  display: block;
  margin: auto;
  max-width: calc(160vh - 128px);
  border-radius: 6px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .05);
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-grid-two/landing-page-grid-two.component.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.landing-page-grid-two .landing-page-grid-two__col {
  width: 48%;
  max-width: 530px;
}

@media (max-width: 991px) {
  .landing-page-grid-two .landing-page-grid-two__col {
    width: 100%;
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-grid-three/landing-page-grid-three.component.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.landing-page-grid-three .landing-page-grid-three__col {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 901px) {
  .landing-page-grid-three .landing-page-grid-three__col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
  }
}

@media (max-width: 900px) {
  .landing-page-grid-three .landing-page-grid-three__col {
    width: 100%;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-info-section/landing-page-info-section.component.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.landing-page-info-section .landing-page-info-section-title {
  font-size: 2.6rem;
  line-height: 3rem;
  text-align: center;
}

.is-content-center {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 901px) {
  .is-header-right {
    width: 40%;
    margin-left: auto;
  }

  .is-header-left {
    width: 40%;
    margin-right: auto;
  }
}

@media screen and (max-width: 900px) {
  .is-header-right,
  .is-header-left {
    width: 100%;
    text-align: center;
  }
}

.is-header-center {
  text-align: center;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-underlined-header/landing-page-underlined-header.component.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.landing-page-underline {
  height: 1px;
  background: #333;
  width: 100%;
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-section/landing-page-section.component.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.height-auto .home-landing-section {
  min-height: auto;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-section-content/landing-page-section-content.component.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-section-content .landing-page-section-content__background {
  filter: grayscale(100%);
}

@media only screen and (min-width: 1441px) {
  .landing-page-section-content .container {
    padding-top: 130px;
  }

  .landing-page-section-content .container.container--full-screen {
    min-height: 880px;
  }

  .landing-page-section-content .landing-page-section-content__background,
  .landing-page-section-content .landing-page-section-content__content {
    min-height: 880px;
  }

  .landing-page-section-content .landing-page-section-content__content {
    padding-bottom: 5rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
  .landing-page-section-content .container {
    padding-top: 130px;
  }

  .landing-page-section-content .container.container--full-screen {
    min-height: 880px;
  }

  .landing-page-section-content .landing-page-section-content__background,
  .landing-page-section-content .landing-page-section-content__content {
    min-height: 880px;
  }

  .landing-page-section-content .landing-page-section-content__content {
    padding-bottom: 5rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing-page-section-content .container {
    padding-top: 100px;
  }

  .landing-page-section-content .container.container--full-screen {
    min-height: 768px;
  }

  .landing-page-section-content .landing-page-section-content__background,
  .landing-page-section-content .landing-page-section-content__content {
    min-height: 768px;
  }

  .landing-page-section-content .landing-page-section-content__content {
    padding-bottom: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .landing-page-section-content .container {
    padding-top: 0;
  }

  .landing-page-section-content .container.container--full-screen {
    min-height: 500px;
  }

  .landing-page-section-content .landing-page-section-content__background,
  .landing-page-section-content .landing-page-section-content__content {
    min-height: 500px;
  }

  .landing-page-section-content .landing-page-section-content__content {
    padding-bottom: 2rem;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-service-list/landing-page-service-list.component.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-service-list {
  background-color: #fff;
  border-radius: .25rem;
  padding: 3rem;
}

.landing-page-service-list .service-item {
  transition: all 400ms ease-in-out;
  font-style: normal;
  font-size: 22px;
  line-height: 70px;
  cursor: pointer;
  display: flex;
  margin-top: 8px;
  margin-bottom: 8px;
}

.landing-page-service-list .service-item .service-item__container {
  transition: all 400ms ease-in-out;
  padding-left: 20px;
  padding-right: 0;
  border: 5px solid #fff;
  border-radius: 0;
  color: #000;
}

.landing-page-service-list .service-item .service-item__vertical-delimiter {
  transition: all 400ms ease-in-out;
  height: 80px;
  width: 0;
  background-color: #fff400;
}

.landing-page-service-list .service-item.active .service-item__container {
  border: 5px solid #fff400;
}

.landing-page-service-list .service-item.active .service-item__vertical-delimiter {
  height: 80px;
  width: 7px;
  margin-left: 10px;
}

.landing-page-service-list .simplebar-scrollbar:before,
.landing-page-service-list .simplebar-scrollbar.simplebar-visible:before {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
  background-color: rgba(0, 0, 0, .2);
}

@media only screen and (min-width: 992px) {
  .landing-page-service-list .service-item {
    margin-right: 40px;
  }

  .landing-page-service-list .service-item .service-item__container {
    margin-right: 40px;
  }

  .landing-page-service-list .service-item.active .service-item__container {
    margin-right: 0;
  }

  .landing-page-service-list .service-item.active .service-item__vertical-delimiter {
    margin-right: 8px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-page-service-list .service-item {
    margin-left: 0;
  }

  .landing-page-service-list .service-item .service-item__container {
    margin-right: 0;
  }

  .landing-page-service-list .service-item .service-item__vertical-delimiter {
    margin-left: 0;
    margin-right: 8px;
  }

  .landing-page-service-list .service-item .service-item__dropdown-icon {
    transition: all 250ms ease-in-out;
    right: 0;
    top: 0;
    margin: 30px 1.5rem;
  }

  .landing-page-service-list .service-item.active .service-item__dropdown-icon {
    transform: rotate(180deg);
    transition-delay: 600ms;
  }

  .landing-page-service-list .service-item + .service-item__description {
    transition: max-height 600ms linear 600ms, margin 600ms ease-in-out 600ms, opacity 400ms ease-in-out 1100ms;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }

  .landing-page-service-list .service-item + .service-item__description .service-item__more {
    margin-top: 2rem;
    position: relative;
    color: #000;
  }

  .landing-page-service-list .service-item.active + .service-item__description {
    opacity: 1;
    display: block;
  }

  .landing-page-service-list .service-item.closing + .service-item__description {
    transition: opacity 600ms ease-in-out, margin 400ms ease-in-out 650ms, max-height 600ms linear 650ms;
    max-height: 0;
    opacity: 0;
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing-page-service-list {
    max-height: 1200px;
    min-height: calc(100vh - 338px);
    border: 1px solid #000;
    padding: 60px 25px 24px 20px;
  }

  .landing-page-service-list .landing-page-service-list__container {
    padding-right: 50px;
  }

  .landing-page-service-list .service-item .service-item__container {
    color: #000;
  }

  .landing-page-service-list .service-item p,
  .landing-page-service-list .service-item .service-item__more {
    font-size: 20px;
    line-height: 24px;
  }

  .landing-page-service-list .service-item.active .service-item__vertical-delimiter {
    margin-left: 16px;
  }

  .landing-page-service-list .service-item.active + .service-item__description {
    margin: 2rem;
    max-height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .landing-page-service-list {
    max-height: 100%;
    min-height: 300px;
    border: 1px solid #000;
    padding: 20px;
  }

  .landing-page-service-list .landing-page-service-list__container {
    padding-right: 20px;
  }

  .landing-page-service-list .service-item {
    font-size: 16px;
    line-height: 40px;
  }

  .landing-page-service-list .service-item .service-item__description .service-item__more,
  .landing-page-service-list .service-item .service-item__description p {
    font-size: 16px;
    line-height: 20px;
  }

  .landing-page-service-list .service-item .service-item__container {
    color: #000;
    padding-left: 14px;
    padding-right: 48px;
  }

  .landing-page-service-list .service-item .service-item__vertical-delimiter {
    height: 50px;
  }

  .landing-page-service-list .service-item .service-item__dropdown-icon {
    margin: 15px;
  }

  .landing-page-service-list .service-item.active .service-item__vertical-delimiter {
    margin-left: 12px;
    height: 50px;
  }

  .landing-page-service-list .service-item.active + .service-item__description {
    margin: 8px 16px 16px 26px;
    max-height: 800px;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-carousel/landing-page-carousel.component.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-carousel {
  max-width: 555px;
  height: 450px;
}

.landing-page-carousel .card-stack .landing-page-carousel__buttons {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  border: 1px solid #000;
  font-size: 1.375rem;
  color: #000;
  line-height: 3.5rem;
  z-index: 100;
  transition: all 400ms ease-in-out;
}

.landing-page-carousel .card-stack .landing-page-carousel__buttons path {
  stroke: #000;
  transition: all 400ms ease-in-out;
}

.landing-page-carousel .card-stack .landing-page-carousel__buttons:hover {
  background: #fff400;
  border: 1px solid #fff400;
}

.landing-page-carousel .card-stack .landing-page-carousel__buttons:hover path {
  stroke: #fff;
}

.transformThis {
  animation: scaleDown 600ms;
}

.transformPrev {
  animation: scaleUp 600ms;
}

@keyframes scaleUp {
  0% {
    transform: translateY(-100px);
    opacity: 0;
    filter: blur(1px);
  }

  100% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes scaleDown {
  0% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }

  100% {
    transform: translateY(-100px);
    opacity: 0;
    filter: blur(2px);
  }
}

@media only screen and (min-width: 992px) {
  .landing-page-carousel .card-stack {
    margin-top: 94px;
  }

  .landing-page-carousel .card-stack .landing-page-carousel__buttons.prev {
    top: 128.5px;
    left: -5.75rem;
    right: auto;
  }

  .landing-page-carousel .card-stack .landing-page-carousel__buttons.next {
    top: 128.5px;
    left: auto;
    right: -5.75rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
  .landing-page-carousel .card-stack {
    margin-top: 62px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-page-carousel .landing-page-carousel__controls {
    bottom: -40px;
  }

  .landing-page-carousel .landing-page-carousel__controls .landing-page-carousel__buttons.prev {
    margin-left: auto;
    margin-right: 10px;
  }

  .landing-page-carousel .landing-page-carousel__controls .landing-page-carousel__buttons.next {
    margin-right: auto;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 500px) {
  .landing-page-carousel {
    height: 350px;
  }

  .landing-page-carousel .landing-page-carousel__controls {
    bottom: -20px;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-carousel-item/landing-page-carousel-item.component.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-carousel-item {
  transition: all 400ms ease-in-out;
  border-radius: 1.25rem;
  margin: 0 auto;
  box-shadow: 0 5px 10px rgba(34, 34, 34, .1);
  background-color: #f6f6f6;
}

.landing-page-carousel-item img {
  transition: all 400ms ease-in-out;
}

.landing-page-carousel-item:nth-child(1) {
  top: 47%;
  width: 58%;
}

@media only screen and (max-width: 500px) {
  .landing-page-carousel-item:nth-child(1) {
    top: 44%;
  }
}

.landing-page-carousel-item:nth-child(1) img {
  opacity: 0;
}

.landing-page-carousel-item:nth-child(2) {
  top: 38%;
  width: 67%;
}

@media only screen and (max-width: 500px) {
  .landing-page-carousel-item:nth-child(2) {
    top: 36%;
  }
}

.landing-page-carousel-item:nth-child(2) img {
  opacity: 0;
}

.landing-page-carousel-item:nth-child(3) {
  top: 27%;
  width: 77%;
}

@media only screen and (max-width: 500px) {
  .landing-page-carousel-item:nth-child(3) {
    top: 26%;
  }
}

.landing-page-carousel-item:nth-child(3) img {
  opacity: 0;
}

.landing-page-carousel-item:nth-child(4) {
  top: 14%;
  width: 88%;
}

@media only screen and (max-width: 500px) {
  .landing-page-carousel-item:nth-child(4) {
    top: 14%;
  }
}

.landing-page-carousel-item:nth-child(4) img {
  opacity: 0;
}

.landing-page-carousel-item:nth-child(5) {
  top: -1%;
  width: 100%;
}

@media only screen and (max-width: 500px) {
  .landing-page-carousel-item:nth-child(5) {
    top: 0%;
  }
}

.landing-page-carousel-item:nth-child(5) img {
  opacity: 0;
}

.landing-page-carousel-item:nth-child(5),
.landing-page-carousel-item.transformPrev {
  border: 6px solid #000;
  opacity: 1;
}

.landing-page-carousel-item:nth-child(5) img,
.landing-page-carousel-item.transformPrev img {
  opacity: 1 !important;
}

.landing-page-carousel-item .carousel-screen {
  width: 100%;
  height: 100%;
  border-radius: .875rem;
}

@media only screen and (max-width: 767px) {
  .landing-page-carousel-item:nth-child(5),
  .landing-page-carousel-item.transformPrev {
    border: 3px solid #000;
  }

  .landing-page-carousel-item .carousel-screen {
    border-radius: 1.25rem;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-info-message/landing-page-info-message.component.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-info-message {
  padding: 1.25rem 2.25rem;
  background: #fff;
  box-shadow: 1rem 1rem 4.5rem rgba(0, 0, 0, .15);
  border-radius: .625rem;
}

.landing-page-info-message .landing-page-info-message__body {
  margin-top: .625rem;
  margin-bottom: 0;
  line-height: 1.5rem;
  font-size: .875rem;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-arrowed-list/landing-page-arrowed-list.component.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing-page-steps {
    margin-left: 70px;
    margin-right: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .landing-page-steps {
    margin-left: 25px;
    margin-right: 25px;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-arrowed-list-item/landing-page-arrowed-list-item.component.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-arrowed-list-item {
  margin-top: 30px;
}

.landing-page-arrowed-list-item .landing-page-arrowed-list-item__arrow {
  width: 0;
  margin-left: -40px;
  transition: all 400ms ease-in-out;
}

.landing-page-arrowed-list-item .landing-page-arrowed-list-item__content {
  font-size: 1.25rem;
  max-width: 420px;
  margin-left: 40px;
}

.landing-page-arrowed-list-item:hover .landing-page-arrowed-list-item__arrow {
  width: 51px;
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
  .landing-page-arrowed-list-item .landing-page-arrowed-list-item__content {
    font-size: 1rem;
    max-width: 360px;
  }
}

@media only screen and (max-width: 767px) {
  .landing-page-arrowed-list-item .landing-page-arrowed-list-item__content {
    font-size: 1rem;
    max-width: 244px;
    margin-left: 24px;
  }

  .landing-page-arrowed-list-item .landing-page-arrowed-list-item__arrow {
    margin-left: -32px;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-scrolling-list/landing-page-scrolling-list.component.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-scrolling-list {
  margin-top: 40px;
  min-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 1rem;
}

.landing-page-scrolling-list .landing-page-scrolling-list__item {
  margin: .5rem 0;
}

.landing-page-scrolling-list .landing-page-scrolling-list__item a {
  color: #fff;
  line-height: 1.875rem;
  letter-spacing: .5px;
  transition: all 100ms ease-in-out;
}

.landing-page-scrolling-list .landing-page-scrolling-list__item a .scrolling-list-item__part-1 {
  transition: all 100ms ease-in-out;
}

.landing-page-scrolling-list .landing-page-scrolling-list__item a .scrolling-list-item__part-2 {
  transition: all 100ms ease-in-out;
}

.landing-page-scrolling-list .landing-page-scrolling-list__item a:hover {
  color: #fff400;
}

.landing-page-scrolling-list .landing-page-scrolling-list__item a:hover .scrolling-list-item__part-1 {
  font-weight: 900;
}

.landing-page-scrolling-list .landing-page-scrolling-list__item a:hover .scrolling-list-item__part-2 {
  font-weight: 600;
}

.landing-page-scrolling-list .simplebar-scrollbar:before {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .8);
  background-color: rgba(255, 255, 255, .8);
}

@media only screen and (min-width: 1200px) {
  .landing-page-scrolling-list {
    width: 1170px !important;
  }
}

@media only screen and (min-width: 1441px) {
  .landing-page-scrolling-list {
    height: calc(100vh - 528px);
    margin-top: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
  .landing-page-scrolling-list {
    height: calc(100vh - 400px);
    margin-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .landing-page-scrolling-list {
    width: 970px;
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container {
    margin: 0 -0.5rem;
    margin-top: -8px;
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item {
    padding: 0 .5rem;
    flex: 0 1 auto;
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item--col-1 {
    width: calc(100% / 1);
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item--col-1 a {
    max-width: 530px;
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item--col-2 {
    width: calc(100% / 2);
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item--col-2 a {
    max-width: 430px;
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item--col-3 {
    width: calc(100% / 3);
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item--col-3 a {
    max-width: 330px;
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item--col-4 {
    width: calc(100% / 4);
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item--col-4 a {
    max-width: 230px;
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item--col-5 {
    width: calc(100% / 5);
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item--col-5 a {
    max-width: 130px;
  }
}

@media only screen and (max-width: 991px) {
  .landing-page-scrolling-list {
    margin-top: 0;
    overflow-y: hidden;
    overflow-x: auto;
    height: calc(100vh - 428px);
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container {
    height: calc(100vh - 428px);
    min-height: 290px;
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container .landing-page-scrolling-list__item {
    padding: 0 .5rem;
    max-width: 300px;
    flex: 0 1 auto;
  }
}

@media only screen and (max-width: 767px) {
  .landing-page-scrolling-list {
    height: calc(100vh - 180px);
  }

  .landing-page-scrolling-list .landing-page-scrolling-list__container {
    height: calc(100vh - 180px);
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-desc-block/landing-page-desc-block.component.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-desc-block .landing-page-desc-block__title h2 {
  font-size: 2rem;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 60px;
  margin-bottom: 0;
  letter-spacing: .5px;
  max-width: 500px;
}

.landing-page-desc-block .landing-page-desc-block__body {
  margin-top: 50px;
}

.landing-page-desc-block .landing-page-desc-block__body p {
  font-size: 1.25rem;
  line-height: 2.5rem;
  margin-top: 1.25rem;
  max-width: 600px;
}

.landing-page-desc-block .landing-page-desc-block__dot {
  top: -5px;
}

.landing-page-desc-block .landing-page-desc-block__dot-black {
  fill: #000;
}

.landing-page-desc-block .landing-page-desc-block__dot-yellow {
  fill: #fff400;
}

.landing-page-desc-block.landing-page-desc-block__theme-light {
  color: #000;
}

.landing-page-desc-block.landing-page-desc-block__theme-dark {
  color: #fff;
}

.landing-page-desc-block.landing-page-desc-block__theme-dark .vui-href {
  color: #fff400;
}

.landing-page-desc-block.landing-page-desc-block__theme-dark .vui-href:hover,
.landing-page-desc-block.landing-page-desc-block__theme-dark .vui-href:focus,
.landing-page-desc-block.landing-page-desc-block__theme-dark .vui-href:active {
  color: #ffe600;
}

.landing-page-desc-block__action.vui-btn,
.landing-page-desc-block__action .vui-btn {
  max-width: 32rem;
  width: 100%;
  margin-top: 2rem;
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
  .landing-page-desc-block .landing-page-desc-block__title h2 {
    margin-top: 40px;
    font-size: 22px;
    line-height: 28px;
  }

  .landing-page-desc-block .landing-page-desc-block__body {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing-page-desc-block .landing-page-desc-block__dot {
    margin-left: 0;
  }

  .landing-page-desc-block .landing-page-desc-block__title {
    margin: 70px 0;
  }

  .landing-page-desc-block .landing-page-desc-block__body p {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

@media only screen and (max-width: 767px) {
  .landing-page-desc-block .landing-page-desc-block__title h2 {
    margin: 60px 15px 40px 0;
    font-size: 22px;
    line-height: 32px;
  }

  .landing-page-desc-block .landing-page-desc-block__body p {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-steps/landing-page-steps.component.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-steps {
  display: flex;
}

.landing-page-steps hr {
  color: #fff400;
  background-color: #fff400;
}

@media only screen and (min-width: 768px) {
  .landing-page-steps {
    flex-direction: initial;
  }

  .landing-page-steps hr {
    height: 2px;
    margin-top: 35px;
    width: 100%;
    margin-right: 44px;
    margin-left: -94px;
  }
}

@media only screen and (max-width: 767px) {
  .landing-page-steps {
    flex-direction: column;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-steps-item/landing-page-steps-item.component.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-steps-item {
  width: 200px;
}

.landing-page-steps-item .landing-page-steps-item__icon {
  width: 4.5rem;
  height: 4.5rem;
  background: #fff400;
  border-radius: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landing-page-steps-item .landing-page-steps-item__desc {
  margin-top: 2rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-accordion/landing-page-accordion.component.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-accordion landing-page-accordion-item:nth-of-type(1) .landing-page-accordion-item .landing-page-accordion-item__title {
  background: #fbfbfb;
}

.landing-page-accordion landing-page-accordion-item:nth-of-type(2) .landing-page-accordion-item .landing-page-accordion-item__title {
  background: #fafafa;
}

.landing-page-accordion landing-page-accordion-item:nth-of-type(3) .landing-page-accordion-item .landing-page-accordion-item__title {
  background: #f8f8f8;
}

.landing-page-accordion landing-page-accordion-item:nth-of-type(4) .landing-page-accordion-item .landing-page-accordion-item__title {
  background: #f6f6f6;
}

.landing-page-accordion landing-page-accordion-item:nth-of-type(5) .landing-page-accordion-item .landing-page-accordion-item__title {
  background: #f4f4f4;
}

.landing-page-accordion landing-page-accordion-item:nth-of-type(6) .landing-page-accordion-item .landing-page-accordion-item__title {
  background: #f2f2f2;
}

.landing-page-accordion landing-page-accordion-item:nth-of-type(7) .landing-page-accordion-item .landing-page-accordion-item__title {
  background: #f1f1f1;
}

.landing-page-accordion landing-page-accordion-item:nth-of-type(8) .landing-page-accordion-item .landing-page-accordion-item__title {
  background: #efefef;
}

.landing-page-accordion landing-page-accordion-item:nth-of-type(9) .landing-page-accordion-item .landing-page-accordion-item__title {
  background: #ededed;
}

.landing-page-accordion landing-page-accordion-item:nth-of-type(10) .landing-page-accordion-item .landing-page-accordion-item__title {
  background: #ededed;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-accordion-item/landing-page-accordion-item.component.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-accordion-item {
  margin-bottom: 1.25rem;
}

.landing-page-accordion-item .landing-page-accordion-item__title {
  cursor: pointer;
  font-size: 1.375rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  background: #f5f5f5;
}

.landing-page-accordion-item .landing-page-accordion-item__title .landing-page-accordion-item__title--clickable {
  padding: 1.25rem 1.25rem 1.25rem 3rem;
  display: flex;
  min-height: 92px;
  align-items: center;
  justify-content: center;
}

.landing-page-accordion-item .landing-page-accordion-item__title .accordion-title__content {
  width: 100%;
  padding-right: 1rem;
}

.landing-page-accordion-item .landing-page-accordion-item__title .accordion-title__icon {
  display: flex;
  align-items: center;
  transition: .4s;
}

.landing-page-accordion-item .landing-page-accordion-item__content {
  max-height: 0;
  transition: .4s;
  margin: 0;
  font-size: 1.25rem;
  line-height: 2.5rem;
  overflow: hidden;
}

.landing-page-accordion-item .landing-page-accordion-item__content landing-page-accordion-item-content {
  padding: 1.25rem 3rem 0 3rem;
  display: block;
}

.landing-page-accordion-item.accordion-item--open .landing-page-accordion-item__title .accordion-title__icon {
  transform: rotate(180deg);
}

.landing-page-accordion-item.accordion-item--open .landing-page-accordion-item__content {
  max-height: 1000px;
}

@media only screen and (max-width: 767px) {
  .landing-page-accordion-item .landing-page-accordion-item__title {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .landing-page-accordion-item .landing-page-accordion-item__title .landing-page-accordion-item__title--clickable {
    padding: .5rem .75rem .5rem .5rem;
  }

  .landing-page-accordion-item .landing-page-accordion-item__content {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .landing-page-accordion-item .landing-page-accordion-item__content landing-page-accordion-item-content {
    padding: 1rem .5rem 0 .5rem;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-main-block/landing-page-main-block.component.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.landing-page-main-block .vui-content {
  padding-top: 120px;
  background-color: rgba(0, 0, 0, 0);
}

.landing-page-main-block .landing-page-main-block__title {
  text-transform: uppercase;
  font-size: 4.5rem;
  line-height: 5.625rem;
  max-width: 850px;
  font-weight: 700;
}

.landing-page-main-block .landing-page-main-block__desc {
  font-size: 1.25rem;
  line-height: 2.5rem;
  margin-top: 2rem;
  max-width: 850px;
  margin-bottom: 2rem;
}

.landing-page-main-block .landing-page-main-block__action .vui-btn {
  max-width: 32rem;
  width: 100%;
  margin-top: 2rem;
}

.landing-page-main-block .landing-page-main-block__vt-icon {
  margin-top: 5rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .landing-page-main-block .vui-content {
    padding-top: 60px;
    min-height: auto;
  }

  .landing-page-main-block .landing-page-main-block__title {
    font-size: 2.25rem;
    line-height: 3.375rem;
    max-width: 650px;
  }

  .landing-page-main-block .landing-page-main-block__desc {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .landing-page-main-block .landing-page-main-block__vt-icon {
    margin-top: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .landing-page-main-block .vui-content {
    padding-top: 60px;
    min-height: auto;
  }

  .landing-page-main-block .landing-page-main-block__title {
    font-size: 1.625rem;
    line-height: 2.75rem;
    max-width: 450px;
  }

  .landing-page-main-block .landing-page-main-block__desc {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .landing-page-main-block .landing-page-main-block__action {
    padding-bottom: 2rem;
  }

  .landing-page-main-block .landing-page-main-block__vt-icon {
    display: none;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-public/components/landing-page/landing-page-vt-logo/landing-page-vt-logo.component.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.landing-page-vt-logo {
  display: block;
}

.landing-page-vt-logo img {
  width: 100%;
  margin-bottom: -5px;
}

@media only screen and (max-width: 767px) {
  .landing-page-vt-logo {
    display: none;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-admin/components/mechanic-list-card/mechanic-list-card.component.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.mechanic-list-card {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  background-color: rgb(45, 45, 45);
  border-radius: 3px;
  margin: 10px 10px;
  display: flex;
  color: white;
}

.mechanic-list-card .mechanic-list-card__image-container {
  max-height: 150px;
  min-height: 150px;
  min-width: 150px;
  max-width: 150px;
  margin: 10px 10px 10px 20px;
  display: block;
  color: white;
}

@media (max-width: 750px) {
  .mechanic-list-card .mechanic-list-card__image-container {
    max-height: 110px;
    min-height: 110px;
    min-width: 110px;
    max-width: 110px;
    margin: 10px;
    position: absolute;
  }
}

.mechanic-list-card .mechanic-list-card__image {
  max-height: 150px;
  border-radius: 150px;
}

@media (max-width: 750px) {
  .mechanic-list-card .mechanic-list-card__image {
    max-height: 110px;
    border-radius: 4px;
  }
}

.mechanic-list-card .mechanic-list-card__main {
  padding: 5px 10px 10px 10px;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 750px) {
  .mechanic-list-card .mechanic-list-card__main-header {
    min-height: 110px;
    margin-left: 120px;
  }
}

@media (max-width: 750px) {
  .mechanic-list-card .mechanic-list-card__desc-container {
    position: absolute;
    left: 0;
    top: 110px;
    margin: 10px;
  }
}

.mechanic-list-card .mechanic-list-card__location {
  padding-left: 10px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px;
}

.mechanic-list-card .mechanic-list-card__details {
  margin-top: 5px;
}

.mechanic-list-card .mechanic-list-card__details-val {
  font-weight: bold;
  color: white;
  text-transform: lowercase;
}

.mechanic-list-card .mechanic-list-card__details-label {
  color: #aaa;
}

.mechanic-list-card .mechanic-list-card__type {
  font-weight: bold;
  font-size: 12px;
  color: #999;
  text-transform: lowercase;
  display: inline-block;
  margin-top: 5px;
  white-space: nowrap;
  padding: 0;
  line-height: 21px;
}

.mechanic-list-card .mechanic-list-card__category_individual {
  color: #51c57e;
}

.mechanic-list-card .mechanic-list-card__category_mobile {
  color: #eb5757;
}

.mechanic-list-card .mechanic-list-card__category_shop {
  color: #00aae5;
}

.mechanic-list-card .mechanic-list-card__desc {
  margin-top: 10px;
}

.mechanic-list-card .mechanic-list-card__services {
  margin-top: 25px;
}

.mechanic-list-card .mechanic-list-card__services-item {
  color: #aaa;
  font-size: 13px;
  font-weight: normal;
  line-height: 15px;
}

.mechanic-list-card .mechanic-list-card__schedule-btn {
  margin: 25px 0 0 0 !important;
}

@media (max-width: 750px) {
  .mechanic-list-card .mechanic-list-card__schedule-btn {
    width: 100%;
  }
}

.mechanic-list-card .mechanic-list-card__icons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.mechanic-list-card .mechanic-list-card__icon {
  display: inline-block;
  padding: 5px;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.mechanic-list-card .mechanic-list-card__icon:hover {
  background-color: #444;
}

.mechanic-list-card .mechanic-list-card__header {
  font-size: 16px;
  text-align: left;
  margin: 0;
}

.mechanic-list-card .mechanic-list-card__name-container {
  font-weight: bold;
  margin-top: 5px;
  text-align: left;
  padding: 0;
  color: white;
  display: block;
}

.mechanic-list-card .mechanic-list-card__name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 10px;
}

.mechanic-list-card .mechanic-list__view-item-btn {
  display: inline-block;
  color: #aaa;
  vertical-align: middle;
  font-size: 12px;
}

.mechanic-list-card .mechanic-list__view-item-btn-icon {
  width: 13px;
}

.mechanic-list-card .mechanic-list-card__rating-container {
  font-size: 16px;
  margin-top: 5px;
}

.mechanic-list-card .mechanic-list-card__rating {
  display: inline-block;
}

.mechanic-list-card .mechanic-list-card__reviews {
  display: inline-block;
  margin-left: 10px;
}

.mechanic-list-card .mechanic-list-card__level {
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  background-color: #6be897;
  color: #333;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 26px;
  border-radius: 26px;
  text-align: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.mechanic-list-card .mechanic-list-card__footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 30px;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.mechanic-list-card .mechanic-list-card__actions-container {
  padding-right: 0;
  flex-basis: 30px;
}

.mechanic-list-card .mechanic-list-card__actions {
  padding: 0;
}

.mechanic-list-card .mechanic-list-card__action-button {
  margin: 0;
  padding: 0;
  min-width: 30px;
  line-height: 30px;
  transform: rotate(90deg);
}

.mechanic-list-card .mechanic-list-card__menu-icon {
  color: white;
}

@media (min-width: 800px) {
  .mechanic-list-card-pricing {
    min-width: 700px;
    max-width: 700px;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-generic/components/clipboard/copy-to-clipboard.component.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.vui-clipboard {
  vertical-align: middle;
  font-size: .85rem;
  color: white;
}

.vui-clipboard .vui-clipboard__img {
  width: 20px;
}

.vui-clipboard .vui-clipboard__tooltip {
  font-weight: 500;
  position: relative;
  display: inline-block;
}

.vui-clipboard .vui-clipboard__tooltip .vui-clipboard__tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: rgba(164, 164, 164, .4901960784);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 130%;
}

.vui-clipboard .vui-clipboard__tooltip .vui-clipboard__tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgba(164, 164, 164, .4901960784) transparent transparent;
}

.vui-clipboard .vui-clipboard__tooltip:hover .vui-clipboard__tooltiptext {
  visibility: visible;
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-admin/modules/mechanic-list/mechanic-list.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.mechanic-list {
  margin: 0;
  display: flex;
}

.mechanic-list .mechanic-list__location-filter {
  margin: 0 8px;
}

.mechanic-list .mechanic-list__list {
  padding-top: 5px;
  flex-basis: 650px;
  max-width: 650px;
}

@media (min-width: 1400px) {
  .mechanic-list .mechanic-list__list {
    flex-basis: 750px;
    max-width: 750px;
  }
}

@media (min-width: 1600px) {
  .mechanic-list .mechanic-list__list {
    flex-basis: 850px;
    max-width: 850px;
  }
}

.mechanic-list .mechanic-list__list-body {
  padding-top: 0;
}

.mechanic-list .mechanic-list__list_mobile {
  position: absolute;
  max-width: none;
  width: 100%;
  top: 64px;
  left: 0;
}

.mechanic-list .mechanic-list__list_mobile.mechanic-list__list_mobile-logged-in {
  left: 64px;
  width: calc(100% - 64px);
}

@media (max-width: 470px) {
  .mechanic-list .mechanic-list__list_mobile {
    width: 100% !important;
    left: 0 !important;
  }
}

.mechanic-list .mechanic-list__list_mobile-inactive .pageable-list__body {
  opacity: 0 !important;
  visibility: hidden !important;
  overflow-y: hidden !important;
}

.mechanic-list .mechanic-list__map {
  flex-grow: 100;
  padding: 5px 5px 5px 0;
}

.mechanic-list .mechanic-list__map .google-map {
  margin: 0;
  height: 100vh;
}

.mechanic-list .mechanic-list__change-view-btn {
  position: absolute;
  right: 25px;
  top: 5px;
  text-transform: none;
}

.mechanic-list .mechanic-list__change-view-btn-icon {
  vertical-align: middle;
  width: 16px;
}

.mechanic-list .mechanic-list__change-view-btn-label {
  vertical-align: middle;
}

.mechanic-list .mechanic-list__map_mobile {
  position: absolute;
  left: 0;
  top: 128px;
  width: 100%;
  padding: 0;
  z-index: 70;
}

.mechanic-list .mechanic-list__map_mobile.mechanic-list__map_mobile-logged-in {
  left: 64px;
  width: calc(100% - 64px);
}

@media (max-width: 470px) {
  .mechanic-list .mechanic-list__map_mobile {
    width: 100% !important;
    left: 0 !important;
  }
}

.mechanic-list .mechanic-list__map_mobile .google-map {
  height: calc(100vh - 195px);
}

.mechanic-list .mechanic-list__map_mobile-inactive {
  z-index: -10;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow-y: hidden !important;
}

.mechanic-list .mechanic-list__info-window {
  min-height: 60px;
  margin-left: 20px;
}

.mechanic-list .mechanic-list__info-window-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50px;
}

.mechanic-list .mechanic-list__info-window-name {
  font-size: 16px;
  color: black;
  font-weight: bold;
  padding-left: 10px;
}

.mechanic-list .mechanic-list__info-window-schedule-btn {
  color: #0e90d2 !important;
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-generic/components/settings-section/settings-section.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-settings-section {
  padding-top: 15px;
  padding-bottom: 15px;
  color: white;
}

.vui-settings-section .vui-settings-section__left-group {
  padding: 15px;
}

.vui-settings-section .vui-settings-section__title {
  font-size: 1.1rem;
  font-weight: bold;
}

.vui-settings-section .vui-settings-section__description {
  padding-top: 10px;
  font-size: 1rem;
  color: #aaa;
}

.vui-settings-section-separator {
  margin: 10px 0;
  border-bottom: 1px solid #333;
}

@media (max-width: 470px) {
  .vui-settings-section-separator {
    display: none;
  }
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-generic/components/image-viewer/image-viewer.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/*$input-default-color: #FFEB3B;*/

.image-viewer .image-viewer__actions {
  min-height: 18px;
  font-size: 13px;
}

.image-viewer .image-viewer__button-actions {
  -o-transition: opacity 200ms linear;
     transition: opacity 200ms linear;
}

.image-viewer .image-viewer__actions-divider {
  margin-left: 15px;
  pointer-events: none;
}

.image-viewer .image-viewer__actions-divider:before {
  content: "·";
  color: #939393;
  padding: 0 1px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  pointer-events: none;
  position: relative;
  left: -8px;
}

.image-viewer .image-viewer__dialog {
  margin: auto;
  top: 50%;
}

.image-viewer .image-viewer__dialog.md-transition-in {
  transform: translate(0, -50%) scale(1);
}

.image-viewer .image-viewer__dialog-form {
  max-height: calc(100vh - 150px);
  max-width: calc(100vw - 20px);
}

.image-viewer .image-viewer__dialog-form-content {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}

.image-viewer .image-viewer__dialog-form-content .loading-gif {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-viewer .image-viewer__dialog-form-content .img-tmb {
  max-height: calc(100vh - 150px);
}

.image-viewer .image-viewer__dialog-prev-btn,
.image-viewer .image-viewer__dialog-next-btn {
  position: absolute;
  top: 0;
  width: 20%;
  height: calc(100% - 3px);
  outline: none;
  border: none;
  opacity: 0;
  cursor: pointer;
}

.image-viewer .image-viewer__dialog-prev-btn:hover,
.image-viewer .image-viewer__dialog-next-btn:hover {
  background-color: rgba(0, 0, 0, .4);
  opacity: 1;
}

.image-viewer .image-viewer__dialog-prev-btn {
  left: 0;
  background: url(https://assets.velotooler.com/dist/img/gallery-arrow-left-53ce32f.png) no-repeat center center;
}

.image-viewer .image-viewer__dialog-next-btn {
  right: 0;
  background: url(https://assets.velotooler.com/dist/img/gallery-arrow-right-b0c6c4f.png) no-repeat center center;
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-generic/components/image-slider/image-slider.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-image-slider {
  position: relative;
}

.vui-image-slider md-virtual-repeat-container {
  height: 120px;
  margin: 10px 0;
  width: 100%;
}

.vui-image-slider md-virtual-repeat-container .md-virtual-repeat-scroller {
  background: none;
}

.vui-image-slider md-virtual-repeat-container .md-virtual-repeat-scroller::-webkit-scrollbar {
  display: none;
}

.vui-image-slider .md-orient-horizontal .md-virtual-repeat-scroller {
  overflow-x: hidden !important;
}

.vui-image-slider .vui-image-slider-btn {
  margin: 0 !important;
  min-width: 0 !important;
  height: 120px !important;
  width: 36px;
  border-radius: 0;
  position: absolute;
  top: 0;
  background-color: rgb(55, 55, 55);
  z-index: 1;
}

.vui-image-slider .vui-image-slider-btn:hover {
  background-color: rgb(65, 65, 65);
}

.vui-image-slider .vui-image-slider-btn:disabled {
  background-color: #1f1f1f;
}

.vui-image-slider .vui-image-slider-btn i {
  font-size: 20px;
  color: white;
}

.vui-image-slider .vui-image-slider-btn_left {
  left: 0;
}

.vui-image-slider .vui-image-slider-btn_right {
  right: 0;
}

.vui-image-slider .vui-image-slider__photos-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 4px;
}

.vui-image-slider .vui-image-slider__photos-container-item {
  font-size: 20px;
  width: 120px;
  height: 120px;
  text-align: center;
  cursor: pointer;
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-domain/components/bike-autocomplete/bike-autocomplete.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.bike-autocomplete .bike-autocomplete__close-icon {
  position: absolute;
  right: 13px;
  top: 9px;
  width: 13px;
  height: 13px;
}

.bike-autocomplete .bike-autocomplete__item-sign {
  width: 6px;
  height: 6px;
  border-radius: .25rem;
  vertical-align: top;
}

.bike-autocomplete .bike-autocomplete__item-new-sign {
  background-color: #51c57e;
}

.bike-autocomplete .bike-autocomplete__menu {
  display: inline-block;
}

.bike-autocomplete .bike-autocomplete__menu-item:hover {
  background-color: #2d2d2d;
  box-shadow: 14px 4px 10px rgba(31, 31, 31, .5);
}

.bike-autocomplete .bike-autocomplete__menu-item {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  outline: none;
  font-size: 16px;
  color: #666;
  text-decoration: none;
  border-bottom: 2px solid #666;
  cursor: pointer;
}

@media (max-width: 350px) {
  .bike-autocomplete .bike-autocomplete__menu-item {
    padding: 0 10px;
  }
}

.bike-autocomplete .bike-autocomplete__menu-item_selected {
  background-color: #222;
  border-bottom: 2px solid white !important;
  font-weight: 500;
}

.bike-autocomplete .bike-autocomplete__menu-item_selected span {
  color: white;
}

.bike-autocomplete .bike-autocomplete__list {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 345px;
}

.bike-autocomplete .bike-autocomplete__list::-webkit-scrollbar {
  width: 5px;
  background-color: #666;
}

.bike-autocomplete .bike-autocomplete__list::-webkit-scrollbar-thumb {
  background-color: #444;
}

.bike-autocomplete .bike-autocomplete__item-container {
  padding: 2px 0;
}

.bike-autocomplete .bike-autocomplete__select-icon {
  width: 25px;
  height: 25px;
  border: none;
  margin: auto;
}

.bike-autocomplete .bike-autocomplete__item-sn-label {
  font-size: 14px;
}

.bike-autocomplete .bike-autocomplete__item-description-label {
  color: #f5f5f5;
}

.bike-autocomplete .bike-autocomplete__item-sn-name {
  background-color: #51c57e;
  font-weight: 900;
  color: black !important;
  border-radius: 3px;
  padding: 0 3px;
  margin-left: 5px;
}

.bike-autocomplete .bike-autocomplete__item-icon {
  width: 52px;
  height: 52px;
  border: 1px solid #333;
  border-radius: 50%;
  margin: auto;
}

.bike-autocomplete .bike-autocomplete__item-description {
  flex: 26 0 0;
  margin: auto auto auto 15px;
}

.bike-autocomplete .bike-autocomplete__item {
  background-color: transparent;
  border-top: 1px solid transparent;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
  margin: auto;
  padding: 5px 10px;
  flex: 1 0 0;
  cursor: pointer;
}

.bike-autocomplete .bike-autocomplete__item span {
  color: #777;
  font-size: 13px;
}

.bike-autocomplete .bike-autocomplete__item:hover {
  background-color: rgb(45, 45, 45);
}

.bike-autocomplete .bike-autocomplete__empty-bike-list {
  text-align: center;
  padding: 60px 0;
}

.bike-autocomplete .bike-autocomplete__items-not-found-icon {
  width: 160px;
}

.bike-autocomplete .bike-autocomplete__items-not-found-title {
  padding-top: 30px;
  font-size: 24px;
  color: #999;
}

.bike-autocomplete .bike-autocomplete__items-not-found-text {
  font-size: 16px;
  color: #777;
  padding-top: 20px;
}

.bike-autocomplete .bike-autocomplete__close-icon {
  position: absolute;
  right: 13px;
  top: 9px;
  width: 13px;
  height: 13px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-domain/components/service-booking/booking-bicycles-card/booking-bicycles-card.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.booking-bicycles-card .booking-bicycles-card__show-more-btn {
  color: #8e8e8e !important;
  background-color: rgba(105, 105, 105, .2);
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-domain/components/service-booking/booking-pricing-info/booking-pricing-details.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.booking-pricing-details {
  position: relative;
}

.booking-pricing-details .booking-pricing-details__footer {
  background: #2f2f2f;
  padding: 6px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-weight: bold;
}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-generic/components/page/page.scss ***!
  \************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.vui-page {
  padding-top: 2rem;
  padding-right: 3.2rem;
  padding-left: 3.2rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
  color: white;
}

.vui-page .vui-page__footer {
  margin-bottom: 70px;
}

.vui-page .vui-page__sticky-title {
  max-height: 0;
  background-color: rgb(55, 55, 55);
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  overflow: hidden;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
  transition: max-height .3s;
}

.vui-page .vui-page__sticky-title_active {
  z-index: 29 !important;
  transition: max-height .7s;
  max-height: 130px;
  padding: 5px 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

@media (max-width: 470px) {
  .vui-page {
    padding-right: 0;
    padding-left: 0;
  }
}

.vui-page h2 {
  font-size: 1.5rem;
  font-weight: 200;
  margin: 0;
}

.vui-page .vui-page__title_flex {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
}

.vui-page .vui-page__title {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #333;
  margin-bottom: 1rem;
}

.vui-page.vui-page_large {
  max-width: 1500px;
}

.vui-page.vui-page_bg .vui-page__title {
  padding: .5rem 1.25rem;
  min-height: 70px;
  border-bottom: none;
  background-color: #232323;
  display: flex;
  align-items: center;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-domain/components/mechanic-card/default/mechanic-card.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.mechanic-card .mechanic-card__category_individual {
  color: #51c57e;
}

.mechanic-card .mechanic-card__category_mobile {
  color: #eb5757;
}

.mechanic-card .mechanic-card__category_shop {
  color: #00aae5;
}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./new-ui/vt-domain/components/reassign-booking/booking.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/*$input-default-color: #FFEB3B;*/

.reassign-request {
  display: flex;
}

.reassign-request .reassign-request_checkout-stage_background {
  background-color: rgba(255, 255, 0, .1);
}

.reassign-request.reassign-request_checkout-stage {
  height: max-content;
  min-height: 300px;
}

.reassign-request.reassign-request_checkout-stage .reassign-request__main-section {
  max-width: 0;
  opacity: 0;
  -webkit-transition: max-width 250ms ease-in-out;
          transition: max-width 250ms ease-in-out;
  height: 0;
}

.reassign-request.reassign-request_checkout-stage .reassign-request__checkout-btn {
  visibility: visible;
}

.reassign-request.reassign-request_checkout-stage .reassign-request__summary-back-button {
  visibility: visible;
}

.reassign-request.reassign-request_checkout-stage .reassign-request__summary-footer {
  border-top: 1px solid rgb(45, 45, 45);
}

.reassign-request.reassign-request_checkout-stage .reassign-request__summary-section {
  max-width: 700px;
  display: block;
  max-height: none;
}

.reassign-request .reassign-request__input-with-icon {
  position: relative;
  padding-left: 30px;
}

.reassign-request .reassign-request__input-icon {
  position: absolute;
  left: 8px;
  top: 25%;
  transform: translateY(-20%);
  font-size: 26px;
  color: #999;
}

.reassign-request .reassign-request__summary-footer {
  text-align: center;
  padding: 10px 0;
}

.reassign-request .reassign-request__checkout-btn {
  width: 150px !important;
  visibility: hidden;
}

.reassign-request .reassign-request__checkout-btn.reassign-request__checkout-btn_active {
  visibility: visible;
}

.reassign-request .reassign-request__task-context-item-container {
  margin: 10px;
}

.reassign-request .reassign-request__task-context-close-icon {
  background-color: rgba(30, 30, 30, .3);
  border-radius: 50%;
  font-size: 11px;
  padding: 3px 4px;
  color: #222;
  margin-left: 5px;
}

.reassign-request .reassign-request__task-item {
  margin-bottom: 5px;
  margin-top: 5px;
}

.reassign-request .reassign-request__task-context-item {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 15px;
  background-color: rgba(81, 197, 126, .4);
  cursor: pointer;
}

.reassign-request .reassign-request__task-context-item:hover {
  background-color: rgba(81, 197, 126, .5);
}

.reassign-request .request-card {
  background-color: rgb(35, 35, 35);
}

.reassign-request .select-available-time-card-content {
  background: none !important;
}

.reassign-request .reassign-request__body {
  position: relative;
  margin: 0;
}

.reassign-request .reassign-request__main-section {
  flex-basis: 800px;
  max-width: 800px;
  visibility: visible;
  -webkit-transition: opacity 0s linear 250ms, max-width 250ms ease-in-out;
          transition: opacity 0s linear 250ms, max-width 250ms ease-in-out;
}

.reassign-request .reassign-request__summary-section {
  padding-top: 20px;
  max-width: 400px;
  min-width: 400px;
  margin: 0 auto;
  width: 100%;
  -webkit-transition: max-width 250ms ease-in-out;
          transition: max-width 250ms ease-in-out;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

@media (max-width: 1200px) {
  .reassign-request .reassign-request__summary-section {
    max-width: 300px;
    min-width: 300px;
  }
}

.reassign-request .reassign-request__mobile-navigation {
  border: none;
  display: none;
  width: 100%;
  height: 55px;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  z-index: 78;
  -webkit-overflow-scrolling: touch;
}

.reassign-request .reassign-request__mobile-navigation .md-button {
  line-height: 43px !important;
}

.reassign-request .reassign-request__summary {
  width: 100%;
  background-color: rgb(35, 35, 35);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.reassign-request .reassign-request__summary-header {
  background-color: rgba(255, 255, 0, .1);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
  max-height: 400px;
  -webkit-transition: max-height 250ms ease-in-out;
          transition: max-height 250ms ease-in-out;
}

.reassign-request .reassign-request__summary-body {
  padding: 20px;
  font-size: 15px;
}

.reassign-request .reassign-request__summary-h2 {
  font-size: 17px;
  font-weight: bold;
  color: #999;
  margin-top: 10px;
  margin-bottom: 10px;
}

.reassign-request .reassign-request__summary-mechanic-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.reassign-request .reassign-request__summary-edit-button {
  min-width: 28px !important;
  margin: 0 !important;
  color: #999;
  background: none;
  border: none;
}

.reassign-request .reassign-request__summary-edit-button i {
  font-size: 23px;
}

.reassign-request .reassign-request__summary-mechanic {
  border-bottom: 1px solid rgb(55, 55, 55);
  padding-bottom: 10px;
}

.reassign-request .reassign-request__section {
  margin-bottom: 10px;
}

.reassign-request .reassign-request__section-body-icon {
  margin: auto;
  padding: 0 !important;
}

.reassign-request .reassign-request__section-body {
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.reassign-request .reassign-request__section-body:hover {
  background-color: rgb(45, 45, 45);
}

.reassign-request .reassign-request__summary-icon {
  color: #777;
  margin-right: 5px;
  font-size: 17px;
}

.reassign-request .reassign-request__head-text {
  text-align: left;
}

.reassign-request .reassign-request__estimated-time {
  color: #ccc;
  margin-top: 5px;
  font-size: 15px;
}

.reassign-request .reassign-request__summary-back-button {
  visibility: hidden;
}

.reassign-request.vt-form {
  background: none;
  box-shadow: none;
  max-width: 1200px !important;
}

.reassign-request .show-animation.ng-hide-add {
  -webkit-animation: .3s hide;
          animation: .3s hide;
}

@keyframes hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  30% {
    transform: scale(1.02);
  }

  100% {
    opacity: 0;
    transform: scale(.5);
  }
}

@-webkit-keyframes hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  30% {
    transform: scale(1.02);
  }

  100% {
    opacity: 0;
    transform: scale(.5);
  }
}

.reassign-request .show-animation.ng-hide-remove {
  -webkit-animation: .3s show;
          animation: .3s show;
}

@keyframes show {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  70% {
    transform: scale(1.02);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  70% {
    transform: scale(1.02);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 1000px) {
  .reassign-request .reassign-request__mobile-floating-btn {
    width: 100%;
    margin: 0 !important;
    height: 100%;
    border-radius: 0;
  }

  .reassign-request .reassign-request__summary {
    background-color: rgb(25, 25, 25);
    border-radius: 0;
    box-shadow: none;
  }

  .reassign-request .reassign-request__summary-section {
    max-width: 0;
    min-width: 0;
    max-height: 0;
  }

  .reassign-request .reassign-request__summary-footer {
    height: 50px;
  }

  .reassign-request .reassign-request__checkout-btn {
    display: none;
  }

  .reassign-request .reassign-request__mobile-navigation {
    display: block;
  }
}


/*# sourceMappingURL=bundle.15d7c91a3eff2bccd244.css.map*/