/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./public-app/src/style.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./public-app/src/style.sass (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./public-app/src/style.sass (2) ***!
  \******************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", "Avenir Next", Avenir, Lato, Arial, sans-serif;
  font-size: 17px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  min-height: 100vh;
  font-weight: 500;
}

@font-face {
  font-family: "Avenir Next";
  src: local("AvenirNext-DemiBold");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next";
  src: local("AvenirNext-Medium");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir Next";
  src: local("AvenirNext-Bold");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "boardingware-student-app";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/boardingware-student-app.dee536a6.eot);
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/boardingware-student-app.dee536a6.eot?#iefix) format("embedded-opentype"), url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/boardingware-student-app.9f2cbb8f.woff) format("woff"), url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/boardingware-student-app.333784c0.ttf) format("truetype"), url(https://preview-jh4nbw.bunnyenv.com/static/public-app/images/boardingware-student-app.a1ec6664.svg#boardingware-student-app) format("svg");
  font-weight: normal;
  font-style: normal;
}
i, .form .form-field .field-label:before {
  font-size: 16px;
  line-height: 1em;
}
i:before, .form .form-field .field-label:before {
  content: " ";
  display: block;
  margin: 0 auto;
  width: 1em;
  height: 1em;
  font-size: 1em;
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
i.add:before, .form .form-field .add.field-label:before {
  content: "a";
}
i.transport-other:before, .form .form-field .transport-other.field-label:before {
  content: "b";
}
i.connect:before, .form .form-field .connect.field-label:before {
  content: "5";
}
i.train:before, .form .form-field .train.field-label:before {
  content: "c";
}
i.tick:before, .form .form-field .tick.field-label:before {
  content: "d";
}
i.clock:before, .form .form-field .clock.field-label:before {
  content: "e";
}
i.cross:before, .form .form-field .cross.field-label:before {
  content: "f";
}
i.exclaimation:before, .form .form-field .exclaimation.field-label:before {
  content: "g";
}
i.email:before, .form .form-field .email.field-label:before {
  content: "h";
}
i.host:before, .form .form-field .host.field-label:before {
  content: "i";
}
i.location:before, .form .form-field .location.field-label:before {
  content: "j";
}
i.meal:before, .form .form-field .meal.field-label:before {
  content: "k";
}
i.measure:before, .form .form-field .measure.field-label:before {
  content: "l";
}
i.message:before, .form .form-field .message.field-label:before {
  content: "m";
}
i.notifications:before, .form .form-field .notifications.field-label:before {
  content: "n";
}
i.pending:before, .form .form-field .pending.field-label:before {
  content: "o";
}
i.plane:before, .form .form-field .plane.field-label:before {
  content: "p";
}
i.taxi:before, .form .form-field .taxi.field-label:before {
  content: "q";
}
i.chevron-up:before, .form .form-field .chevron-up.field-label:before {
  content: "r";
}
i.chevron-right:before, .form .form-field .chevron-right.field-label:before {
  content: "s";
}
i.car:before, .form .form-field .car.field-label:before {
  content: "t";
}
i.bin:before, .form .form-field .bin.field-label:before {
  content: "u";
}
i.arrow-up:before, .form .form-field .arrow-up.field-label:before {
  content: "v";
}
i.arrow-right:before, .form .form-field .arrow-right.field-label:before {
  content: "w";
}
i.arrow-left:before, .form .form-field .arrow-left.field-label:before {
  content: "x";
}
i.arrow-down:before, .form .form-field .arrow-down.field-label:before {
  content: "y";
}
i.bus:before, .form .form-field .bus.field-label:before {
  content: "z";
}
i.call:before, .form .form-field .call.field-label:before {
  content: "A";
}
i.chevron-down:before, .form .form-field .chevron-down.field-label:before {
  content: "B";
}
i.chevron-left:before, .form .form-field .chevron-left.field-label:before {
  content: "C";
}
i.walk:before, .form .form-field .walk.field-label:before {
  content: "E";
}
i.bicycle:before, .form .form-field .bicycle.field-label:before {
  content: "D";
}
i.exclaimation-bubble:before, .form .form-field .exclaimation-bubble.field-label:before {
  content: "F";
}
i.cross-bubble:before, .form .form-field .cross-bubble.field-label:before {
  content: "G";
}
i.pending-bubble:before, .form .form-field .pending-bubble.field-label:before {
  content: "H";
}
i.tick-bubble:before, .form .form-field .tick-bubble.field-label:before {
  content: "I";
}
i.endorsement:before, .form .form-field .endorsement.field-label:before {
  content: "J";
}
i.endorsement-bubble:before, .form .form-field .endorsement-bubble.field-label:before {
  content: "K";
}
i.resubmitted:before, .form .form-field .resubmitted.field-label:before {
  content: "L";
}
i.emergency-roll:before, .form .form-field .emergency-roll.field-label:before {
  content: "M";
}
i.name:before, .form .form-field .name.field-label:before {
  content: "N";
}
i.question:before, .form .form-field .question.field-label:before {
  content: "O";
}
i.lock:before, .form .form-field .lock.field-label:before {
  content: "P";
}
i.history:before, .form .form-field .history.field-label:before {
  content: "Q";
}
i.lock-history:before, .form .form-field .lock-history.field-label:before {
  content: "R";
}
i.search-location:before, .form .form-field .search-location.field-label:before {
  content: "S";
}
i.download:before, .form .form-field .download.field-label:before {
  content: "T";
}
i.form-icon:before, .form .form-field .form-icon.field-label:before {
  content: "U";
}
i.globe:before, .form .form-field .globe.field-label:before {
  content: "V";
}
i.pastoral:before, .form .form-field .pastoral.field-label:before {
  content: "X";
}
i.edit:before, .form .form-field .edit.field-label:before {
  content: "W";
}
i.heart:before, .form .form-field .heart.field-label:before {
  content: "Y";
}
i.lightning:before, .form .form-field .lightning.field-label:before {
  content: "Z";
}
i.calendar:before, .form .form-field .calendar.field-label:before {
  content: "0";
}
i.mobile:before, .form .form-field .mobile.field-label:before {
  content: "1";
}
i.eye:before, .form .form-field .eye.field-label:before {
  content: "3";
}
i.home:before, .form .form-field .home.field-label:before {
  content: "2";
}
i.survey:before, .form .form-field .survey.field-label:before {
  content: "4";
}
i.recurring:before, .form .form-field .recurring.field-label:before {
  content: "5";
}
i.broadcast:before, .form .form-field .broadcast.field-label:before {
  content: "8";
}
i.conversation:before, .form .form-field .conversation.field-label:before {
  content: "9";
}
i.qr-code:before, .form .form-field .qr-code.field-label:before {
  content: "!";
}

.tile.notification > i, .form .form-field .tile.notification > .field-label:before {
  font-size: 26px;
  flex: 0 1 auto;
  min-width: 2.4em;
  color: #006FC6;
}

.buttons {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  width: calc(100% + 20px);
  flex-wrap: wrap;
}
.buttons:first-child, .buttons:first-child > button {
  font-weight: 600;
}
.buttons:last-child button {
  padding-bottom: 23px;
}
.buttons > button:first-child, .buttons > a:first-child button {
  font-weight: 600;
}
.buttons .loading-stripe {
  font-size: 17px;
  letter-spacing: 0.07em;
  margin: 18px 25px;
}
.buttons.center {
  justify-content: center;
}
.buttons.space-between {
  justify-content: space-between;
}
.buttons.space-between > button:last-child {
  padding-left: 0;
}

button {
  outline: none;
  border: none;
  background: none;
  color: #006FC6;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  padding: 18px 20px;
  transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s;
}
button i:first-child, button .form .form-field .field-label:first-child:before, .form .form-field button .field-label:first-child:before {
  margin-right: 8px;
}
button i:last-child, button .form .form-field .field-label:last-child:before, .form .form-field button .field-label:last-child:before {
  margin-last: 8px;
}
button:hover {
  transform: scale(1.03);
  opacity: 0.9;
}
button:active {
  transform: scale(0.95);
  opacity: 0.7;
}
button:disabled, button.button-green:disabled, button.button-orange:disabled, button.button-red:disabled {
  color: #565968;
}
button:disabled:hover, button.button-green:disabled:hover, button.button-orange:disabled:hover, button.button-red:disabled:hover {
  opacity: 1;
  transform: none;
}
button.is-left {
  margin-right: auto;
  margin-left: -20px;
}
button.button-green {
  color: #1FA248;
}
button.button-orange {
  color: #E77310;
}
button.button-red {
  color: #DD2D1A;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3 {
  font-weight: 900;
  letter-spacing: 0.03em;
  margin: 0.5em 0 0;
}

a:link {
  text-decoration: none;
}

.note a:link, .note-action a:link {
  color: #006FC6;
}
.note a:link:hover, .note-action a:link:hover {
  text-decoration: underline;
}

.subtitle, .subtitle-action {
  font-size: 17px;
  font-weight: 600;
  color: #565968;
  margin: 0;
  position: relative;
}
.subtitle .subtitle, .subtitle-action .subtitle, .subtitle .subtitle-action, .subtitle-action .subtitle-action {
  display: inline-block;
}
.subtitle-action {
  color: #006FC6;
}
.subtitle.medium-weight, .medium-weight.subtitle-action {
  font-weight: 500;
}
.subtitle.center-aligned, .center-aligned.subtitle-action {
  text-align: center;
}
.subtitle .bullet, .subtitle-action .bullet {
  width: 4px;
  height: 4px;
  background: rgba(107, 114, 139, 0.5);
  display: inline-block;
  border-radius: 1.5px;
  margin: 2.5px 9px;
}
.subtitle .bullet.notification-bullet, .subtitle-action .bullet.notification-bullet {
  padding: 5px;
  border-radius: 50%;
  position: relative;
  top: 4px;
  background: #F5A623;
}

.note, .note-action {
  font-size: 14px;
  color: #6B728B;
  margin: 0;
  position: relative;
}
.note .note, .note-action .note, .note .note-action, .note-action .note-action {
  display: inline-block;
}
.note-action {
  color: #006FC6;
}
.note.note-micro, .note-micro.note-action {
  opacity: 0.5;
  font-size: 12px;
}
.note.note-micro.urgent, .note-micro.urgent.note-action {
  opacity: 1;
}
.note.multi-line, .multi-line.note-action {
  white-space: pre-wrap;
}
.note.note-medium-font, .note-medium-font.note-action {
  font-size: 17px;
  padding: 10px 0;
}
.note .bullet, .note-action .bullet {
  width: 3px;
  height: 3px;
  background: rgba(107, 114, 139, 0.5);
  display: inline-block;
  border-radius: 1.5px;
  margin: 2.5px 8px;
}
.note.urgent, .urgent.note-action {
  color: #DD2D1A;
}
.note.right-aligned, .right-aligned.note-action {
  text-align: right;
}

.subtitle i, .subtitle .form .form-field .field-label:before, .form .form-field .subtitle .field-label:before, .subtitle-action i, .subtitle-action .form .form-field .field-label:before, .form .form-field .subtitle-action .field-label:before, .note i, .note .form .form-field .field-label:before, .form .form-field .note .field-label:before, .note-action i, .note-action .form .form-field .field-label:before, .form .form-field .note-action .field-label:before {
  font-size: 1em;
  display: inline-block;
  margin-right: 0.8ch;
  transform: translateY(0.1em);
}

.center {
  text-align: center;
}

.content.envelope-in {
  transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  height: 100%;
}
.content.envelope-in .tiles {
  z-index: 2;
}
.content.envelope-in .tile {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  transform-origin: top;
  z-index: 10;
}
.content.envelope-1 .tile {
  overflow: hidden;
  transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, max-height cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}
.content.envelope-1 .tile > * {
  transition: opacity 0.1s;
  transition-delay: 0.5s;
  opacity: 0;
}
.content.envelope-1 .tile:nth-last-child(2) > * {
  opacity: 1;
}
.content.envelope-1 .envelope {
  display: block;
}
.content.envelope-1 .envelope .middle, .content.envelope-1 .envelope .bottom, .content.envelope-1 .envelope .top {
  animation: envelope-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-delay: 0.35s;
  animation-fill-mode: backwards;
}
.content.envelope-1 .envelope .top {
  transform-origin: 50% 150%;
}
.content.envelope-2 .tile {
  transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, max-height cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}
.content.envelope-3 .envelope .top {
  animation: envelope-close 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-delay: 0s;
  animation-fill-mode: forwards;
  transform-origin: bottom;
}
.content.envelope-4 .top {
  z-index: 200;
}
.content.envelope-5 .envelope {
  animation-delay: 0s;
  animation: envelope-out 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
}
.content.envelope-5 .tile {
  display: none;
}

@keyframes envelope-out {
  from {
    transform: none;
  }
  to {
    transform: translateY(-100vh);
  }
}
@keyframes envelope-close {
  to {
    transform: translateY(2.4390243902%) rotateX(180deg);
  }
}
@keyframes envelope-in {
  from {
    transform: translateY(100vh) translateX(-200px) rotate(30deg);
  }
}
.envelope {
  position: absolute;
  display: none;
  margin: 0 auto;
  max-width: 600px;
  left: 0;
  right: 0;
  top: 250px;
}
.envelope:before {
  content: "";
  display: block;
  padding-top: 70.8641975309%;
}
.envelope .top, .envelope .middle, .envelope .bottom, .envelope .top:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 400%;
}
.envelope .middle, .envelope .bottom {
  top: 0;
}
.envelope .bottom {
  z-index: 0;
}
.envelope .middle {
  background-position: 33.333%;
  z-index: 100;
}
.envelope .top {
  background-position: 66.666%;
  bottom: 100%;
  transform: translateY(2.0905923345%);
  transform-origin: bottom;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 600px;
}
.envelope .top:after {
  content: "";
  background-position: 100%;
  transform: rotateY(180deg);
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

select option:not(:disabled) {
  color: black;
}

.form {
  margin: 0;
}
.form:first-child {
  margin-top: 16px;
}
.form select {
  cursor: pointer;
}
.form .form-field {
  color: #565968;
  font-size: 17px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  top: 0;
  padding: 0 6px;
  margin: 0 -6px;
  transition: padding-bottom 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.form .form-field__container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 6px;
  margin: 0 -6px;
}
.form .form-field__container > .form-field:first-child {
  border-bottom: none;
}
.form .form-field:last-child, .form .form-field__container:last-child {
  border-bottom: none !important;
}
.form .form-field:after {
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 13px;
  height: 13px;
  border-radius: 6.5px;
  font-size: 13px;
  position: absolute;
  content: "F";
  display: block;
  color: white;
  background: #DD2D1A;
  margin-left: 2px;
  top: 17px;
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateY(-50%);
  opacity: 0;
}
.form .form-field.is-secondary {
  border-bottom: none;
  border-top: 1px solid rgba(0, 0, 0, 0.025);
}
.form .form-field.is-secondary .label {
  color: #6B728B;
}
.form .form-field.is-secondary .label:before {
  margin-right: 11px;
}
.form .form-field.error {
  animation: shake-error 0.5s linear;
}
@keyframes shake-error {
  8%, 41% {
    transform: translateX(-15px);
  }
  25%, 58% {
    transform: translateX(15px);
  }
  75% {
    transform: translateX(-8px);
  }
  92% {
    transform: translateX(8px);
  }
  0%, 100% {
    transform: translateX(0);
  }
}
.form .form-field.error:after {
  transform: none;
  opacity: 1;
}
.form .form-field.error .field-label:before, .form .form-field.error .react-phone-number-input__icon {
  transform: translateY(50%);
  opacity: 0;
}
.form .form-field > div:last-child, .form .form-field > input:last-child, .form .form-field > label:last-child {
  flex-grow: 1;
}
.form .form-field.empty .label {
  transform: translateY(9px) scale(1.4166666667);
}
.form .form-field.empty .label .optional-message-with-text:before {
  transform: scale(0.8);
}
.form .form-field.empty select, .form .form-field.empty input[type=text], .form .form-field.empty input[type=password], .form .form-field.empty input[type=date], .form .form-field.empty input[type=datetime-local], .form .form-field.empty input[type=time], .form .form-field.empty input[type=email], .form .form-field.empty input[type=tel], .form .form-field.empty .static-value {
  color: transparent;
  transform: translateY(9px);
}
.form .form-field.disabled .field-label {
  cursor: default;
}
.form .form-field.disabled .field-label select {
  cursor: default;
}
.form .form-field .field-label {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.form .form-field .field-label .field-label-content {
  flex: 1 1 auto;
  overflow: hidden;
}
.form .form-field .field-label:before {
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-right: 8px;
  margin-top: -1px;
  margin-left: 0;
  flex: 0 0 auto;
}
@media (max-width: 374px) {
  .form .form-field .field-label:before, .form .form-field:after {
    display: none;
  }
}
.form .form-field .label {
  color: #565968;
  flex: 0 1 auto;
  margin-right: 15px;
  margin-left: 0;
  display: flex;
  overflow: hidden;
  min-width: 60px;
  font-size: 12px;
  margin-bottom: -2px;
  margin-top: 4px;
  transform-origin: top left;
  transition: transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.form .form-field .label.loading {
  font-size: 17px;
  margin: 12px 0 13px;
}
.form .form-field .label .error-message {
  color: #DD2D1A;
  margin-left: 4px;
  white-space: normal;
}
.form .form-field .label .error-message-wrapped-expanded {
  width: 50%;
}
.form .form-field .label .error-message-wrapped-collapsed {
  width: 81%;
}
.form .form-field .label .optional-message {
  opacity: 0.6;
  font-size: 9px;
  margin-left: 4px;
  align-self: center;
}
.form .form-field .label .optional-message-with-text:before {
  content: "  —  Optional";
  opacity: 0.6;
  transform: none;
  display: inline-block;
  transform-origin: left 60%;
  transition: transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form .form-field .label .label-span {
  word-wrap: break-word;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  transform: rotateZ(0);
}
.form .form-field .label .label-span-flexed {
  display: flex;
}
.form .form-field .label .no-wrap-message {
  overflow: auto;
  white-space: normal;
}
.form .form-field.form__location {
  display: block;
  border-bottom: none;
}
.form .form-field.form__location.is-disabled {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.form .form-field.form__location.borders {
  border-top: 1px solid rgba(0, 0, 0, 0.025);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.form .form-field.not-truncate .label .label-span {
  white-space: normal;
}
.form select, .form .static-value, .form input[type=text], .form input[type=email], .form input[type=tel], .form input[type=password], .form input[type=time], .form input[type=date], .form input[type=datetime-local], .form input[type=number] {
  color: #006FC6;
  font-weight: 600;
  font-size: 1em;
  transition: transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: none;
}
.form input[type=text]:disabled, .form input[type=email]:disabled, .form input[type=tel]:disabled, .form input[type=password]:disabled, .form input[type=time]:disabled, .form input[type=date]:disabled {
  color: #6B728B;
  font-weight: 600;
  -webkit-text-fill-color: #6B728B;
  -webkit-opacity: 1;
}
.form input[type=text], .form input[type=email], .form input[type=tel], .form input[type=password], .form input[type=date], .form input[type=datetime-local], .form input[type=time], .form .static-value {
  padding: 4px 23px 3px 0;
  height: 30px;
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  flex-basis: 0;
  transform-origin: left center;
  width: 100%;
}
.form .react-tel-input input[type=tel].form-control {
  padding: 4px 23px 3px 48px;
  border: none;
  background: transparent;
}
.form .react-tel-input .flag-dropdown {
  border: none;
  background-color: unset;
  left: -8px;
  bottom: 16px;
}
.form .static-value.disabled {
  color: #6B728B;
  font-weight: 600;
  -webkit-text-fill-color: #6B728B;
  -webkit-opacity: 1;
}
.form__text.form-field {
  cursor: text;
}
.form__terms-conditions {
  padding-top: 11px;
}
.form__terms-conditions:first-child {
  padding-top: 0;
}
.form__terms-conditions .note, .form__terms-conditions .note-action {
  padding: 0 29px 11px;
  margin: 0 -6px;
  text-align: justify;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.form__select .select-wrap, .form__host .select-wrap, .form__transport .select-wrap {
  overflow: hidden;
  position: relative;
  flex-basis: 100px;
  display: flex;
}
.form__select .select-wrap.left .static-value, .form__host .select-wrap.left .static-value, .form__transport .select-wrap.left .static-value {
  text-align: left;
  padding-left: 25px;
}
.form__select .select-wrap .static-value, .form__host .select-wrap .static-value, .form__transport .select-wrap .static-value {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  left: 0;
  right: 0;
}
.form__select .select-wrap .static-value.none, .form__host .select-wrap .static-value.none, .form__transport .select-wrap .static-value.none {
  color: #AFB3BF;
  font-weight: 500;
}
.form__select .select-wrap.disabled:after, .form__host .select-wrap.disabled:after, .form__transport .select-wrap.disabled:after {
  opacity: 0.3;
}
.form__select .select-wrap:after, .form__host .select-wrap:after, .form__transport .select-wrap:after {
  display: block;
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-50%) translateY(-7px);
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  content: "B";
  color: #AFB3BF;
  pointer-events: none;
}
.form__select .select-wrap[data-icon=cross]:after, .form__host .select-wrap[data-icon=cross]:after, .form__transport .select-wrap[data-icon=cross]:after {
  content: "f";
}
.form__select .select-wrap[data-icon=add]:after, .form__host .select-wrap[data-icon=add]:after, .form__transport .select-wrap[data-icon=add]:after {
  content: "a";
}
.form__select .select-wrap select, .form__host .select-wrap select, .form__transport .select-wrap select {
  min-height: 30px;
  box-sizing: border-box;
  padding: 20px 23px 3px 0;
  margin-top: -16px;
  position: relative;
  z-index: 1;
  flex-grow: 1;
}
.form__select .select-hit-catch, .form__host .select-hit-catch, .form__transport .select-hit-catch {
  position: absolute;
  top: 0;
  height: 100%;
  right: -14px;
  width: 43px;
  cursor: pointer;
  z-index: 5;
}
.form__transport {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.form__transport:last-child {
  border-bottom: none;
}
.form__transport > label.form__select {
  border-bottom: none;
}
.form__transport.error {
  color: #DD2D1A;
}
.form__transport.placeholder {
  color: #AFB3BF;
  font-weight: 500;
}
.form__transport.disabled {
  color: #6B728B;
  font-weight: 600;
  -webkit-text-fill-color: #6B728B;
  -webkit-opacity: 1;
}
.form__date.form-field, .form__date-mobile.form-field {
  display: block;
}
.form__date .field-label:after, .form__date-mobile .field-label:after {
  display: block;
  position: absolute;
  right: 7px;
  top: 24px;
  transform: translateY(-50%);
  transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
  z-index: 10;
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  content: "B";
  color: #AFB3BF;
  pointer-events: none;
}
.form__date.disabled .field-label:after, .form__date-mobile.disabled .field-label:after {
  opacity: 0.3;
}
.form__date .label, .form__date-mobile .label {
  position: relative;
  z-index: 10;
}
.form__date.pulse .flatpickr-input, .form__date.pulse .static-value, .form__date-mobile.pulse .flatpickr-input, .form__date-mobile.pulse .static-value {
  animation: pulse 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes pulse {
  from, to {
    transform: none;
  }
  50% {
    transform: scale(1.05);
  }
}
.form__date .time-rules .note, .form__date .time-rules .note-action, .form__date-mobile .time-rules .note, .form__date-mobile .time-rules .note-action {
  text-align: center;
}
.form__date .time-rules .note:not(:last-child), .form__date .time-rules .note-action:not(:last-child), .form__date-mobile .time-rules .note:not(:last-child), .form__date-mobile .time-rules .note-action:not(:last-child) {
  margin-bottom: 9px;
  position: relative;
}
.form__date .time-rules .note:not(:last-child):after, .form__date .time-rules .note-action:not(:last-child):after, .form__date-mobile .time-rules .note:not(:last-child):after, .form__date-mobile .time-rules .note-action:not(:last-child):after {
  content: "or";
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -10px;
  color: #AFB3BF;
  text-transform: uppercase;
  font-size: 8px;
}
.form__date .time-rules .note span:first-child, .form__date .time-rules .note-action span:first-child, .form__date-mobile .time-rules .note span:first-child, .form__date-mobile .time-rules .note-action span:first-child {
  font-weight: 600;
}
.form__date .time-rules .note.rule-not-applicable, .form__date .time-rules .rule-not-applicable.note-action, .form__date-mobile .time-rules .note.rule-not-applicable, .form__date-mobile .time-rules .rule-not-applicable.note-action {
  color: #AFB3BF;
}
.form__date .time-rules .note.rule-fail, .form__date .time-rules .rule-fail.note-action, .form__date-mobile .time-rules .note.rule-fail, .form__date-mobile .time-rules .rule-fail.note-action {
  color: #DD2D1A;
}
.form__date .time-rules .note.rule-allowed, .form__date .time-rules .rule-allowed.note-action, .form__date-mobile .time-rules .note.rule-allowed, .form__date-mobile .time-rules .rule-allowed.note-action {
  color: #006FC6;
}
.form__date .static-value, .form__date-mobile .static-value {
  position: initial;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1 0 auto;
}
.form__date {
  flex-wrap: wrap;
  height: auto;
  overflow: hidden;
  align-items: flex-start !important;
  align-content: flex-start;
}
.form__date.disabled .flatpickr-current-month, .form__date.disabled .flatpickr-weekday, .form__date.disabled .flatpickr-calendar input, .form__date.disabled .flatpickr-input, .form__date.disabled .flatpickr-day {
  color: #565968;
}
.form__date.disabled .flatpickr-day.prevMonthDay, .form__date.disabled .flatpickr-day.nextMonthDay, .form__date.disabled .flatpickr-day.disabled, .form__date.disabled .flatpickr-prev-month i, .form__date.disabled .flatpickr-prev-month .form .form-field .field-label:before, .form .form-field .form__date.disabled .flatpickr-prev-month .field-label:before, .form__date.disabled .flatpickr-next-month i, .form__date.disabled .flatpickr-next-month .form .form-field .field-label:before, .form .form-field .form__date.disabled .flatpickr-next-month .field-label:before {
  color: rgba(175, 179, 191, 0.3);
}
.form__date.disabled .flatpickr-day.today:before {
  background: #565968;
}
.form__date input[type=text].flatpickr-input {
  display: none;
}
.form__date.error .field-label-content .static-value, .form__date-mobile.error .field-label-content .static-value {
  color: #DD2D1A;
  animation: shake 0.5s linear;
}
.form__date .date-picker-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  height: 0px;
}
.form__date .date-picker-wrapper.has-opened {
  animation: date-height-close cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.is-open.has-opened {
  height: auto;
  animation: date-height-open cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.is-open.has-opened:after {
  transform: translateY(-50%) rotate(-180deg);
}
@keyframes date-height-open {
  from {
    height: 0px;
  }
  to {
    height: 254px;
  }
}
@keyframes date-height-close {
  from {
    height: 254px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-0-3.has-opened {
  animation: date-height-close-0-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-0-3.is-open.has-opened {
  animation: date-height-open-0-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-0-3 {
  from {
    height: 0px;
  }
  to {
    height: 255px;
  }
}
@keyframes date-height-close-0-3 {
  from {
    height: 255px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-0-4.has-opened {
  animation: date-height-close-0-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-0-4.is-open.has-opened {
  animation: date-height-open-0-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-0-4 {
  from {
    height: 0px;
  }
  to {
    height: 290px;
  }
}
@keyframes date-height-close-0-4 {
  from {
    height: 290px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-0-5.has-opened {
  animation: date-height-close-0-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-0-5.is-open.has-opened {
  animation: date-height-open-0-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-0-5 {
  from {
    height: 0px;
  }
  to {
    height: 325px;
  }
}
@keyframes date-height-close-0-5 {
  from {
    height: 325px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-1-3.has-opened {
  animation: date-height-close-1-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-1-3.is-open.has-opened {
  animation: date-height-open-1-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-1-3 {
  from {
    height: 0px;
  }
  to {
    height: 283px;
  }
}
@keyframes date-height-close-1-3 {
  from {
    height: 283px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-1-4.has-opened {
  animation: date-height-close-1-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-1-4.is-open.has-opened {
  animation: date-height-open-1-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-1-4 {
  from {
    height: 0px;
  }
  to {
    height: 318px;
  }
}
@keyframes date-height-close-1-4 {
  from {
    height: 318px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-1-5.has-opened {
  animation: date-height-close-1-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-1-5.is-open.has-opened {
  animation: date-height-open-1-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-1-5 {
  from {
    height: 0px;
  }
  to {
    height: 353px;
  }
}
@keyframes date-height-close-1-5 {
  from {
    height: 353px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-2-2.has-opened {
  animation: date-height-close-2-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-2-2.is-open.has-opened {
  animation: date-height-open-2-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-2-2 {
  from {
    height: 0px;
  }
  to {
    height: 276px;
  }
}
@keyframes date-height-close-2-2 {
  from {
    height: 276px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-2-3.has-opened {
  animation: date-height-close-2-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-2-3.is-open.has-opened {
  animation: date-height-open-2-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-2-3 {
  from {
    height: 0px;
  }
  to {
    height: 311px;
  }
}
@keyframes date-height-close-2-3 {
  from {
    height: 311px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-2-4.has-opened {
  animation: date-height-close-2-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-2-4.is-open.has-opened {
  animation: date-height-open-2-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-2-4 {
  from {
    height: 0px;
  }
  to {
    height: 346px;
  }
}
@keyframes date-height-close-2-4 {
  from {
    height: 346px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-2-5.has-opened {
  animation: date-height-close-2-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-2-5.is-open.has-opened {
  animation: date-height-open-2-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-2-5 {
  from {
    height: 0px;
  }
  to {
    height: 381px;
  }
}
@keyframes date-height-close-2-5 {
  from {
    height: 381px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-3-1.has-opened {
  animation: date-height-close-3-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-3-1.is-open.has-opened {
  animation: date-height-open-3-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-3-1 {
  from {
    height: 0px;
  }
  to {
    height: 269px;
  }
}
@keyframes date-height-close-3-1 {
  from {
    height: 269px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-3-2.has-opened {
  animation: date-height-close-3-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-3-2.is-open.has-opened {
  animation: date-height-open-3-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-3-2 {
  from {
    height: 0px;
  }
  to {
    height: 304px;
  }
}
@keyframes date-height-close-3-2 {
  from {
    height: 304px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-3-3.has-opened {
  animation: date-height-close-3-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-3-3.is-open.has-opened {
  animation: date-height-open-3-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-3-3 {
  from {
    height: 0px;
  }
  to {
    height: 339px;
  }
}
@keyframes date-height-close-3-3 {
  from {
    height: 339px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-3-4.has-opened {
  animation: date-height-close-3-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-3-4.is-open.has-opened {
  animation: date-height-open-3-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-3-4 {
  from {
    height: 0px;
  }
  to {
    height: 374px;
  }
}
@keyframes date-height-close-3-4 {
  from {
    height: 374px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-3-5.has-opened {
  animation: date-height-close-3-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-3-5.is-open.has-opened {
  animation: date-height-open-3-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-3-5 {
  from {
    height: 0px;
  }
  to {
    height: 409px;
  }
}
@keyframes date-height-close-3-5 {
  from {
    height: 409px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-4-1.has-opened {
  animation: date-height-close-4-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-4-1.is-open.has-opened {
  animation: date-height-open-4-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-4-1 {
  from {
    height: 0px;
  }
  to {
    height: 297px;
  }
}
@keyframes date-height-close-4-1 {
  from {
    height: 297px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-4-2.has-opened {
  animation: date-height-close-4-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-4-2.is-open.has-opened {
  animation: date-height-open-4-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-4-2 {
  from {
    height: 0px;
  }
  to {
    height: 332px;
  }
}
@keyframes date-height-close-4-2 {
  from {
    height: 332px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-4-3.has-opened {
  animation: date-height-close-4-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-4-3.is-open.has-opened {
  animation: date-height-open-4-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-4-3 {
  from {
    height: 0px;
  }
  to {
    height: 367px;
  }
}
@keyframes date-height-close-4-3 {
  from {
    height: 367px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-4-4.has-opened {
  animation: date-height-close-4-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-4-4.is-open.has-opened {
  animation: date-height-open-4-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-4-4 {
  from {
    height: 0px;
  }
  to {
    height: 402px;
  }
}
@keyframes date-height-close-4-4 {
  from {
    height: 402px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-4-5.has-opened {
  animation: date-height-close-4-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-4-5.is-open.has-opened {
  animation: date-height-open-4-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-4-5 {
  from {
    height: 0px;
  }
  to {
    height: 437px;
  }
}
@keyframes date-height-close-4-5 {
  from {
    height: 437px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-5-1.has-opened {
  animation: date-height-close-5-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-5-1.is-open.has-opened {
  animation: date-height-open-5-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-5-1 {
  from {
    height: 0px;
  }
  to {
    height: 325px;
  }
}
@keyframes date-height-close-5-1 {
  from {
    height: 325px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-5-2.has-opened {
  animation: date-height-close-5-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-5-2.is-open.has-opened {
  animation: date-height-open-5-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-5-2 {
  from {
    height: 0px;
  }
  to {
    height: 360px;
  }
}
@keyframes date-height-close-5-2 {
  from {
    height: 360px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-5-3.has-opened {
  animation: date-height-close-5-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-5-3.is-open.has-opened {
  animation: date-height-open-5-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-5-3 {
  from {
    height: 0px;
  }
  to {
    height: 395px;
  }
}
@keyframes date-height-close-5-3 {
  from {
    height: 395px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-5-4.has-opened {
  animation: date-height-close-5-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-5-4.is-open.has-opened {
  animation: date-height-open-5-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-5-4 {
  from {
    height: 0px;
  }
  to {
    height: 430px;
  }
}
@keyframes date-height-close-5-4 {
  from {
    height: 430px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-5-5.has-opened {
  animation: date-height-close-5-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-5-5.is-open.has-opened {
  animation: date-height-open-5-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-5-5 {
  from {
    height: 0px;
  }
  to {
    height: 465px;
  }
}
@keyframes date-height-close-5-5 {
  from {
    height: 465px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-6-1.has-opened {
  animation: date-height-close-6-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-6-1.is-open.has-opened {
  animation: date-height-open-6-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-6-1 {
  from {
    height: 0px;
  }
  to {
    height: 353px;
  }
}
@keyframes date-height-close-6-1 {
  from {
    height: 353px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-6-2.has-opened {
  animation: date-height-close-6-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-6-2.is-open.has-opened {
  animation: date-height-open-6-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-6-2 {
  from {
    height: 0px;
  }
  to {
    height: 388px;
  }
}
@keyframes date-height-close-6-2 {
  from {
    height: 388px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-6-3.has-opened {
  animation: date-height-close-6-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-6-3.is-open.has-opened {
  animation: date-height-open-6-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-6-3 {
  from {
    height: 0px;
  }
  to {
    height: 423px;
  }
}
@keyframes date-height-close-6-3 {
  from {
    height: 423px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-6-4.has-opened {
  animation: date-height-close-6-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-6-4.is-open.has-opened {
  animation: date-height-open-6-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-6-4 {
  from {
    height: 0px;
  }
  to {
    height: 458px;
  }
}
@keyframes date-height-close-6-4 {
  from {
    height: 458px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-6-5.has-opened {
  animation: date-height-close-6-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-6-5.is-open.has-opened {
  animation: date-height-open-6-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-6-5 {
  from {
    height: 0px;
  }
  to {
    height: 493px;
  }
}
@keyframes date-height-close-6-5 {
  from {
    height: 493px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-7-1.has-opened {
  animation: date-height-close-7-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-7-1.is-open.has-opened {
  animation: date-height-open-7-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-7-1 {
  from {
    height: 0px;
  }
  to {
    height: 381px;
  }
}
@keyframes date-height-close-7-1 {
  from {
    height: 381px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-7-2.has-opened {
  animation: date-height-close-7-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-7-2.is-open.has-opened {
  animation: date-height-open-7-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-7-2 {
  from {
    height: 0px;
  }
  to {
    height: 416px;
  }
}
@keyframes date-height-close-7-2 {
  from {
    height: 416px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-7-3.has-opened {
  animation: date-height-close-7-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-7-3.is-open.has-opened {
  animation: date-height-open-7-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-7-3 {
  from {
    height: 0px;
  }
  to {
    height: 451px;
  }
}
@keyframes date-height-close-7-3 {
  from {
    height: 451px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-7-4.has-opened {
  animation: date-height-close-7-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-7-4.is-open.has-opened {
  animation: date-height-open-7-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-7-4 {
  from {
    height: 0px;
  }
  to {
    height: 486px;
  }
}
@keyframes date-height-close-7-4 {
  from {
    height: 486px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-7-5.has-opened {
  animation: date-height-close-7-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-7-5.is-open.has-opened {
  animation: date-height-open-7-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-7-5 {
  from {
    height: 0px;
  }
  to {
    height: 521px;
  }
}
@keyframes date-height-close-7-5 {
  from {
    height: 521px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-8-1.has-opened {
  animation: date-height-close-8-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-8-1.is-open.has-opened {
  animation: date-height-open-8-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-8-1 {
  from {
    height: 0px;
  }
  to {
    height: 409px;
  }
}
@keyframes date-height-close-8-1 {
  from {
    height: 409px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-8-2.has-opened {
  animation: date-height-close-8-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-8-2.is-open.has-opened {
  animation: date-height-open-8-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-8-2 {
  from {
    height: 0px;
  }
  to {
    height: 444px;
  }
}
@keyframes date-height-close-8-2 {
  from {
    height: 444px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-8-3.has-opened {
  animation: date-height-close-8-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-8-3.is-open.has-opened {
  animation: date-height-open-8-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-8-3 {
  from {
    height: 0px;
  }
  to {
    height: 479px;
  }
}
@keyframes date-height-close-8-3 {
  from {
    height: 479px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-8-4.has-opened {
  animation: date-height-close-8-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-8-4.is-open.has-opened {
  animation: date-height-open-8-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-8-4 {
  from {
    height: 0px;
  }
  to {
    height: 514px;
  }
}
@keyframes date-height-close-8-4 {
  from {
    height: 514px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-8-5.has-opened {
  animation: date-height-close-8-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-8-5.is-open.has-opened {
  animation: date-height-open-8-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-8-5 {
  from {
    height: 0px;
  }
  to {
    height: 549px;
  }
}
@keyframes date-height-close-8-5 {
  from {
    height: 549px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-9-1.has-opened {
  animation: date-height-close-9-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-9-1.is-open.has-opened {
  animation: date-height-open-9-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-9-1 {
  from {
    height: 0px;
  }
  to {
    height: 437px;
  }
}
@keyframes date-height-close-9-1 {
  from {
    height: 437px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-9-2.has-opened {
  animation: date-height-close-9-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-9-2.is-open.has-opened {
  animation: date-height-open-9-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-9-2 {
  from {
    height: 0px;
  }
  to {
    height: 472px;
  }
}
@keyframes date-height-close-9-2 {
  from {
    height: 472px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-9-3.has-opened {
  animation: date-height-close-9-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-9-3.is-open.has-opened {
  animation: date-height-open-9-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-9-3 {
  from {
    height: 0px;
  }
  to {
    height: 507px;
  }
}
@keyframes date-height-close-9-3 {
  from {
    height: 507px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-9-4.has-opened {
  animation: date-height-close-9-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-9-4.is-open.has-opened {
  animation: date-height-open-9-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-9-4 {
  from {
    height: 0px;
  }
  to {
    height: 542px;
  }
}
@keyframes date-height-close-9-4 {
  from {
    height: 542px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-9-5.has-opened {
  animation: date-height-close-9-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-9-5.is-open.has-opened {
  animation: date-height-open-9-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-9-5 {
  from {
    height: 0px;
  }
  to {
    height: 577px;
  }
}
@keyframes date-height-close-9-5 {
  from {
    height: 577px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-10-1.has-opened {
  animation: date-height-close-10-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-10-1.is-open.has-opened {
  animation: date-height-open-10-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-10-1 {
  from {
    height: 0px;
  }
  to {
    height: 465px;
  }
}
@keyframes date-height-close-10-1 {
  from {
    height: 465px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-10-2.has-opened {
  animation: date-height-close-10-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-10-2.is-open.has-opened {
  animation: date-height-open-10-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-10-2 {
  from {
    height: 0px;
  }
  to {
    height: 500px;
  }
}
@keyframes date-height-close-10-2 {
  from {
    height: 500px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-10-3.has-opened {
  animation: date-height-close-10-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-10-3.is-open.has-opened {
  animation: date-height-open-10-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-10-3 {
  from {
    height: 0px;
  }
  to {
    height: 535px;
  }
}
@keyframes date-height-close-10-3 {
  from {
    height: 535px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-10-4.has-opened {
  animation: date-height-close-10-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-10-4.is-open.has-opened {
  animation: date-height-open-10-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-10-4 {
  from {
    height: 0px;
  }
  to {
    height: 570px;
  }
}
@keyframes date-height-close-10-4 {
  from {
    height: 570px;
  }
  to {
    height: 0px;
  }
}
.form__date .date-picker-wrapper.rules-10-5.has-opened {
  animation: date-height-close-10-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .date-picker-wrapper.rules-10-5.is-open.has-opened {
  animation: date-height-open-10-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-10-5 {
  from {
    height: 0px;
  }
  to {
    height: 605px;
  }
}
@keyframes date-height-close-10-5 {
  from {
    height: 605px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  padding-top: 8px;
  height: 0px;
}
.form__date .recurrence-wrapper.has-opened {
  animation: date-height-close cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.is-open.has-opened {
  height: auto;
  animation: date-height-open cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.is-open.has-opened:after {
  transform: translateY(-50%) rotate(-180deg);
}
@keyframes date-height-open {
  from {
    height: 0px;
  }
  to {
    height: 254px;
  }
}
@keyframes date-height-close {
  from {
    height: 254px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-0-3.has-opened {
  animation: date-height-close-0-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-0-3.is-open.has-opened {
  animation: date-height-open-0-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-0-3 {
  from {
    height: 0px;
  }
  to {
    height: 255px;
  }
}
@keyframes date-height-close-0-3 {
  from {
    height: 255px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-0-4.has-opened {
  animation: date-height-close-0-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-0-4.is-open.has-opened {
  animation: date-height-open-0-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-0-4 {
  from {
    height: 0px;
  }
  to {
    height: 290px;
  }
}
@keyframes date-height-close-0-4 {
  from {
    height: 290px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-0-5.has-opened {
  animation: date-height-close-0-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-0-5.is-open.has-opened {
  animation: date-height-open-0-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-0-5 {
  from {
    height: 0px;
  }
  to {
    height: 325px;
  }
}
@keyframes date-height-close-0-5 {
  from {
    height: 325px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-1-3.has-opened {
  animation: date-height-close-1-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-1-3.is-open.has-opened {
  animation: date-height-open-1-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-1-3 {
  from {
    height: 0px;
  }
  to {
    height: 283px;
  }
}
@keyframes date-height-close-1-3 {
  from {
    height: 283px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-1-4.has-opened {
  animation: date-height-close-1-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-1-4.is-open.has-opened {
  animation: date-height-open-1-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-1-4 {
  from {
    height: 0px;
  }
  to {
    height: 318px;
  }
}
@keyframes date-height-close-1-4 {
  from {
    height: 318px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-1-5.has-opened {
  animation: date-height-close-1-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-1-5.is-open.has-opened {
  animation: date-height-open-1-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-1-5 {
  from {
    height: 0px;
  }
  to {
    height: 353px;
  }
}
@keyframes date-height-close-1-5 {
  from {
    height: 353px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-2-2.has-opened {
  animation: date-height-close-2-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-2-2.is-open.has-opened {
  animation: date-height-open-2-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-2-2 {
  from {
    height: 0px;
  }
  to {
    height: 276px;
  }
}
@keyframes date-height-close-2-2 {
  from {
    height: 276px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-2-3.has-opened {
  animation: date-height-close-2-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-2-3.is-open.has-opened {
  animation: date-height-open-2-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-2-3 {
  from {
    height: 0px;
  }
  to {
    height: 311px;
  }
}
@keyframes date-height-close-2-3 {
  from {
    height: 311px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-2-4.has-opened {
  animation: date-height-close-2-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-2-4.is-open.has-opened {
  animation: date-height-open-2-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-2-4 {
  from {
    height: 0px;
  }
  to {
    height: 346px;
  }
}
@keyframes date-height-close-2-4 {
  from {
    height: 346px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-2-5.has-opened {
  animation: date-height-close-2-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-2-5.is-open.has-opened {
  animation: date-height-open-2-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-2-5 {
  from {
    height: 0px;
  }
  to {
    height: 381px;
  }
}
@keyframes date-height-close-2-5 {
  from {
    height: 381px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-3-1.has-opened {
  animation: date-height-close-3-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-3-1.is-open.has-opened {
  animation: date-height-open-3-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-3-1 {
  from {
    height: 0px;
  }
  to {
    height: 269px;
  }
}
@keyframes date-height-close-3-1 {
  from {
    height: 269px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-3-2.has-opened {
  animation: date-height-close-3-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-3-2.is-open.has-opened {
  animation: date-height-open-3-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-3-2 {
  from {
    height: 0px;
  }
  to {
    height: 304px;
  }
}
@keyframes date-height-close-3-2 {
  from {
    height: 304px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-3-3.has-opened {
  animation: date-height-close-3-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-3-3.is-open.has-opened {
  animation: date-height-open-3-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-3-3 {
  from {
    height: 0px;
  }
  to {
    height: 339px;
  }
}
@keyframes date-height-close-3-3 {
  from {
    height: 339px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-3-4.has-opened {
  animation: date-height-close-3-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-3-4.is-open.has-opened {
  animation: date-height-open-3-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-3-4 {
  from {
    height: 0px;
  }
  to {
    height: 374px;
  }
}
@keyframes date-height-close-3-4 {
  from {
    height: 374px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-3-5.has-opened {
  animation: date-height-close-3-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-3-5.is-open.has-opened {
  animation: date-height-open-3-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-3-5 {
  from {
    height: 0px;
  }
  to {
    height: 409px;
  }
}
@keyframes date-height-close-3-5 {
  from {
    height: 409px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-4-1.has-opened {
  animation: date-height-close-4-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-4-1.is-open.has-opened {
  animation: date-height-open-4-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-4-1 {
  from {
    height: 0px;
  }
  to {
    height: 297px;
  }
}
@keyframes date-height-close-4-1 {
  from {
    height: 297px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-4-2.has-opened {
  animation: date-height-close-4-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-4-2.is-open.has-opened {
  animation: date-height-open-4-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-4-2 {
  from {
    height: 0px;
  }
  to {
    height: 332px;
  }
}
@keyframes date-height-close-4-2 {
  from {
    height: 332px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-4-3.has-opened {
  animation: date-height-close-4-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-4-3.is-open.has-opened {
  animation: date-height-open-4-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-4-3 {
  from {
    height: 0px;
  }
  to {
    height: 367px;
  }
}
@keyframes date-height-close-4-3 {
  from {
    height: 367px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-4-4.has-opened {
  animation: date-height-close-4-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-4-4.is-open.has-opened {
  animation: date-height-open-4-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-4-4 {
  from {
    height: 0px;
  }
  to {
    height: 402px;
  }
}
@keyframes date-height-close-4-4 {
  from {
    height: 402px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-4-5.has-opened {
  animation: date-height-close-4-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-4-5.is-open.has-opened {
  animation: date-height-open-4-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-4-5 {
  from {
    height: 0px;
  }
  to {
    height: 437px;
  }
}
@keyframes date-height-close-4-5 {
  from {
    height: 437px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-5-1.has-opened {
  animation: date-height-close-5-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-5-1.is-open.has-opened {
  animation: date-height-open-5-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-5-1 {
  from {
    height: 0px;
  }
  to {
    height: 325px;
  }
}
@keyframes date-height-close-5-1 {
  from {
    height: 325px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-5-2.has-opened {
  animation: date-height-close-5-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-5-2.is-open.has-opened {
  animation: date-height-open-5-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-5-2 {
  from {
    height: 0px;
  }
  to {
    height: 360px;
  }
}
@keyframes date-height-close-5-2 {
  from {
    height: 360px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-5-3.has-opened {
  animation: date-height-close-5-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-5-3.is-open.has-opened {
  animation: date-height-open-5-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-5-3 {
  from {
    height: 0px;
  }
  to {
    height: 395px;
  }
}
@keyframes date-height-close-5-3 {
  from {
    height: 395px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-5-4.has-opened {
  animation: date-height-close-5-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-5-4.is-open.has-opened {
  animation: date-height-open-5-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-5-4 {
  from {
    height: 0px;
  }
  to {
    height: 430px;
  }
}
@keyframes date-height-close-5-4 {
  from {
    height: 430px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-5-5.has-opened {
  animation: date-height-close-5-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-5-5.is-open.has-opened {
  animation: date-height-open-5-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-5-5 {
  from {
    height: 0px;
  }
  to {
    height: 465px;
  }
}
@keyframes date-height-close-5-5 {
  from {
    height: 465px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-6-1.has-opened {
  animation: date-height-close-6-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-6-1.is-open.has-opened {
  animation: date-height-open-6-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-6-1 {
  from {
    height: 0px;
  }
  to {
    height: 353px;
  }
}
@keyframes date-height-close-6-1 {
  from {
    height: 353px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-6-2.has-opened {
  animation: date-height-close-6-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-6-2.is-open.has-opened {
  animation: date-height-open-6-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-6-2 {
  from {
    height: 0px;
  }
  to {
    height: 388px;
  }
}
@keyframes date-height-close-6-2 {
  from {
    height: 388px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-6-3.has-opened {
  animation: date-height-close-6-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-6-3.is-open.has-opened {
  animation: date-height-open-6-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-6-3 {
  from {
    height: 0px;
  }
  to {
    height: 423px;
  }
}
@keyframes date-height-close-6-3 {
  from {
    height: 423px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-6-4.has-opened {
  animation: date-height-close-6-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-6-4.is-open.has-opened {
  animation: date-height-open-6-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-6-4 {
  from {
    height: 0px;
  }
  to {
    height: 458px;
  }
}
@keyframes date-height-close-6-4 {
  from {
    height: 458px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-6-5.has-opened {
  animation: date-height-close-6-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-6-5.is-open.has-opened {
  animation: date-height-open-6-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-6-5 {
  from {
    height: 0px;
  }
  to {
    height: 493px;
  }
}
@keyframes date-height-close-6-5 {
  from {
    height: 493px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-7-1.has-opened {
  animation: date-height-close-7-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-7-1.is-open.has-opened {
  animation: date-height-open-7-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-7-1 {
  from {
    height: 0px;
  }
  to {
    height: 381px;
  }
}
@keyframes date-height-close-7-1 {
  from {
    height: 381px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-7-2.has-opened {
  animation: date-height-close-7-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-7-2.is-open.has-opened {
  animation: date-height-open-7-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-7-2 {
  from {
    height: 0px;
  }
  to {
    height: 416px;
  }
}
@keyframes date-height-close-7-2 {
  from {
    height: 416px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-7-3.has-opened {
  animation: date-height-close-7-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-7-3.is-open.has-opened {
  animation: date-height-open-7-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-7-3 {
  from {
    height: 0px;
  }
  to {
    height: 451px;
  }
}
@keyframes date-height-close-7-3 {
  from {
    height: 451px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-7-4.has-opened {
  animation: date-height-close-7-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-7-4.is-open.has-opened {
  animation: date-height-open-7-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-7-4 {
  from {
    height: 0px;
  }
  to {
    height: 486px;
  }
}
@keyframes date-height-close-7-4 {
  from {
    height: 486px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-7-5.has-opened {
  animation: date-height-close-7-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-7-5.is-open.has-opened {
  animation: date-height-open-7-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-7-5 {
  from {
    height: 0px;
  }
  to {
    height: 521px;
  }
}
@keyframes date-height-close-7-5 {
  from {
    height: 521px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-8-1.has-opened {
  animation: date-height-close-8-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-8-1.is-open.has-opened {
  animation: date-height-open-8-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-8-1 {
  from {
    height: 0px;
  }
  to {
    height: 409px;
  }
}
@keyframes date-height-close-8-1 {
  from {
    height: 409px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-8-2.has-opened {
  animation: date-height-close-8-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-8-2.is-open.has-opened {
  animation: date-height-open-8-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-8-2 {
  from {
    height: 0px;
  }
  to {
    height: 444px;
  }
}
@keyframes date-height-close-8-2 {
  from {
    height: 444px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-8-3.has-opened {
  animation: date-height-close-8-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-8-3.is-open.has-opened {
  animation: date-height-open-8-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-8-3 {
  from {
    height: 0px;
  }
  to {
    height: 479px;
  }
}
@keyframes date-height-close-8-3 {
  from {
    height: 479px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-8-4.has-opened {
  animation: date-height-close-8-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-8-4.is-open.has-opened {
  animation: date-height-open-8-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-8-4 {
  from {
    height: 0px;
  }
  to {
    height: 514px;
  }
}
@keyframes date-height-close-8-4 {
  from {
    height: 514px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-8-5.has-opened {
  animation: date-height-close-8-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-8-5.is-open.has-opened {
  animation: date-height-open-8-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-8-5 {
  from {
    height: 0px;
  }
  to {
    height: 549px;
  }
}
@keyframes date-height-close-8-5 {
  from {
    height: 549px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-9-1.has-opened {
  animation: date-height-close-9-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-9-1.is-open.has-opened {
  animation: date-height-open-9-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-9-1 {
  from {
    height: 0px;
  }
  to {
    height: 437px;
  }
}
@keyframes date-height-close-9-1 {
  from {
    height: 437px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-9-2.has-opened {
  animation: date-height-close-9-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-9-2.is-open.has-opened {
  animation: date-height-open-9-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-9-2 {
  from {
    height: 0px;
  }
  to {
    height: 472px;
  }
}
@keyframes date-height-close-9-2 {
  from {
    height: 472px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-9-3.has-opened {
  animation: date-height-close-9-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-9-3.is-open.has-opened {
  animation: date-height-open-9-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-9-3 {
  from {
    height: 0px;
  }
  to {
    height: 507px;
  }
}
@keyframes date-height-close-9-3 {
  from {
    height: 507px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-9-4.has-opened {
  animation: date-height-close-9-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-9-4.is-open.has-opened {
  animation: date-height-open-9-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-9-4 {
  from {
    height: 0px;
  }
  to {
    height: 542px;
  }
}
@keyframes date-height-close-9-4 {
  from {
    height: 542px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-9-5.has-opened {
  animation: date-height-close-9-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-9-5.is-open.has-opened {
  animation: date-height-open-9-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-9-5 {
  from {
    height: 0px;
  }
  to {
    height: 577px;
  }
}
@keyframes date-height-close-9-5 {
  from {
    height: 577px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-10-1.has-opened {
  animation: date-height-close-10-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-10-1.is-open.has-opened {
  animation: date-height-open-10-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-10-1 {
  from {
    height: 0px;
  }
  to {
    height: 465px;
  }
}
@keyframes date-height-close-10-1 {
  from {
    height: 465px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-10-2.has-opened {
  animation: date-height-close-10-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-10-2.is-open.has-opened {
  animation: date-height-open-10-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-10-2 {
  from {
    height: 0px;
  }
  to {
    height: 500px;
  }
}
@keyframes date-height-close-10-2 {
  from {
    height: 500px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-10-3.has-opened {
  animation: date-height-close-10-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-10-3.is-open.has-opened {
  animation: date-height-open-10-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-10-3 {
  from {
    height: 0px;
  }
  to {
    height: 535px;
  }
}
@keyframes date-height-close-10-3 {
  from {
    height: 535px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-10-4.has-opened {
  animation: date-height-close-10-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-10-4.is-open.has-opened {
  animation: date-height-open-10-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-10-4 {
  from {
    height: 0px;
  }
  to {
    height: 570px;
  }
}
@keyframes date-height-close-10-4 {
  from {
    height: 570px;
  }
  to {
    height: 0px;
  }
}
.form__date .recurrence-wrapper.rules-10-5.has-opened {
  animation: date-height-close-10-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.form__date .recurrence-wrapper.rules-10-5.is-open.has-opened {
  animation: date-height-open-10-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
@keyframes date-height-open-10-5 {
  from {
    height: 0px;
  }
  to {
    height: 605px;
  }
}
@keyframes date-height-close-10-5 {
  from {
    height: 605px;
  }
  to {
    height: 0px;
  }
}
.form__date .flatpickr-calendar {
  flex: 0 0 246px;
  width: 246px;
}
.form__date .flatpickr-innerContainer {
  margin: 0 auto;
}
.form__date .time-picker {
  flex: 1 0 120px;
}
.form__date.is-secondary .flatpickr-calendar {
  margin-left: 20px;
}
.form__date.disable-previous .flatpickr-prev-month {
  display: block !important;
}
.form__date.disable-previous .flatpickr-prev-month i, .form__date.disable-previous .flatpickr-prev-month .form .form-field .field-label:before, .form .form-field .form__date.disable-previous .flatpickr-prev-month .field-label:before {
  color: rgba(175, 179, 191, 0.3);
}
.form__now-date .note, .form__now-date .note-action {
  display: inline-block;
  margin-left: 6px;
}
.form__now-date .static-value {
  position: initial;
  display: flex;
  align-items: baseline;
}
.form__now-date .static-value .note, .form__now-date .static-value .note-action {
  -webkit-text-fill-color: #6B728B;
}
.form__now-date span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form__endorsement-row.error .label-span {
  color: #DD2D1A;
}
.form__endorsement-row .field-label .field-label-content .label {
  margin-right: 3px;
}
.form__endorsement-row.form-field:after {
  top: 14px;
}
.form__endorsement-row.none .label {
  color: #AFB3BF;
  font-weight: 500;
}
.form__endorsement-row .note, .form__endorsement-row .note-action {
  text-align: left !important;
}
.form__endorsement-row button {
  margin-left: auto;
  margin-right: -14px;
  padding: 8.5px 15px;
}
.form__endorsement-row button:after {
  display: block;
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  content: "f";
  color: #AFB3BF;
}
.form__endorsement {
  margin-bottom: 10px;
}
.form__endorsement .form-field:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.form__endorsement .form-field select {
  width: 100%;
  direction: ltr;
  padding-left: 26px;
}
.form__date-mobile .time-rules {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.025);
  padding-top: 4px;
  margin: 0 0 1px;
  display: flex;
  flex-direction: row;
}
.form__date-mobile .time-rules .section-title {
  margin-right: 14px;
}
.form__date-mobile .time-rules .note, .form__date-mobile .time-rules .note-action {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 9px;
}
.form__date-mobile .time-rules .note:not(:last-child), .form__date-mobile .time-rules .note-action:not(:last-child) {
  margin-right: 25px;
}
.form__date-mobile .time-rules .note:not(:last-child):after, .form__date-mobile .time-rules .note-action:not(:last-child):after {
  width: initial;
  bottom: initial;
  top: 50%;
  right: -17px;
  margin-top: -4px;
}
.form__date-mobile input {
  flex: 1;
  position: relative;
  z-index: 20;
  opacity: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.form__date-mobile input.error {
  opacity: 1;
  color: #DD2D1A;
  background: white;
  z-index: 11;
  left: initial;
  padding-left: 10px;
}
.form__checkbox .field-label, .form__endorsement-row .field-label {
  padding: 10px 0px 11px;
}
.form__checkbox .field-label .field-label-content, .form__endorsement-row .field-label .field-label-content {
  display: flex;
  align-items: center;
}
.form__checkbox .field-label .field-label-content .label, .form__endorsement-row .field-label .field-label-content .label {
  font-size: 17px;
  color: #565968;
  margin-top: 0;
  margin-bottom: 0;
}
.form__checkbox .field-label .field-label-content .label .label-span, .form__endorsement-row .field-label .field-label-content .label .label-span {
  white-space: initial;
}
.form__checkbox input[type=checkbox] + span, .form__checkbox input[type=radio] + span {
  margin-right: 1px;
  margin-left: auto;
  margin-top: 2px;
  flex: none;
}
.form__textarea {
  flex-direction: column;
}
.form__textarea.error::after {
  top: 4px !important;
  right: 0;
}
.form__textarea.error .note::after, .form__textarea.error .note-action::after {
  color: #DD2D1A;
  content: " - Required";
}
.form__textarea:not(:first-child) {
  padding-top: 11px;
}
.form__textarea .note, .form__textarea .note-action {
  align-self: flex-start;
}
.form__host {
  flex-wrap: wrap;
  height: 30px;
  transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
  overflow: hidden;
  height: auto;
}
.form__host.is-open {
  height: 302px;
  height: auto;
}
.form__host.is-open:after {
  transform: translateY(-50%) rotate(180deg);
}
.form__host .select-wrap {
  flex-grow: 1;
}
.form__file.form-field .field-label:before {
  display: none;
}
.form__file.form-field.error::after {
  opacity: 0;
}
.form__signature.form-field .field-label .label {
  margin-bottom: 10px;
}
.form__phone.form-field {
  padding-left: 0;
}
.form__phone.form-field .field-label .field-label-content {
  overflow: visible;
}
.form__phone.form-field:hover:after {
  transform: translateY(-50%);
  opacity: 0;
}
.form__phone.form-field:hover .react-phone-number-input__icon {
  transform: none;
  opacity: 1;
}
.form__phone.form-field:after {
  margin-left: 8px;
}
.form__phone.form-field .field-label:before {
  display: none;
}
.form__phone.form-field .label {
  margin-left: 31px;
}
.form__phone.icon-message .react-phone-number-input__icon--international:before {
  content: "m";
}
.form__phone.icon-call .react-phone-number-input__icon--international:before {
  content: "A";
}
.form__phone .react-phone-number-input__row {
  position: relative;
  display: flex;
  align-items: center;
}
.form__phone .react-phone-number-input__phone, .form__phone .react-phone-number-input__country.rrui__select--expanded {
  flex: 1;
}
.form__phone .react-phone-number-input__phone {
  font-size: inherit;
}
.form__phone .react-phone-number-input__country {
  width: auto;
}
.form__phone .react-phone-number-input__country.rrui__select--collapsed {
  margin-right: 8px;
}
.form__phone .react-phone-number-input__country .rrui__select__autocomplete {
  width: 100%;
}
.form__phone .react-phone-number-input__country, .form__phone .react-phone-number-input__country:not(.form__phone .react-phone-number-input__country__country--native-expanded) .rrui__input {
  position: static;
}
.form__phone .react-phone-number-input .rrui__select__arrow {
  margin-top: 0.3em;
  margin-left: 0.3em;
}
.form__phone .react-phone-number-input .rrui__select__option {
  display: flex;
  align-items: center;
}
.form__phone .react-phone-number-input .rrui__select__option-icon {
  margin-bottom: 0.1em;
}
.form__phone .react-phone-number-input__icon {
  width: 17px;
  height: 12.75px;
  display: flex;
  margin-top: -1px;
  flex: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form__phone .react-phone-number-input__icon--international {
  width: 17px;
  height: 17px;
  box-shadow: none;
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.form__phone .react-phone-number-input__error {
  margin-left: calc(1.24em + 2px + 0.3em + 0.35em + 0.5em);
  margin-top: 0.3rem;
  color: #D30F00;
}
.form__phone .react-phone-number-input__icon-image {
  max-width: 100%;
  max-height: 100%;
}
.form__phone .react-phone-number-input__ext-input::-webkit-inner-spin-button, .form__phone .react-phone-number-input__ext-input::-webkit-outer-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
  -moz-appearance: textfield !important;
}
.form__phone .react-phone-number-input__ext-input {
  width: 3em;
}
.form__phone .react-phone-number-input__ext {
  white-space: nowrap;
}
.form__phone .react-phone-number-input__ext, .form__phone .react-phone-number-input__ext-input {
  margin-left: 0.5em;
}
.form__phone .react-phone-number-input__phone {
  min-width: 0;
}
.form__phone .react-phone-number-input__country--native {
  position: relative;
  align-self: stretch;
  align-items: center;
  display: flex;
  width: 25px;
  margin-top: -17px;
  padding-left: 6px;
}
.form__phone .react-phone-number-input__country--native:hover .react-phone-number-input__country-select-arrow {
  opacity: 1;
}
.form__phone .react-phone-number-input__country-select {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border: 0;
  opacity: 0;
  cursor: pointer;
  transform: none !important;
}
.form__phone .react-phone-number-input__country-select-arrow {
  height: 100%;
  display: flex;
  align-items: center;
  background: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0));
  padding-right: 10px;
  opacity: 0;
  transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.form__phone .react-phone-number-input__country-select-arrow:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  margin-bottom: 0.1em;
  margin-top: 0.2em;
  margin-left: 0.3em;
  border-width: 0.35em 0.2em 0 0.2em;
  border-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  color: #6B728B;
}
.form__phone .react-phone-number-input__phone--disabled {
  cursor: default;
}
.form__phone .react-phone-number-input__phone--invalid, .form__phone .react-phone-number-input__phone--invalid:focus {
  border-color: #EB2010;
}
.form__location.shadow-bottom .locations:after {
  opacity: 1;
}
.form__location.shadow-top .locations:before {
  opacity: 1;
}
.form__location .locations {
  position: relative;
}
.form__location .locations:after, .form__location .locations:before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  left: -20px;
  right: -20px;
  height: 8px;
  z-index: 500;
  transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.form__location .locations:after {
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.025));
}
.form__location .locations:before {
  top: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.025));
}
.form__location .locations .locations-wrapper {
  max-height: 385px;
  overflow-y: scroll;
  margin: 0 -20px;
  padding: 0 20px 1px;
}
.form__location .locations .locations-wrapper > div:first-child > .location:first-child {
  border-top: none;
}
.form__location .locations .locations-wrapper.no-bottom-border {
  border-bottom: none;
}
.form__location .locations .locations-wrapper.close-0 > div:last-child {
  margin-bottom: 0px;
}
.form__location .locations .locations-wrapper.close-1 > div:last-child {
  margin-bottom: -45px;
}
.form__location .locations .locations-wrapper.close-2 > div:last-child {
  margin-bottom: -90px;
}
.form__location .locations .locations-wrapper.close-3 > div:last-child {
  margin-bottom: -135px;
}
.form__location .locations .locations-wrapper.close-4 > div:last-child {
  margin-bottom: -180px;
}
.form__location .locations .locations-wrapper.close-5 > div:last-child {
  margin-bottom: -225px;
}
.form__location .locations .locations-wrapper.close-6 > div:last-child {
  margin-bottom: -270px;
}
.form__location .locations .locations-wrapper.close-7 > div:last-child {
  margin-bottom: -315px;
}
.form__location .locations .locations-wrapper.close-8 > div:last-child {
  margin-bottom: -360px;
}
.form__location .locations .locations-wrapper.close-9 > div:last-child {
  margin-bottom: -405px;
}
.form__location .locations .locations-wrapper.close-10 > div:last-child {
  margin-bottom: -450px;
}
.form__location .locations .locations-wrapper.close-11 > div:last-child {
  margin-bottom: -495px;
}
.form__location .locations .locations-wrapper.close-12 > div:last-child {
  margin-bottom: -540px;
}
.form__location .locations .locations-wrapper.close-13 > div:last-child {
  margin-bottom: -585px;
}
.form__location .locations .locations-wrapper.close-14 > div:last-child {
  margin-bottom: -630px;
}
.form__location .locations .locations-wrapper.close-15 > div:last-child {
  margin-bottom: -675px;
}
.form__location .locations .locations-wrapper.close-16 > div:last-child {
  margin-bottom: -720px;
}
.form__location .locations .locations-wrapper.close-17 > div:last-child {
  margin-bottom: -765px;
}
.form__location .locations .locations-wrapper.close-18 > div:last-child {
  margin-bottom: -810px;
}
.form__location .locations .locations-wrapper.close-19 > div:last-child {
  margin-bottom: -855px;
}
.form__location .locations .locations-wrapper.close-20 > div:last-child {
  margin-bottom: -900px;
}
.form__location .locations .location-wrapper {
  position: relative;
  z-index: 100;
}
.form__location .locations .location-is-entering {
  animation: location-enter cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
  position: relative;
  z-index: 50;
}
@keyframes location-enter {
  from {
    opacity: 0.5;
    transform: translateY(-22px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.form__location .locations .location-is-exiting {
  animation: location-exit cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
  position: relative;
  z-index: 50;
}
@keyframes location-exit {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0.5;
    transform: translateY(-22px);
  }
}
.form__location .locations div.location {
  height: 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.025);
  display: flex;
  align-items: center;
  cursor: pointer;
  background: white;
}
.form__location .locations div.location .form-field {
  margin-left: -7px;
}
.form__location .locations div.location.selected i:first-child, .form__location .locations div.location.selected .form .form-field .field-label:first-child:before, .form .form-field .form__location .locations div.location.selected .field-label:first-child:before {
  color: #006FC6;
}
.form__location .locations div.location.unfolded i.chevron-down, .form__location .locations div.location.unfolded .form .form-field .chevron-down.field-label:before, .form .form-field .form__location .locations div.location.unfolded .chevron-down.field-label:before {
  transform: rotate(-180deg);
}
.form__location .locations div.location.disabled .subtitle, .form__location .locations div.location.disabled .subtitle-action, .form__location .locations div.location.disabled .note, .form__location .locations div.location.disabled .note-action {
  color: #b5b7bd;
}
.form__location .locations div.location i:first-child, .form__location .locations div.location .form .form-field .field-label:first-child:before, .form .form-field .form__location .locations div.location .field-label:first-child:before {
  margin-right: 8px;
}
.form__location .locations div.location i.chevron-down, .form__location .locations div.location .form .form-field .chevron-down.field-label:before, .form .form-field .form__location .locations div.location .chevron-down.field-label:before {
  margin-left: 16px;
  color: #AFB3BF;
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
}
.form__location .locations div.location .leave-type-icon {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 22px;
  font-size: 14px;
  margin: 5px 0 0 -6px;
}
.form__location .locations div.location.depth-0 {
  padding-left: 24px;
}
.form__location .locations div.location.depth-1 {
  padding-left: 39px;
}
.form__location .locations div.location.depth-2 {
  padding-left: 54px;
}
.form__location .locations div.location.depth-3 {
  padding-left: 69px;
}
.form__location .locations div.location.depth-4 {
  padding-left: 84px;
}
.form__location .locations div.location.depth-5 {
  padding-left: 99px;
}
.form__location .locations div.location-children-enter-active {
  display: block;
  opacity: 0;
}
.form__location .locations .movement-open-0 {
  animation: location-movement-open-0 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-0 {
  from {
    transform: translateY(0px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-0 {
  animation: location-movement-close-0 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-0 {
  from {
    transform: none;
  }
  to {
    transform: translateY(0px);
  }
}
.form__location .locations .movement-open-1 {
  animation: location-movement-open-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-1 {
  from {
    transform: translateY(-45px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-1 {
  animation: location-movement-close-1 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-1 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-45px);
  }
}
.form__location .locations .movement-open-2 {
  animation: location-movement-open-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-2 {
  from {
    transform: translateY(-90px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-2 {
  animation: location-movement-close-2 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-2 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-90px);
  }
}
.form__location .locations .movement-open-3 {
  animation: location-movement-open-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-3 {
  from {
    transform: translateY(-135px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-3 {
  animation: location-movement-close-3 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-3 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-135px);
  }
}
.form__location .locations .movement-open-4 {
  animation: location-movement-open-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-4 {
  from {
    transform: translateY(-180px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-4 {
  animation: location-movement-close-4 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-4 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-180px);
  }
}
.form__location .locations .movement-open-5 {
  animation: location-movement-open-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-5 {
  from {
    transform: translateY(-225px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-5 {
  animation: location-movement-close-5 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-5 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-225px);
  }
}
.form__location .locations .movement-open-6 {
  animation: location-movement-open-6 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-6 {
  from {
    transform: translateY(-270px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-6 {
  animation: location-movement-close-6 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-6 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-270px);
  }
}
.form__location .locations .movement-open-7 {
  animation: location-movement-open-7 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-7 {
  from {
    transform: translateY(-315px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-7 {
  animation: location-movement-close-7 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-7 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-315px);
  }
}
.form__location .locations .movement-open-8 {
  animation: location-movement-open-8 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-8 {
  from {
    transform: translateY(-360px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-8 {
  animation: location-movement-close-8 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-8 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-360px);
  }
}
.form__location .locations .movement-open-9 {
  animation: location-movement-open-9 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-9 {
  from {
    transform: translateY(-405px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-9 {
  animation: location-movement-close-9 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-9 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-405px);
  }
}
.form__location .locations .movement-open-10 {
  animation: location-movement-open-10 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-10 {
  from {
    transform: translateY(-450px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-10 {
  animation: location-movement-close-10 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-10 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-450px);
  }
}
.form__location .locations .movement-open-11 {
  animation: location-movement-open-11 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-11 {
  from {
    transform: translateY(-495px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-11 {
  animation: location-movement-close-11 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-11 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-495px);
  }
}
.form__location .locations .movement-open-12 {
  animation: location-movement-open-12 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-12 {
  from {
    transform: translateY(-540px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-12 {
  animation: location-movement-close-12 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-12 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-540px);
  }
}
.form__location .locations .movement-open-13 {
  animation: location-movement-open-13 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-13 {
  from {
    transform: translateY(-585px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-13 {
  animation: location-movement-close-13 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-13 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-585px);
  }
}
.form__location .locations .movement-open-14 {
  animation: location-movement-open-14 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-14 {
  from {
    transform: translateY(-630px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-14 {
  animation: location-movement-close-14 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-14 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-630px);
  }
}
.form__location .locations .movement-open-15 {
  animation: location-movement-open-15 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-15 {
  from {
    transform: translateY(-675px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-15 {
  animation: location-movement-close-15 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-15 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-675px);
  }
}
.form__location .locations .movement-open-16 {
  animation: location-movement-open-16 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-16 {
  from {
    transform: translateY(-720px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-16 {
  animation: location-movement-close-16 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-16 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-720px);
  }
}
.form__location .locations .movement-open-17 {
  animation: location-movement-open-17 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-17 {
  from {
    transform: translateY(-765px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-17 {
  animation: location-movement-close-17 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-17 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-765px);
  }
}
.form__location .locations .movement-open-18 {
  animation: location-movement-open-18 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-18 {
  from {
    transform: translateY(-810px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-18 {
  animation: location-movement-close-18 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-18 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-810px);
  }
}
.form__location .locations .movement-open-19 {
  animation: location-movement-open-19 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-19 {
  from {
    transform: translateY(-855px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-19 {
  animation: location-movement-close-19 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-19 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-855px);
  }
}
.form__location .locations .movement-open-20 {
  animation: location-movement-open-20 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-open-20 {
  from {
    transform: translateY(-900px);
  }
  to {
    transform: none;
  }
}
.form__location .locations .movement-close-20 {
  animation: location-movement-close-20 cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s both;
}
@keyframes location-movement-close-20 {
  from {
    transform: none;
  }
  to {
    transform: translateY(-900px);
  }
}
.form .label {
  margin-top: 10px;
  color: #565968;
  font-size: 17px;
  margin-left: 26px;
}

.dictionary-wrap .dictionary-row {
  padding: 5px 23px 4px 25px;
}
.dictionary-wrap .dictionary-row .note span, .dictionary-wrap .dictionary-row .note-action span {
  font-style: italic;
}

.edit-contact {
  min-width: 90%;
  flex-grow: 1;
}

.form-field-flex {
  display: flex;
}
.form-field-flex .form-field {
  flex: 1;
}

input, select, textarea {
  font-family: "Open Sans", "Avenir Next", Avenir, Lato, Arial, sans-serif;
  color: #333;
}

input[type=text], input[type=tel], input[type=email], input[type=password], input[type=date], input[type=datetime-local], input[type=time] {
  text-overflow: ellipsis;
}

input[placeholder]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #AFB3BF;
  font-weight: 500;
}
input[placeholder]::-moz-placeholder, textarea::-moz-placeholder {
  color: #AFB3BF;
  font-weight: 500;
}
input[placeholder]::placeholder, textarea::placeholder {
  color: #AFB3BF;
  font-weight: 500;
}

select, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=date], input[type=datetime-local], input[type=time], input[type=number] {
  outline: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 17px;
  box-shadow: none;
  background: transparent;
  background-image: none;
  overflow: hidden;
  max-width: 100%;
}

select {
  white-space: pre-wrap;
}

textarea {
  font-size: 17px;
  outline: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  padding: 0;
  margin: 7px 0;
  height: 90px;
  width: 100%;
}

input[type=checkbox] {
  position: absolute;
  display: block;
  height: 0;
  width: 0;
  visibility: hidden;
  overflow: hidden;
}
input[type=checkbox]:checked + span:before, input[type=checkbox]:checked + span:after {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
input[type=checkbox]:checked + span:before {
  transform: scale(1);
}
input[type=checkbox]:checked + span:after {
  opacity: 1;
}
input[type=checkbox] + span {
  position: relative;
  background-color: #AFB3BF;
  overflow: hidden;
}
input[type=checkbox] + span, input[type=checkbox] + span:before, input[type=checkbox] + span:after {
  width: 18px;
  height: 18px;
  border-radius: 9px;
}
input[type=checkbox] + span:before, input[type=checkbox] + span:after {
  position: absolute;
  top: 0;
  transition: 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
input[type=checkbox] + span:before {
  content: "";
  display: block;
  background-color: #006FC6;
  transform: scale(0);
  transition-property: transform;
}
input[type=checkbox] + span:after {
  content: "I";
  display: block;
  color: white;
  transition-property: opacity;
  opacity: 0;
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input[type=checkbox]:disabled + span:before {
  background-color: #565968;
}

input[type=radio].bw-radio {
  position: absolute;
  display: block;
  height: 0;
  width: 0;
  visibility: hidden;
  overflow: hidden;
}
input[type=radio].bw-radio:checked + span:before {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
input[type=radio].bw-radio:checked + span:before {
  transform: scale(1);
}
input[type=radio].bw-radio + span {
  position: relative;
  background-color: #AFB3BF;
  overflow: hidden;
}
input[type=radio].bw-radio + span {
  width: 18px;
  height: 18px;
  border-radius: 9px;
}
input[type=radio].bw-radio + span:before {
  content: "";
  position: absolute;
  top: 0;
  transition: 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: block;
  background-color: #006FC6;
  border: 1px solid #006FC6;
  transform: scale(0);
  transition-property: transform;
  box-shadow: inset 0 0 0 4px #f4f4f4;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border-radius: 100%;
}
input[type=radio].bw-radio:disabled + span:before {
  background-color: #565968;
}

.time-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
  margin: 0px 12px;
  position: relative;
  align-self: flex-start;
  margin-top: 5px;
}
.time-picker .time-input {
  display: flex;
  position: relative;
}
.time-picker .time-input.not-empty:before {
  color: rgba(175, 179, 191, 0);
}
.time-picker .time-input:before {
  position: absolute;
  display: block;
  color: #AFB3BF;
  font-weight: 500;
  transition: color 0.2s linear;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 20px;
  overflow: hidden;
  text-align: center;
  line-height: 48px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation: placeholder-cycle 3.5s linear infinite both;
  content: "";
}
@keyframes placeholder-cycle {
  from, 5%, 95%, to {
    content: "6:00pm";
    opacity: 1;
  }
  16.66%, 50%, 83.33% {
    opacity: 0;
  }
  28.33%, 38.33% {
    content: "6pm";
    opacity: 1;
  }
  61.66%, 71.66% {
    content: "1800";
    opacity: 1;
  }
}
.time-picker .time-input .time-value {
  font-size: 20px;
  color: #006FC6;
  font-weight: 600;
  width: 2.8ch;
  text-align: right;
  cursor: text;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.time-picker .time-input input.time-text {
  padding: 10px 0;
  height: auto;
  position: relative;
  z-index: 5;
  width: 100%;
  font-size: 20px;
  color: #006FC6;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  flex: none;
}
.time-picker .time-input input.time-text:disabled {
  color: #565968;
}
.time-picker .time-input input.time-text.is-invalid {
  color: #DD2D1A;
  animation: shake 0.5s linear;
}
@keyframes shake {
  8%, 41% {
    transform: translateX(-10px);
  }
  25%, 58% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-5px);
  }
  92% {
    transform: translateX(5px);
  }
  0%, 100% {
    transform: translateX(0);
  }
}
.time-picker .quick-selection {
  width: 100%;
}
.time-picker .quick-selection .section-title {
  margin-top: 15px;
}
.time-picker .quick-selection .quick-times {
  display: flex;
  flex-wrap: wrap;
  margin-top: -12px;
}
.time-picker .quick-selection .quick-time {
  color: #006FC6;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  min-width: 40%;
  text-align: center;
  padding: 9px 0;
  flex: 1 0 0;
}
.time-picker .quick-selection .quick-time:disabled {
  color: #565968;
  pointer: default;
}
.time-picker .time-rules {
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.time-picker .time-rules .section-title {
  margin-top: -1px;
}

ul.checklist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.checklist > li {
  margin-bottom: 7px;
}
ul.checklist > li:before {
  content: " ";
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 16px;
  border-radius: 8px;
  background: #6B728B;
  color: white;
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul.checklist > li.check:before {
  background-color: #006FC6;
  content: "I";
}
ul.checklist > li .subtitle, ul.checklist > li .subtitle-action {
  display: inline-block;
  transform: translateY(-1px);
  margin-left: 12px;
}
ul.checklist > li .note, ul.checklist > li .note-action {
  margin-left: 28px;
  margin-top: -3px;
  margin-bottom: 3px;
}

ul.bullet-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.bullet-list > li {
  margin-bottom: 16px;
  font-size: 17px;
  color: #565968;
}
ul.bullet-list > li:before {
  content: " ";
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 16px;
  border-radius: 8px;
  background: #6B728B;
  color: white;
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul.bullet-list > li.bullet:before {
  background-color: #006FC6;
  position: absolute;
}
ul.bullet-list > li.bullet > div {
  margin-left: 2em;
  transform: translateY(-2px);
}

.tile.error {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo-error {
  width: 60px;
  height: 64px;
  background-image: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/images/logo-error.e4fa71cd.svg);
  background-size: 180px;
  animation: logo-error-flicker 6s steps(1) both;
  position: relative;
  margin: 30px 0 15px;
}
@keyframes logo-error-flicker {
  0%, 9%, 32%, 36%, 54% {
    background-position-x: 0;
  }
  5%, 30%, 34%, 50%, 70%, 84% {
    background-position-x: -60px;
  }
  80%, 100% {
    background-position-x: -120px;
  }
}
.logo-error .error-spark {
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background: #006FC6;
  position: absolute;
  opacity: 0;
  animation: logo-error-spark-cw 0.2s linear;
  animation-delay: 4.2s;
  box-shadow: 0 0 5px rgba(0, 111, 198, 0.3);
}
.logo-error .error-spark:first-child {
  top: 32px;
  left: 36px;
  transform-origin: -14px 35px;
}
@keyframes logo-error-spark-cw {
  from {
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(50deg);
    opacity: 0;
  }
}
@keyframes logo-error-spark-ccw {
  from {
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(-50deg);
    opacity: 0;
  }
}
.logo-error .error-spark:nth-child(2) {
  top: 38px;
  left: 30px;
  transform-origin: -14px 24px;
}
.logo-error .error-spark:nth-child(3) {
  top: 41px;
  left: 21px;
  transform-origin: 17px 19px;
  animation-name: logo-error-spark-ccw;
}
.logo-error .error-spark:nth-child(4) {
  top: 37px;
  left: 17px;
  transform-origin: 11px 22px;
  animation-name: logo-error-spark-ccw;
}
.logo-error .error-spark:nth-child(5) {
  top: 43px;
  left: 24px;
  transform-origin: 24px 16px;
  animation-name: logo-error-spark-ccw;
}
.logo-error .error-spark:nth-child(6) {
  animation: spin 0.2s linear infinite;
  opacity: 1;
  top: 32px;
  left: 25px;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.tile {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 14px;
  margin: 0 0 20px;
  padding: 0 20px 23px;
  box-shadow: 0 1px 1px 0px rgba(0, 30, 49, 0.01), 0 4px 10px 0 rgba(0, 64, 104, 0.04);
  overflow: hidden;
  position: relative;
  transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, opacity 0.15s;
}
.tile.translucent {
  opacity: 0.5;
}
.tile.translucent:hover {
  opacity: 1;
}
.tile.unavailable {
  cursor: not-allowed;
}
.tile.unavailable:hover {
  opacity: 0.5;
}
@media (max-width: 374px) {
  .tile {
    border-radius: 0;
    border-left: none;
    border-right: none;
    padding-left: 17px;
    padding-right: 17px;
  }
}
.tile .section-title {
  font-size: 11px;
  text-transform: uppercase;
  color: #6B728B;
  margin: 12px 0 11px;
  text-align: center;
}
.tile .section-title.font-xs {
  font-size: 12px;
}
.tile .section-title.mb-30 {
  margin-bottom: 30px;
}
.tile .section-title.clr-light-grey {
  color: #F5F5F5;
}
.tile.no-title {
  padding-top: 16px;
}
.tile.small {
  padding: 11px 20px 10px;
}
.tile.small .splitter {
  margin: 6px -6px;
}
.tile.medium {
  padding: 20px 20px 20px;
}
.tile > i.large, .form .form-field .tile > .large.field-label:before {
  font-size: 20px;
  color: #006FC6;
}
.tile > i.large:before, .form .form-field .tile > .large.field-label:before {
  margin: 0 auto 6px;
}
.tile > .buttons {
  margin-right: -20px;
}
.tile > .buttons:last-child {
  margin-bottom: -23px;
}
.tile > .form:last-child .form-field__container:last-child .buttons:last-child {
  margin-bottom: -23px;
}
.tile p {
  font-size: 14px;
  color: #6B728B;
  text-align: justify;
  margin: 0;
}
.tile .splitter {
  height: 1px;
  background: rgba(0, 0, 0, 0.06);
  margin: 16px -6px;
}
.tile .splitter.urgent {
  background: #DD2D1A;
}
.tile .splitter.has-message {
  margin: 21px -6px;
  text-align: center;
}
.tile .splitter.has-message .note, .tile .splitter.has-message .note-action {
  display: inline-block;
  background: white;
  padding: 0 9px;
  position: relative;
  top: -13px;
}
.tile h1, .tile h2, .tile h3 {
  margin: 0;
  letter-spacing: 0.03em;
  text-align: center;
}
.tile h1 {
  color: #006FC6;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 0.4em;
}
.tile h1 + h2 {
  margin-top: -0.62em;
}
.tile h2 {
  color: #565968;
  font-weight: 500;
  font-size: 17px;
  margin-top: -0.22em;
}
.tile h3 {
  color: #6B728B;
  font-weight: 500;
  font-size: 14px;
  margin-top: -0.1em;
}
.tile .loading-indicator, .tile .section-title, .tile .logo:before {
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tile .loading-indicator {
  pointer-events: none;
  position: absolute;
  background-size: contain;
  left: 50%;
  width: 80px;
  height: 8px;
  border-radius: 8px;
  background: rgba(107, 114, 139, 0.3);
  overflow: hidden;
  transform: translate(-50%, 20px);
  opacity: 0;
  top: 15px;
}
.tile .loading-indicator:before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  border-radius: 8px;
  background: #17224C;
  animation: loading-bar 0.6s infinite linear;
}
@keyframes loading-bar {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(200%);
  }
}
.tile.show-loading-indicator .loading-indicator, .tile .logo.loading .loading-indicator {
  transition-delay: 0.075s;
  transform: translateX(-50%);
  opacity: 1;
}
.tile.show-loading-indicator .section-title, .tile.show-loading-indicator:before, .tile .logo.loading .section-title, .tile .logo.loading:before {
  transform: translateY(-20px);
  transition-delay: 0;
  opacity: 0;
}
.tile.warning-tile {
  padding: 20px 20px 20px;
  border: 1px solid #DD2D1A;
  display: flex;
  align-items: flex-start;
}
.tile.warning-tile:before {
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  background: #DD2D1A;
  border-radius: 100%;
  margin: 2px 8px 0 0;
  content: "F";
}

.note.empty-state, .empty-state.note-action {
  text-align: center;
  margin-bottom: 46px;
}

.relative {
  position: relative;
}

.tile.is-loading {
  color: transparent;
}
.tile.is-loading .note .bullet, .tile.is-loading .note-action .bullet, .tile.is-loading .subtitle .bullet, .tile.is-loading .subtitle-action .bullet {
  opacity: 0;
}
.tile.is-loading i:before, .tile.is-loading .form .form-field .field-label:before, .form .form-field .tile.is-loading .field-label:before {
  background: rgba(107, 114, 139, 0.18);
  border-radius: 50%;
}
.tile.is-loading .checklist li:before {
  background: rgba(107, 114, 139, 0.18);
}
.tile.is-loading .leave-details__times .side:nth-child(2):after {
  display: none;
}

.tile.is-loading.link-tile {
  padding: 20px;
}

.loading-stripe {
  display: inline-block;
  height: 100%;
  position: relative;
  color: transparent;
}
.loading-stripe.full {
  display: block;
  font-size: 14px;
  height: 1.3em;
}
.loading-stripe:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  height: 0.6em;
  font-size: 1em;
  background: rgba(107, 114, 139, 0.18);
  border-radius: 0.3em;
  animation: fade-in-out 1s infinite linear;
}
@keyframes fade-in-out {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}

.blade .tile-replace-enter .tile, .blade .tile-replace-enter .blade-title, .blade .tile-replace-enter .note.empty-state, .blade .tile-replace-enter .empty-state.note-action, .blade .tile-replace-enter .block {
  transform-origin: top;
  animation: tile-replace-enter 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 0.15s;
}
.blade .tile-replace-enter .tile.translucent {
  animation: tile-replace-enter 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both, fade-in-half 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 0.15s;
}
@keyframes tile-replace-enter {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.blade .tile-replace-enter .blade-title:first-child {
  animation: fade-in 0.1s both linear;
  animation-delay: 0.15s !important;
}
.blade .tile-replace-enter > .tile:nth-child(1), .blade .tile-replace-enter > .blade-title:nth-child(1), .blade .tile-replace-enter > .note.empty-state:nth-child(1), .blade .tile-replace-enter > .empty-state.note-action:nth-child(1), .blade .tile-replace-enter > .block:nth-child(1) {
  animation-delay: 0.15s;
}
.blade .tile-replace-enter > .tile:nth-child(2), .blade .tile-replace-enter > .blade-title:nth-child(2), .blade .tile-replace-enter > .note.empty-state:nth-child(2), .blade .tile-replace-enter > .empty-state.note-action:nth-child(2), .blade .tile-replace-enter > .block:nth-child(2) {
  animation-delay: 0.2s;
}
.blade .tile-replace-enter > .tile:nth-child(3), .blade .tile-replace-enter > .blade-title:nth-child(3), .blade .tile-replace-enter > .note.empty-state:nth-child(3), .blade .tile-replace-enter > .empty-state.note-action:nth-child(3), .blade .tile-replace-enter > .block:nth-child(3) {
  animation-delay: 0.25s;
}
.blade .tile-replace-enter > .tile:nth-child(4), .blade .tile-replace-enter > .blade-title:nth-child(4), .blade .tile-replace-enter > .note.empty-state:nth-child(4), .blade .tile-replace-enter > .empty-state.note-action:nth-child(4), .blade .tile-replace-enter > .block:nth-child(4) {
  animation-delay: 0.3s;
}
.blade .tile-replace-enter > .tile:nth-child(5), .blade .tile-replace-enter > .blade-title:nth-child(5), .blade .tile-replace-enter > .note.empty-state:nth-child(5), .blade .tile-replace-enter > .empty-state.note-action:nth-child(5), .blade .tile-replace-enter > .block:nth-child(5) {
  animation-delay: 0.35s;
}
.blade .tile-replace-enter > .tile:nth-child(6), .blade .tile-replace-enter > .blade-title:nth-child(6), .blade .tile-replace-enter > .note.empty-state:nth-child(6), .blade .tile-replace-enter > .empty-state.note-action:nth-child(6), .blade .tile-replace-enter > .block:nth-child(6) {
  animation-delay: 0.4s;
}
.blade .tile-replace-enter > .tile:nth-child(7), .blade .tile-replace-enter > .blade-title:nth-child(7), .blade .tile-replace-enter > .note.empty-state:nth-child(7), .blade .tile-replace-enter > .empty-state.note-action:nth-child(7), .blade .tile-replace-enter > .block:nth-child(7) {
  animation-delay: 0.45s;
}
.blade .tile-replace-enter > .tile:nth-child(8), .blade .tile-replace-enter > .blade-title:nth-child(8), .blade .tile-replace-enter > .note.empty-state:nth-child(8), .blade .tile-replace-enter > .empty-state.note-action:nth-child(8), .blade .tile-replace-enter > .block:nth-child(8) {
  animation-delay: 0.5s;
}
.blade .tile-replace-enter > .tile:nth-child(9), .blade .tile-replace-enter > .blade-title:nth-child(9), .blade .tile-replace-enter > .note.empty-state:nth-child(9), .blade .tile-replace-enter > .empty-state.note-action:nth-child(9), .blade .tile-replace-enter > .block:nth-child(9) {
  animation-delay: 0.55s;
}
.blade .tile-replace-enter > .tile:nth-child(n+10), .blade .tile-replace-enter > .blade-title:nth-child(n+10), .blade .tile-replace-enter > .note.empty-state:nth-child(n+10), .blade .tile-replace-enter > .empty-state.note-action:nth-child(n+10), .blade .tile-replace-enter > .block:nth-child(n+10) {
  animation-delay: 0.6s;
}
.blade .tile-replace-enter > .link-tile:nth-child(1) .tile {
  animation-delay: 0.15s;
}
.blade .tile-replace-enter > .link-tile:nth-child(2) .tile {
  animation-delay: 0.2s;
}
.blade .tile-replace-enter > .link-tile:nth-child(3) .tile {
  animation-delay: 0.25s;
}
.blade .tile-replace-enter > .link-tile:nth-child(4) .tile {
  animation-delay: 0.3s;
}
.blade .tile-replace-enter > .link-tile:nth-child(5) .tile {
  animation-delay: 0.35s;
}
.blade .tile-replace-enter > .link-tile:nth-child(6) .tile {
  animation-delay: 0.4s;
}
.blade .tile-replace-enter > .link-tile:nth-child(7) .tile {
  animation-delay: 0.45s;
}
.blade .tile-replace-enter > .link-tile:nth-child(8) .tile {
  animation-delay: 0.5s;
}
.blade .tile-replace-enter > .link-tile:nth-child(9) .tile {
  animation-delay: 0.55s;
}
.blade .tile-replace-enter > .link-tile:nth-child(n+10) .tile {
  animation-delay: 0.6s;
}
.blade .tile-replace-exit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.blade .tile-replace-exit .blade-title:first-child {
  animation: fade-out 0.1s both linear;
  animation-delay: 0.15s !important;
}
.blade .tile-replace-exit .tile, .blade .tile-replace-exit .blade-title, .blade .tile-replace-exit .note.empty-state, .blade .tile-replace-exit .empty-state.note-action, .blade .tile-replace-exit .block {
  transform-origin: top;
  animation: tile-replace-exit 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.blade .tile-replace-exit .tile.translucent {
  animation: tile-replace-exit 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both, fade-out-half 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
@keyframes tile-replace-exit {
  from {
    transform: none;
    opacity: 1;
  }
  to {
    transform: scale(0.9);
    opacity: 0;
  }
}

.link-tile {
  display: block;
  transition: opacity 0.25s ease;
}
.link-tile > .tile:before {
  position: absolute;
  left: 0;
  top: 50%;
  opacity: 0.8;
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "s";
  color: #006FC6;
  opacity: 0.8;
  transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  margin-left: 20px;
  transform: translateX(-56px) translateY(-50%);
}
.link-tile > .tile:hover {
  transform: translateX(10px);
}
.link-tile > .tile:hover .tile__action-arrow, .link-tile > .tile:hover:before {
  opacity: 1;
}
.link-tile > .tile > div, .link-tile > .tile > i, .form .form-field .link-tile > .tile > .field-label:before, .link-tile > .tile > .leave-type-icon {
  transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
.link-tile > .tile .tile__action-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: 20px;
  font-size: 16px;
  color: #006FC6;
  height: 1em;
  flex: none;
  transform: translateY(-50%);
  transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
.link-tile > .tile .tile__action-arrow:before {
  display: block;
  transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "s";
}
.link-tile.is-back .tile {
  transform: translateX(20px);
}
.link-tile.is-back .tile.translucent {
  opacity: 1;
}
.link-tile.is-back .tile:hover {
  transform: translateX(10px);
}
.link-tile.is-back .tile > div, .link-tile.is-back .tile > i, .link-tile.is-back .form .form-field .tile > .field-label:before, .form .form-field .link-tile.is-back .tile > .field-label:before, .link-tile.is-back .tile > button.edit.is-visible {
  transform: translateX(36px);
}
.link-tile.is-back .tile > .leave-type-icon {
  transform: translateX(20px);
}
.link-tile.is-back .tile > button.edit.is-visible {
  opacity: 0;
  transition-duration: 0.1s;
}
.link-tile.is-back .tile .tile__action-arrow {
  transform: translateX(56px) translateY(-50%);
}
.link-tile.is-back .tile:before {
  transform: rotate(180deg) translateY(50%);
}
.link-tile.is-back .tile .tile__action-arrow:before {
  transform: rotate(-180deg);
}

.tile.message p {
  margin-bottom: 10px;
  text-align: center;
}
.tile.message .message-icons {
  height: 200px;
  position: relative;
  margin-bottom: 7px;
}
.tile.message .message-icons .subtitle, .tile.message .message-icons .subtitle-action {
  position: absolute;
  text-align: center;
  top: 60%;
  margin-top: 44px;
  width: 100%;
  font-size: 18px;
  animation: message-icon-disperse-subtitle 2s 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
@keyframes message-icon-disperse-subtitle {
  from {
    transform: translateY(-25px) scale(0.7);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.tile.message .message-icons .message-icon, .tile.message .message-icons .message-hero-icon {
  transform-origin: center;
  line-height: 1em;
  position: absolute;
  top: 60%;
  left: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
}
.tile.message .message-icons .message-icon:before, .tile.message .message-icons .message-hero-icon:before {
  text-align: center;
  font-family: "boardingware-student-app" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1em;
  letter-spacing: -0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 1em;
}
.tile.message .message-icons .message-hero-icon {
  font-size: 64px;
  animation: ka 0.25s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) backwards, pow 0.15s 0.75s cubic-bezier(0.755, 0.05, 0.855, 0.06) forwards;
}
@keyframes ka {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1.5);
  }
}
@keyframes pow {
  from {
    transform: scale(1.5);
  }
  to {
    transform: none;
  }
}
.tile.message .message-icons .message-icon:nth-child(n+11):nth-child(-n+48) {
  color: #6B728B;
}
.tile.message .message-icons .message-icon:nth-child(n+1):nth-child(-n+6) {
  font-size: 20px;
}
.tile.message .message-icons .message-icon:nth-child(n+1):nth-child(-n+6):before {
  opacity: 0.85;
}
.tile.message .message-icons .message-icon:nth-child(n+7):nth-child(-n+16) {
  font-size: 18px;
}
.tile.message .message-icons .message-icon:nth-child(n+7):nth-child(-n+16):before {
  opacity: 0.7;
}
.tile.message .message-icons .message-icon:nth-child(n+16):nth-child(-n+35) {
  font-size: 16.2px;
}
.tile.message .message-icons .message-icon:nth-child(n+16):nth-child(-n+35):before {
  opacity: 0.5;
}
.tile.message .message-icons .message-icon:nth-child(n+36):nth-child(-n+48) {
  font-size: 12.96px;
}
.tile.message .message-icons .message-icon:nth-child(n+36):nth-child(-n+48):before {
  opacity: 0.3;
}
.tile.message .message-icons .message-icon:nth-child(15), .tile.message .message-icons .message-icon:nth-child(16), .tile.message .message-icons .message-icon:nth-child(27), .tile.message .message-icons .message-icon:nth-child(41), .tile.message .message-icons .message-icon:nth-child(42), .tile.message .message-icons .message-icon:nth-child(8) {
  display: none;
}
.tile.message .message-icons .message-icon:nth-child(1) {
  animation: message-icon-disperse-1 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(1):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-1 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-5.4deg) translate(-105.1722092687px, -76.412082798px);
  }
}
.tile.message .message-icons .message-icon:nth-child(2) {
  animation: message-icon-disperse-2 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(2):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-2 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-8.5deg) translate(-207.2084972031px, -18.1283944915px);
  }
}
.tile.message .message-icons .message-icon:nth-child(3) {
  animation: message-icon-disperse-3 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(3):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-3 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(3deg) translate(80.6px, -139.6032950901px);
  }
}
.tile.message .message-icons .message-icon:nth-child(4) {
  animation: message-icon-disperse-4 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(4):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-4 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(8.9deg) translate(207.9683205925px, -3.630100539px);
  }
}
.tile.message .message-icons .message-icon:nth-child(5) {
  animation: message-icon-disperse-5 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(5):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-5 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(5.8deg) translate(198.4432545006px, -124.0011078306px);
  }
}
.tile.message .message-icons .message-icon:nth-child(6) {
  animation: message-icon-disperse-6 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(6):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-6 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-6deg) translate(-225.166604984px, -130px);
  }
}
.tile.message .message-icons .message-icon:nth-child(7) {
  animation: message-icon-disperse-7 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(7):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-7 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(7deg) translate(122.1600407022px, -44.4626186323px);
  }
}
.tile.message .message-icons .message-icon:nth-child(8) {
  animation: message-icon-disperse-8 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(8):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-8 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-9.1deg) translate(-161.1754484592px, 2.8133279177px);
  }
}
.tile.message .message-icons .message-icon:nth-child(9) {
  animation: message-icon-disperse-9 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(9):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-9 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(6.8deg) translate(231.4250900999px, -93.5018057166px);
  }
}
.tile.message .message-icons .message-icon:nth-child(10) {
  animation: message-icon-disperse-10 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(10):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-10 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-4.5deg) translate(-143.4012552246px, -143.4012552246px);
  }
}
.tile.message .message-icons .message-icon:nth-child(11) {
  animation: message-icon-disperse-11 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(11):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-11 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-6.9deg) translate(-177.1935649492px, -68.0182368237px);
  }
}
.tile.message .message-icons .message-icon:nth-child(12) {
  animation: message-icon-disperse-12 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(12):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-12 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-7.8deg) translate(-94.0977991906px, -20.0011046567px);
  }
}
.tile.message .message-icons .message-icon:nth-child(13) {
  animation: message-icon-disperse-13 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(13):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-13 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(0.8deg) translate(16.2832528123px, -115.8613640428px);
  }
}
.tile.message .message-icons .message-icon:nth-child(14) {
  animation: message-icon-disperse-14 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(14):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-14 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-2.8deg) translate(-48.8250425297px, -91.8265496573px);
  }
}
.tile.message .message-icons .message-icon:nth-child(15) {
  animation: message-icon-disperse-15 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(15):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-15 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(7.5deg) translate(148.1730217527px, -39.7028415187px);
  }
}
.tile.message .message-icons .message-icon:nth-child(16) {
  animation: message-icon-disperse-16 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(16):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-16 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-9.9deg) translate(-213.1431439004px, 33.7585575557px);
  }
}
.tile.message .message-icons .message-icon:nth-child(17) {
  animation: message-icon-disperse-17 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(17):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-17 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(9.3deg) translate(145.4004602603px, 7.620115229px);
  }
}
.tile.message .message-icons .message-icon:nth-child(18) {
  animation: message-icon-disperse-18 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(18):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-18 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(3deg) translate(91px, -157.6166234888px);
  }
}
.tile.message .message-icons .message-icon:nth-child(19) {
  animation: message-icon-disperse-19 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(19):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-19 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(1deg) translate(13.544557858px, -76.815004735px);
  }
}
.tile.message .message-icons .message-icon:nth-child(20) {
  animation: message-icon-disperse-20 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(20):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-20 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(8.4deg) translate(98.2587632624px, -10.3274121708px);
  }
}
.tile.message .message-icons .message-icon:nth-child(21) {
  animation: message-icon-disperse-21 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(21):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-21 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(5.2deg) translate(122.9296775626px, -96.0431901508px);
  }
}
.tile.message .message-icons .message-icon:nth-child(22) {
  animation: message-icon-disperse-22 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(22):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-22 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-7.4deg) translate(-237.4316388968px, -68.0824268868px);
  }
}
.tile.message .message-icons .message-icon:nth-child(23) {
  animation: message-icon-disperse-23 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(23):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-23 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(3.8deg) translate(132.8597463753px, -170.0527206283px);
  }
}
.tile.message .message-icons .message-icon:nth-child(24) {
  animation: message-icon-disperse-24 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(24):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-24 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-0.7deg) translate(-15.8430146427px, -129.0309997134px);
  }
}
.tile.message .message-icons .message-icon:nth-child(25) {
  animation: message-icon-disperse-25 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(25):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-25 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-4deg) translate(-142.0560617407px, -169.2958219293px);
  }
}
.tile.message .message-icons .message-icon:nth-child(26) {
  animation: message-icon-disperse-26 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(26):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-26 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(7.7deg) translate(243.2027681704px, -56.1477831642px);
  }
}
.tile.message .message-icons .message-icon:nth-child(27) {
  animation: message-icon-disperse-27 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(27):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-27 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(10.2deg) translate(172.9364958097px, 36.7587869366px);
  }
}
.tile.message .message-icons .message-icon:nth-child(28) {
  animation: message-icon-disperse-28 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(28):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-28 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-1deg) translate(-33.4099093831px, -189.4770116795px);
  }
}
.tile.message .message-icons .message-icon:nth-child(29) {
  animation: message-icon-disperse-29 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(29):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-29 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-9.1deg) translate(-161.1754484592px, 2.8133279177px);
  }
}
.tile.message .message-icons .message-icon:nth-child(30) {
  animation: message-icon-disperse-30 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(30):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-30 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(3.5deg) translate(68.5997417876px, -97.970584497px);
  }
}
.tile.message .message-icons .message-icon:nth-child(31) {
  animation: message-icon-disperse-31 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(31):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-31 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(4.5deg) translate(141.5627775935px, -141.5627775935px);
  }
}
.tile.message .message-icons .message-icon:nth-child(32) {
  animation: message-icon-disperse-32 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(32):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-32 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(0.4deg) translate(12.5143113897px, -178.9629906166px);
  }
}
.tile.message .message-icons .message-icon:nth-child(33) {
  animation: message-icon-disperse-33 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(33):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-33 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-8.7deg) translate(-254.4508054555px, -13.3352016507px);
  }
}
.tile.message .message-icons .message-icon:nth-child(34) {
  animation: message-icon-disperse-34 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(34):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-34 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-4.9deg) translate(-64.7540819831px, -56.2898646874px);
  }
}
.tile.message .message-icons .message-icon:nth-child(35) {
  animation: message-icon-disperse-35 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(35):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-35 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(6.6deg) translate(180.5165824302px, -80.3711606718px);
  }
}
.tile.message .message-icons .message-icon:nth-child(36) {
  animation: message-icon-disperse-36 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(36):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-36 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(5.8deg) translate(88.1970020003px, -55.1116034803px);
  }
}
.tile.message .message-icons .message-icon:nth-child(37) {
  animation: message-icon-disperse-37 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(37):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-37 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-6.2deg) translate(-195.1314180218px, -103.7532153757px);
  }
}
.tile.message .message-icons .message-icon:nth-child(38) {
  animation: message-icon-disperse-38 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(38):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-38 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(5.4deg) translate(204.0340859814px, -148.2394406282px);
  }
}
.tile.message .message-icons .message-icon:nth-child(39) {
  animation: message-icon-disperse-39 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(39):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-39 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-4.4deg) translate(-126.4278234235px, -130.9198436616px);
  }
}
.tile.message .message-icons .message-icon:nth-child(40) {
  animation: message-icon-disperse-40 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(40):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-40 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-2.5deg) translate(-68.1260637926px, -146.0968152703px);
  }
}
.tile.message .message-icons .message-icon:nth-child(41) {
  animation: message-icon-disperse-41 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(41):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-41 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-10.4deg) translate(-100.9107555327px, 25.1598771424px);
  }
}
.tile.message .message-icons .message-icon:nth-child(42) {
  animation: message-icon-disperse-42 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(42):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-42 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(5.5deg) translate(155.4750580061px, -108.8648076194px);
  }
}
.tile.message .message-icons .message-icon:nth-child(43) {
  animation: message-icon-disperse-43 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(43):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-43 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(7.9deg) translate(204.1784541571px, -39.6882710383px);
  }
}
.tile.message .message-icons .message-icon:nth-child(44) {
  animation: message-icon-disperse-44 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(44):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-44 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-7.6deg) translate(-146.3205955224px, -36.4818218564px);
  }
}
.tile.message .message-icons .message-icon:nth-child(45) {
  animation: message-icon-disperse-45 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(45):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-45 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-3.5deg) translate(-79.0388329292px, -112.879151703px);
  }
}
.tile.message .message-icons .message-icon:nth-child(46) {
  animation: message-icon-disperse-46 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(46):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-46 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(3.2deg) translate(38.5781224362px, -61.7379014002px);
  }
}
.tile.message .message-icons .message-icon:nth-child(47) {
  animation: message-icon-disperse-47 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(47):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-47 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-5.5deg) translate(-155.4750580061px, -108.8648076194px);
  }
}
.tile.message .message-icons .message-icon:nth-child(48) {
  animation: message-icon-disperse-48 15s 0.9s cubic-bezier(0.02, 0.98, 0.01, 0.95) both;
}
.tile.message .message-icons .message-icon:nth-child(48):after {
  display: block;
  position: absolute;
  top: 0;
}
@keyframes message-icon-disperse-48 {
  from {
    transform: none;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: rotate(-3deg) translate(-29.9px, -51.7883191463px);
  }
}

.tile.message.message-scheduled .message-hero-icon, .tile.message.message-scheduled .subtitle, .tile.message.message-scheduled .subtitle-action {
  color: #1FA248;
}
.tile.message.message-scheduled .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #1FA248;
}
.tile.message.message-scheduled .message-hero-icon:before {
  content: "d";
}
.tile.message.message-scheduled .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "d";
}
.tile.message.message-scheduled .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "d";
}
.tile.message.message-scheduled .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "E";
}
.tile.message.message-scheduled .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "E";
}
.tile.message.message-scheduled .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-scheduled .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-scheduled .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-scheduled .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-scheduled .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-scheduled .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-scheduled .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-scheduled .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-scheduled .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-scheduled .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-scheduled .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-scheduled .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-scheduled .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-scheduled .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-scheduled .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-scheduled .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-scheduled .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-scheduled .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-scheduled .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-scheduled .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-scheduled .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-scheduled .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-scheduled .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-scheduled .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.form-confirmation .message-hero-icon, .tile.message.form-confirmation .subtitle, .tile.message.form-confirmation .subtitle-action {
  color: #006FC6;
}
.tile.message.form-confirmation .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #006FC6;
}
.tile.message.form-confirmation .message-hero-icon:before {
  content: "U";
}
.tile.message.form-confirmation .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "U";
}
.tile.message.form-confirmation .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "U";
}
.tile.message.form-confirmation .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "E";
}
.tile.message.form-confirmation .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "E";
}
.tile.message.form-confirmation .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.form-confirmation .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.form-confirmation .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.form-confirmation .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.form-confirmation .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.form-confirmation .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.form-confirmation .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.form-confirmation .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.form-confirmation .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.form-confirmation .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.form-confirmation .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.form-confirmation .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.form-confirmation .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.form-confirmation .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.form-confirmation .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.form-confirmation .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.form-confirmation .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.form-confirmation .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.form-confirmation .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.form-confirmation .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.form-confirmation .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.form-confirmation .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.form-confirmation .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.form-confirmation .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-requested .message-hero-icon, .tile.message.message-requested .subtitle, .tile.message.message-requested .subtitle-action {
  color: #006FC6;
}
.tile.message.message-requested .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #006FC6;
}
.tile.message.message-requested .message-hero-icon:before {
  content: "v";
}
.tile.message.message-requested .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "v";
}
.tile.message.message-requested .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "v";
}
.tile.message.message-requested .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "h";
}
.tile.message.message-requested .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "h";
}
.tile.message.message-requested .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-requested .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-requested .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-requested .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-requested .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-requested .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-requested .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-requested .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-requested .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-requested .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-requested .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-requested .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-requested .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-requested .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-requested .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-requested .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-requested .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-requested .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-requested .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-requested .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-requested .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "v";
}
.tile.message.message-requested .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "v";
}
.tile.message.message-requested .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "h";
}
.tile.message.message-requested .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "h";
}
.tile.message.message-resubmitted .message-hero-icon, .tile.message.message-resubmitted .subtitle, .tile.message.message-resubmitted .subtitle-action {
  color: #E77310;
}
.tile.message.message-resubmitted .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #E77310;
}
.tile.message.message-resubmitted .message-hero-icon:before {
  content: "L";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "L";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "L";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "h";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "h";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "v";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "v";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "h";
}
.tile.message.message-resubmitted .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "h";
}
.tile.message.message-signed-out .message-hero-icon, .tile.message.message-signed-out .subtitle, .tile.message.message-signed-out .subtitle-action {
  color: #1FA248;
}
.tile.message.message-signed-out .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #1FA248;
}
.tile.message.message-signed-out .message-hero-icon:before {
  content: "E";
}
.tile.message.message-signed-out .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "E";
}
.tile.message.message-signed-out .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "E";
}
.tile.message.message-signed-out .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "d";
}
.tile.message.message-signed-out .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "d";
}
.tile.message.message-signed-out .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-signed-out .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-signed-out .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-signed-out .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-signed-out .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-signed-out .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-signed-out .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-signed-out .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-signed-out .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-signed-out .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-signed-out .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-signed-out .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-signed-out .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-signed-out .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-signed-out .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-signed-out .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-signed-out .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-signed-out .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-signed-out .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-signed-out .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-signed-out .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-signed-out .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-signed-out .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-signed-out .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-signed-in .message-hero-icon, .tile.message.message-signed-in .subtitle, .tile.message.message-signed-in .subtitle-action {
  color: #1FA248;
}
.tile.message.message-signed-in .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #1FA248;
}
.tile.message.message-signed-in .message-hero-icon:before {
  content: "j";
}
.tile.message.message-signed-in .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "j";
}
.tile.message.message-signed-in .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "j";
}
.tile.message.message-signed-in .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "d";
}
.tile.message.message-signed-in .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "d";
}
.tile.message.message-signed-in .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-signed-in .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-signed-in .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-signed-in .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-signed-in .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-signed-in .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-signed-in .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-signed-in .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-signed-in .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-signed-in .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-signed-in .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-signed-in .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-signed-in .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-signed-in .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-signed-in .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-signed-in .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-signed-in .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-signed-in .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-signed-in .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-signed-in .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-signed-in .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-signed-in .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-signed-in .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-signed-in .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-checked-in .message-hero-icon, .tile.message.message-checked-in .subtitle, .tile.message.message-checked-in .subtitle-action {
  color: #006FC6;
}
.tile.message.message-checked-in .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #006FC6;
}
.tile.message.message-checked-in .message-hero-icon:before {
  content: "j";
}
.tile.message.message-checked-in .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "j";
}
.tile.message.message-checked-in .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "j";
}
.tile.message.message-checked-in .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "d";
}
.tile.message.message-checked-in .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "d";
}
.tile.message.message-checked-in .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-checked-in .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-checked-in .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-checked-in .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-checked-in .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-checked-in .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-checked-in .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-checked-in .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-checked-in .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-checked-in .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-checked-in .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-checked-in .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-checked-in .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-checked-in .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-checked-in .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-checked-in .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-checked-in .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-checked-in .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-checked-in .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-checked-in .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-checked-in .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-checked-in .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-checked-in .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-checked-in .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-in-transit .message-hero-icon, .tile.message.message-in-transit .subtitle, .tile.message.message-in-transit .subtitle-action {
  color: #ffc43a;
}
.tile.message.message-in-transit .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #ffc43a;
}
.tile.message.message-in-transit .message-hero-icon:before {
  content: "E";
}
.tile.message.message-in-transit .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "E";
}
.tile.message.message-in-transit .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "E";
}
.tile.message.message-in-transit .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "d";
}
.tile.message.message-in-transit .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "d";
}
.tile.message.message-in-transit .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-in-transit .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-in-transit .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-in-transit .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-in-transit .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-in-transit .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-in-transit .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-in-transit .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-in-transit .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-in-transit .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-in-transit .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-in-transit .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-in-transit .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-in-transit .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-in-transit .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-in-transit .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-in-transit .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-in-transit .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-in-transit .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-in-transit .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-in-transit .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-in-transit .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-in-transit .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-in-transit .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-cancelled .message-hero-icon, .tile.message.message-cancelled .subtitle, .tile.message.message-cancelled .subtitle-action {
  color: #DD2D1A;
}
.tile.message.message-cancelled .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #DD2D1A;
}
.tile.message.message-cancelled .message-hero-icon:before {
  content: "f";
}
.tile.message.message-cancelled .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "f";
}
.tile.message.message-cancelled .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "f";
}
.tile.message.message-cancelled .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "e";
}
.tile.message.message-cancelled .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "e";
}
.tile.message.message-cancelled .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-cancelled .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-cancelled .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-cancelled .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-cancelled .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-cancelled .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-cancelled .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-cancelled .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-cancelled .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-cancelled .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-cancelled .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-cancelled .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-cancelled .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-cancelled .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-cancelled .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-cancelled .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-cancelled .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-cancelled .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-cancelled .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-cancelled .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-cancelled .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-cancelled .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-cancelled .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-cancelled .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-deleted .message-hero-icon, .tile.message.message-deleted .subtitle, .tile.message.message-deleted .subtitle-action {
  color: #DD2D1A;
}
.tile.message.message-deleted .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #DD2D1A;
}
.tile.message.message-deleted .message-hero-icon:before {
  content: "u";
}
.tile.message.message-deleted .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "u";
}
.tile.message.message-deleted .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "u";
}
.tile.message.message-deleted .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "f";
}
.tile.message.message-deleted .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "f";
}
.tile.message.message-deleted .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-deleted .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-deleted .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-deleted .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-deleted .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-deleted .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-deleted .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-deleted .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-deleted .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-deleted .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-deleted .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-deleted .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-deleted .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-deleted .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-deleted .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-deleted .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-deleted .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-deleted .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-deleted .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-deleted .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-deleted .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-deleted .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-deleted .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-deleted .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-edited .message-hero-icon, .tile.message.message-edited .subtitle, .tile.message.message-edited .subtitle-action {
  color: #006FC6;
}
.tile.message.message-edited .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #006FC6;
}
.tile.message.message-edited .message-hero-icon:before {
  content: "d";
}
.tile.message.message-edited .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "d";
}
.tile.message.message-edited .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "d";
}
.tile.message.message-edited .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "N";
}
.tile.message.message-edited .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "N";
}
.tile.message.message-edited .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-edited .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-edited .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-edited .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-edited .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-edited .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-edited .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-edited .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-edited .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-edited .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-edited .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-edited .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-edited .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-edited .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-edited .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-edited .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-edited .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-edited .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-edited .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-edited .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-edited .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-edited .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-edited .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-edited .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-created .message-hero-icon, .tile.message.message-created .subtitle, .tile.message.message-created .subtitle-action {
  color: #006FC6;
}
.tile.message.message-created .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #006FC6;
}
.tile.message.message-created .message-hero-icon:before {
  content: "d";
}
.tile.message.message-created .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "d";
}
.tile.message.message-created .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "d";
}
.tile.message.message-created .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "a";
}
.tile.message.message-created .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "a";
}
.tile.message.message-created .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-created .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-created .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-created .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-created .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-created .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-created .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-created .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-created .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-created .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-created .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-created .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-created .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-created .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-created .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-created .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-created .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-created .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-created .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-created .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-created .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-created .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-created .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-created .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-password-changed .message-hero-icon, .tile.message.message-password-changed .subtitle, .tile.message.message-password-changed .subtitle-action {
  color: #1FA248;
}
.tile.message.message-password-changed .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #1FA248;
}
.tile.message.message-password-changed .message-hero-icon:before {
  content: "P";
}
.tile.message.message-password-changed .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "P";
}
.tile.message.message-password-changed .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "P";
}
.tile.message.message-password-changed .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "d";
}
.tile.message.message-password-changed .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "d";
}
.tile.message.message-password-changed .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-password-changed .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-password-changed .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-password-changed .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-password-changed .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-password-changed .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-password-changed .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-password-changed .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-password-changed .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-password-changed .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-password-changed .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-password-changed .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-password-changed .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-password-changed .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-password-changed .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-password-changed .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-password-changed .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-password-changed .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-password-changed .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-password-changed .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-password-changed .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-password-changed .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-password-changed .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-password-changed .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-contact .message-hero-icon, .tile.message.message-contact .subtitle, .tile.message.message-contact .subtitle-action {
  color: #1FA248;
}
.tile.message.message-contact .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #1FA248;
}
.tile.message.message-contact .message-hero-icon:before {
  content: "i";
}
.tile.message.message-contact .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "i";
}
.tile.message.message-contact .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "i";
}
.tile.message.message-contact .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "d";
}
.tile.message.message-contact .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "d";
}
.tile.message.message-contact .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-contact .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-contact .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-contact .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-contact .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-contact .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-contact .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-contact .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-contact .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-contact .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-contact .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-contact .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-contact .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-contact .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-contact .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-contact .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-contact .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-contact .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-contact .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-contact .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-contact .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-contact .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-contact .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-contact .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-opt-out .message-hero-icon, .tile.message.message-opt-out .subtitle, .tile.message.message-opt-out .subtitle-action {
  color: #006FC6;
}
.tile.message.message-opt-out .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #006FC6;
}
.tile.message.message-opt-out .message-hero-icon:before {
  content: "y";
}
.tile.message.message-opt-out .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "y";
}
.tile.message.message-opt-out .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "y";
}
.tile.message.message-opt-out .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "h";
}
.tile.message.message-opt-out .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "h";
}
.tile.message.message-opt-out .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-opt-out .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-opt-out .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-opt-out .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-opt-out .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-opt-out .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-opt-out .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-opt-out .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-opt-out .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-opt-out .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-opt-out .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-opt-out .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-opt-out .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-opt-out .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-opt-out .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-opt-out .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-opt-out .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-opt-out .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-opt-out .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-opt-out .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-opt-out .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "y";
}
.tile.message.message-opt-out .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "y";
}
.tile.message.message-opt-out .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "h";
}
.tile.message.message-opt-out .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "h";
}
.tile.message.message-confirmation .message-hero-icon, .tile.message.message-confirmation .subtitle, .tile.message.message-confirmation .subtitle-action {
  color: #DD2D1A;
}
.tile.message.message-confirmation .message-icon:nth-child(n+1):nth-child(-n+13) {
  color: #DD2D1A;
}
.tile.message.message-confirmation .message-hero-icon:before {
  content: "O";
}
.tile.message.message-confirmation .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "O";
}
.tile.message.message-confirmation .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "O";
}
.tile.message.message-confirmation .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "g";
}
.tile.message.message-confirmation .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "g";
}
.tile.message.message-confirmation .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "t";
}
.tile.message.message-confirmation .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "t";
}
.tile.message.message-confirmation .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "e";
}
.tile.message.message-confirmation .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "e";
}
.tile.message.message-confirmation .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "p";
}
.tile.message.message-confirmation .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "p";
}
.tile.message.message-confirmation .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "z";
}
.tile.message.message-confirmation .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "z";
}
.tile.message.message-confirmation .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "q";
}
.tile.message.message-confirmation .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "q";
}
.tile.message.message-confirmation .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "b";
}
.tile.message.message-confirmation .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "b";
}
.tile.message.message-confirmation .message-icon:nth-child(n+32):nth-child(-n+34):before {
  content: "k";
}
.tile.message.message-confirmation .message-icon:nth-child(n+42):nth-child(-n+44):before {
  content: "k";
}
.tile.message.message-confirmation .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.message-confirmation .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.message-confirmation .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "j";
}
.tile.message.message-confirmation .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "j";
}
.tile.message.message-confirmation .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "m";
}
.tile.message.message-confirmation .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "m";
}
.tile.message.message-confirmation .message-icon:nth-child(n+44):nth-child(-n+46):before {
  content: "d";
}
.tile.message.message-confirmation .message-icon:nth-child(n+54):nth-child(-n+56):before {
  content: "d";
}
.tile.message.message-confirmation .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "E";
}
.tile.message.message-confirmation .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "E";
}
.tile.message.message-confirmation .subtitle, .tile.message.message-confirmation .subtitle-action, .tile.message.message-confirmation .message-icon, .tile.message.message-confirmation .message-hero-icon {
  animation-duration: 0.01s !important;
  animation-delay: 0s !important;
}
.tile.message.submit-survey-completed {
  padding: 0;
  position: relative;
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+1):nth-child(-n+8) {
  color: #FF8000;
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+9):nth-child(-n+16) {
  color: #0376D9;
}
.tile.message.submit-survey-completed .message-hero-icon:before {
  content: "4";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+1):nth-child(-n+4):before {
  content: "4";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+7):nth-child(-n+10):before {
  content: "4";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+5):nth-child(-n+6):before {
  content: "E";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+11):nth-child(-n+13):before {
  content: "E";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+14):nth-child(-n+16):before {
  content: "4";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+24):nth-child(-n+26):before {
  content: "4";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+17):nth-child(-n+19):before {
  content: "E";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+27):nth-child(-n+29):before {
  content: "E";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+20):nth-child(-n+22):before {
  content: "E";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+30):nth-child(-n+32):before {
  content: "E";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+23):nth-child(-n+25):before {
  content: "E";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+33):nth-child(-n+35):before {
  content: "E";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+26):nth-child(-n+28):before {
  content: "p";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+36):nth-child(-n+38):before {
  content: "p";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+29):nth-child(-n+31):before {
  content: "k";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+39):nth-child(-n+41):before {
  content: "k";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+35):nth-child(-n+37):before {
  content: "i";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+45):nth-child(-n+47):before {
  content: "i";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+38):nth-child(-n+40):before {
  content: "p";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+48):nth-child(-n+50):before {
  content: "p";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+41):nth-child(-n+43):before {
  content: "k";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+51):nth-child(-n+53):before {
  content: "k";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+47):nth-child(-n+49):before {
  content: "i";
}
.tile.message.submit-survey-completed .message-icon:nth-child(n+57):nth-child(-n+59):before {
  content: "i";
}

html {
  background-color: #002744;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.app {
  position: relative;
}

.tiles {
  max-width: 500px;
  padding: 0 30px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 100vh;
}
@media (max-width: 767px) {
  .tiles {
    padding: 0 15px;
  }
}
@media (max-width: 374px) {
  .tiles {
    padding-left: 0;
    padding-right: 0;
  }
}
.tiles .tile:first-child {
  margin-top: 50px;
}
.tiles .tile:last-child {
  margin-bottom: 50px;
}

.tile {
  border-color: transparent;
  box-shadow: 0px 2px 2px 0px rgba(0, 117, 191, 0.08), -2px 6px 13px 5px rgba(10, 139, 220, 0.09);
}

.flick-sheets:before {
  content: "";
  display: none;
  height: 80px;
  margin-top: 15px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.flick-sheets .flick-sheet {
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.flick-sheets .flick-sheet-enter {
  position: relative;
  z-index: 2;
}
.flick-sheets .flick-sheet-exit {
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 374px) {
  .flick-sheets .flick-sheet-exit {
    left: 0;
    right: 0;
  }
}
.flick-sheets .flick-sheet .form {
  position: relative;
  top: 0;
}
.flick-sheets.next .flick-sheet-enter .form {
  transition-delay: 0.1s;
  animation: form-entry-animation 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) both;
}
@keyframes form-entry-animation {
  from {
    tranform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.flick-sheets.next .flick-sheet-exit {
  opacity: 0;
}
.flick-sheets.next .flick-sheet-exit .form {
  animation: form-exit-animation 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) both;
}
@keyframes form-exit-animation {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(50px);
    opacity: 0;
  }
}
.flick-sheets.prev .flick-sheet-enter .form {
  transition-delay: 0.1s;
  animation: form-entry-animation 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) both;
}
@keyframes form-entry-animation {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
.flick-sheets.prev .flick-sheet-exit {
  opacity: 0;
}
.flick-sheets.prev .flick-sheet-exit .form {
  animation: form-exit-animation 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) both;
}
@keyframes form-exit-animation {
  from {
    transform: translateY(0px);
    opacity: 1;
  }
  to {
    transform: translateY(50px);
    opacity: 0;
  }
}

.multi-page {
  position: relative;
}
.multi-page .move-page {
  position: relative;
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.multi-page .move-page-enter {
  animation: move-enter-next 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) both;
}
@keyframes move-enter-next {
  from {
    transform: translateX(105%);
  }
  to {
    transform: translateX(0%);
  }
}
.multi-page .move-page-exit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateX(-105%);
}
.multi-page.prev .move-page-enter {
  animation: move-enter-prev 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) both;
}
@keyframes move-enter-prev {
  from {
    transform: translateX(-105%);
  }
  to {
    transform: translateX(0%);
  }
}
.multi-page.prev .move-page-exit {
  transform: translateX(105%);
}

.tile .section-title + .logo {
  margin-top: 15px;
}

.tile .logo {
  background-position: 0;
  margin: 0px auto 20px;
  position: relative;
}
.tile .logo {
  width: 160px;
  height: 100px;
  background-image: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/images/orah-logo-login.3bfffb74.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.5s ease-in;
}
.tile .logo .loading-indicator {
  top: auto;
  bottom: 10px;
}
.tile .logo.login-logo {
  background-image: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/images/orah-logo.6cd6699e.svg);
  margin: 0px auto 15px;
  transition: all 0.5s ease-in;
}
.tile.welcome .logo {
  display: none;
}

.tiles .signup-logo {
  width: 100%;
  height: 100px;
  background-image: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/images/orah-logo-login.3bfffb74.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.5s ease-in;
  margin: 25px 0;
}
.tiles .signup-logo + .tile .note, .tiles .signup-logo + .tile .note-action {
  margin-bottom: 10px;
}

.tile.welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
}
.tile.welcome .note, .tile.welcome .note-action {
  margin-bottom: 13px;
  text-align: center;
}
.tile.welcome .note:nth-last-child(2), .tile.welcome .note-action:nth-last-child(2) {
  margin-bottom: 0;
}
.tile.welcome .buttons {
  margin-top: 20px;
}

.tile.error .logo + .subtitle, .tile.error .logo + .subtitle-action {
  margin-top: 5px;
}
.tile.error .subtitle, .tile.error .subtitle-action {
  margin: 10px 0;
  text-align: center;
}
.tile.error .buttons {
  margin-top: 10px;
}

.tile.information > .note, .tile.information > .note-action {
  text-align: center;
}
.tile.information h1 {
  margin: 1em 0 0.6em;
}
.tile.information .security-disclaimer {
  display: flex;
  margin-bottom: 22px;
}
.tile.information .security-disclaimer i, .tile.information .security-disclaimer .form .form-field .field-label:before, .form .form-field .tile.information .security-disclaimer .field-label:before {
  font-size: 24px;
  margin-right: 18px;
  margin-top: 14px;
}
.tile.information .security-disclaimer i.tick, .tile.information .security-disclaimer .form .form-field .tick.field-label:before, .form .form-field .tile.information .security-disclaimer .tick.field-label:before {
  color: #1FA248;
}
.tile.information .security-disclaimer i.cross, .tile.information .security-disclaimer .form .form-field .cross.field-label:before, .form .form-field .tile.information .security-disclaimer .cross.field-label:before {
  color: #DD2D1A;
}

.tile.agreements .field-label:before {
  width: 0;
  margin: 0;
}

.note strong, .note-action strong {
  color: #565968;
  font-weight: 600;
}

.page-indicator-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 4px;
}

.page-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #6B728B;
  margin-left: 8px;
  cursor: pointer;
}
.page-indicator:first-child() {
  margin-left: 0px;
}

.page-indicator.active {
  background: #006FC6;
  border-color: #006FC6;
}

.login .tile {
  max-width: 392px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  width: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
  margin-top: 0px !important;
}
.login .tile .form {
  background: white;
  border-radius: 5px;
  padding: 8px 15px;
  box-shadow: 0 1px 1px 0px rgba(0, 30, 49, 0.01), 0 4px 10px 0 rgba(0, 64, 104, 0.04);
  overflow: hidden;
  position: relative;
  transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, opacity 0.15s;
}
.login .tile .form.reset-password h1 {
  color: #002744;
  font-size: 17px;
}
.login .tile .form.reset-password p {
  margin-bottom: 15px;
  color: #9D9D9D;
}
.login .tile .form-field {
  border: none;
}
.login .tile .form-field .label {
  color: #555555;
}
.login .tile .form-field.remove-label .field-label .label {
  display: none;
}
.login .tile .form-field.remove-label .field-label .static-value {
  color: #7B7B7B;
  padding-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login .buttons {
  margin-right: 0;
  margin-top: 20px;
  width: 100%;
  display: block;
}
.login .buttons .login-btn {
  background: #43698B;
  color: white;
  font-size: 14px;
  padding: 14px;
  border-radius: 5px;
  width: 100%;
}
.login .buttons .login-btn:hover {
  transform: none;
}
.login .buttons .login-btn:not(:disabled):hover, .login .buttons .login-btn:not(:disabled):focus {
  background: #66839E;
}
.login .buttons .login-btn:disabled {
  background: #90A5B9;
}
.login .buttons .login-btn.btn-loading {
  position: relative;
  height: 45px;
}
.login .buttons .login-btn.btn-loading .login-btn-spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: calc(50% + 12px);
  left: calc(50% + 12px);
  margin: -25px 0 0 -25px;
  width: 25px;
  height: 25px;
}
.login .buttons .login-btn.btn-loading .login-btn-spinner .path {
  stroke: white;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.login .buttons a {
  text-align: center;
}
.login .buttons .note, .login .buttons .note-action {
  padding: 20px 25px;
  color: #F5F5F5;
}
.login .form-field:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.login .form .form-field .label .error-message {
  white-space: normal;
}
.login p {
  text-align: center;
}
.login.error-sheet .tile.error {
  display: block;
}
.login.error-sheet .tile.error .subtitle, .login.error-sheet .tile.error .subtitle-action {
  margin: 20px 0;
}
.login.error-sheet .form .subtile {
  color: #002744;
  font-size: 17px;
}
.login.error-sheet .form .note, .login.error-sheet .form .note-action {
  margin-bottom: 15px;
  color: #9D9D9D;
}

.footer-copyright {
  color: #9D9D9D;
  font-size: 11px;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}

.tile.forgot-confirmation p {
  text-align: center;
}

.hidden-password {
  position: absolute;
  top: -30px;
  visibility: hidden;
}

.language-switcher {
  cursor: pointer;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  margin-top: 28px;
}
.language-switcher .selected-language {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./assets/css/styles/fonts.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-light.4a146d1d.otf);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-light-italic.2b753705.otf);
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-regular.d5878d9c.otf);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-regular.d5878d9c.otf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-regular.d5878d9c.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-regular.d5878d9c.otf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-regular-italic.0ab8d232.otf);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-regular-italic.0ab8d232.otf);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-regular-italic.0ab8d232.otf);
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-regular-italic.0ab8d232.otf);
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-medium.5b20abb3.otf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Sofia Pro";
  src: url(https://preview-jh4nbw.bunnyenv.com/static/public-app/fonts/sofia-pro-medium-italic.160504e0.otf);
  font-weight: 600;
  font-style: italic;
}