@keyframes showMessage {
  0% {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
  }
  15% {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
  }
  85% {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
  }
}
.message__container {
  text-align: center;
  font-size: 1.0666666667em;
  font-weight: 600;
}

.message {
  display: block;
  padding: 0.75em 1.125em;
  color: white;
  line-height: 1.3;
  border-radius: 6px;
}
.message .text--color {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
}
.message + .message {
  margin-top: 8px;
}

.message__container--global {
  position: fixed;
  right: 25px;
  top: 25px;
  right: 25px;
  width: calc(100% - 50px);
  max-width: 320px;
  z-index: 25;
  text-align: left;
  pointer-events: none;
}
.message__container--global .message {
  opacity: 0;
  font-size: 0.875em;
  padding: 1.1428571429em;
  font-weight: 500;
  color: var(--color-grey-text);
  box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 8px;
  animation: 4.5s showMessage 0s ease-in-out forwards;
}
.message__container--global .message:nth-child(1) {
  animation-delay: 0.45s;
}
.message__container--global .message:nth-child(2) {
  animation-delay: 0.75s;
}
.message__container--global .message:nth-child(3) {
  animation-delay: 1.05s;
}
.message__container--global .message:nth-child(4) {
  animation-delay: 1.35s;
}
.message__container--global .message:nth-child(5) {
  animation-delay: 1.65s;
}
.message__container--global .message:nth-child(6) {
  animation-delay: 1.95s;
}
.message__container--global .message:nth-child(7) {
  animation-delay: 2.25s;
}
.message__container--global .message:nth-child(8) {
  animation-delay: 2.55s;
}
.message__container--global .message:nth-child(9) {
  animation-delay: 2.85s;
}
.message__container--global .message:nth-child(10) {
  animation-delay: 3.15s;
}
.message__container--global .message:nth-child(11) {
  animation-delay: 3.45s;
}
.message__container--global .message:nth-child(12) {
  animation-delay: 3.75s;
}
.message__container--global .message:nth-child(13) {
  animation-delay: 4.05s;
}
.message__container--global .message:nth-child(14) {
  animation-delay: 4.35s;
}
.message__container--global .message:nth-child(15) {
  animation-delay: 4.65s;
}
.message__container--global .message:nth-child(16) {
  animation-delay: 4.95s;
}
.message__container--global .message:nth-child(17) {
  animation-delay: 5.25s;
}
.message__container--global .message:nth-child(18) {
  animation-delay: 5.55s;
}
.message__container--global .message:nth-child(19) {
  animation-delay: 5.85s;
}
.message__container--global .message:nth-child(20) {
  animation-delay: 6.15s;
}
.message__container--global .message:nth-child(21) {
  animation-delay: 6.45s;
}
.message__container--global .message:nth-child(22) {
  animation-delay: 6.75s;
}
.message__container--global .message:nth-child(23) {
  animation-delay: 7.05s;
}
.message__container--global .message:nth-child(24) {
  animation-delay: 7.35s;
}
.message__container--global .message:nth-child(25) {
  animation-delay: 7.65s;
}
.message__container--global .message:nth-child(26) {
  animation-delay: 7.95s;
}
.message__container--global .message:nth-child(27) {
  animation-delay: 8.25s;
}
.message__container--global .message:nth-child(28) {
  animation-delay: 8.55s;
}
.message__container--global .message:nth-child(29) {
  animation-delay: 8.85s;
}
.message__container--global .message:nth-child(30) {
  animation-delay: 9.15s;
}
.message__container--global .message:nth-child(31) {
  animation-delay: 9.45s;
}
.message__container--global .message:nth-child(32) {
  animation-delay: 9.75s;
}
.message__container--global .message:nth-child(33) {
  animation-delay: 10.05s;
}
.message__container--global .message:nth-child(34) {
  animation-delay: 10.35s;
}
.message__container--global .message:nth-child(35) {
  animation-delay: 10.65s;
}
.message__container--global .message:nth-child(36) {
  animation-delay: 10.95s;
}
.message__container--global .message:nth-child(37) {
  animation-delay: 11.25s;
}
.message__container--global .message:nth-child(38) {
  animation-delay: 11.55s;
}
.message__container--global .message:nth-child(39) {
  animation-delay: 11.85s;
}
.message__container--global .message:nth-child(40) {
  animation-delay: 12.15s;
}
.message__container--global .message:nth-child(41) {
  animation-delay: 12.45s;
}
.message__container--global .message:nth-child(42) {
  animation-delay: 12.75s;
}
.message__container--global .message:nth-child(43) {
  animation-delay: 13.05s;
}
.message__container--global .message:nth-child(44) {
  animation-delay: 13.35s;
}
.message__container--global .message:nth-child(45) {
  animation-delay: 13.65s;
}
.message__container--global .message:nth-child(46) {
  animation-delay: 13.95s;
}
.message__container--global .message:nth-child(47) {
  animation-delay: 14.25s;
}
.message__container--global .message:nth-child(48) {
  animation-delay: 14.55s;
}
.message__container--global .message:nth-child(49) {
  animation-delay: 14.85s;
}
.message__container--global .message:nth-child(50) {
  animation-delay: 15.15s;
}
.message__container--global .message:nth-child(51) {
  animation-delay: 15.45s;
}
.message__container--global .message:nth-child(52) {
  animation-delay: 15.75s;
}
.message__container--global .message:nth-child(53) {
  animation-delay: 16.05s;
}
.message__container--global .message:nth-child(54) {
  animation-delay: 16.35s;
}
.message__container--global .message:nth-child(55) {
  animation-delay: 16.65s;
}
.message__container--global .message:nth-child(56) {
  animation-delay: 16.95s;
}
.message__container--global .message:nth-child(57) {
  animation-delay: 17.25s;
}
.message__container--global .message:nth-child(58) {
  animation-delay: 17.55s;
}
.message__container--global .message:nth-child(59) {
  animation-delay: 17.85s;
}
.message__container--global .message:nth-child(60) {
  animation-delay: 18.15s;
}
.message__container--global .message:nth-child(61) {
  animation-delay: 18.45s;
}
.message__container--global .message:nth-child(62) {
  animation-delay: 18.75s;
}
.message__container--global .message:nth-child(63) {
  animation-delay: 19.05s;
}
.message__container--global .message:nth-child(64) {
  animation-delay: 19.35s;
}
.message__container--global .message:nth-child(65) {
  animation-delay: 19.65s;
}
.message__container--global .message:nth-child(66) {
  animation-delay: 19.95s;
}
.message__container--global .message:nth-child(67) {
  animation-delay: 20.25s;
}
.message__container--global .message:nth-child(68) {
  animation-delay: 20.55s;
}
.message__container--global .message:nth-child(69) {
  animation-delay: 20.85s;
}
.message__container--global .message:nth-child(70) {
  animation-delay: 21.15s;
}
.message__container--global .message:nth-child(71) {
  animation-delay: 21.45s;
}
.message__container--global .message:nth-child(72) {
  animation-delay: 21.75s;
}
.message__container--global .message:nth-child(73) {
  animation-delay: 22.05s;
}
.message__container--global .message:nth-child(74) {
  animation-delay: 22.35s;
}
.message__container--global .message:nth-child(75) {
  animation-delay: 22.65s;
}
.message__container--global .message:nth-child(76) {
  animation-delay: 22.95s;
}
.message__container--global .message:nth-child(77) {
  animation-delay: 23.25s;
}
.message__container--global .message:nth-child(78) {
  animation-delay: 23.55s;
}
.message__container--global .message:nth-child(79) {
  animation-delay: 23.85s;
}
.message__container--global .message:nth-child(80) {
  animation-delay: 24.15s;
}
.message__container--global .message:nth-child(81) {
  animation-delay: 24.45s;
}
.message__container--global .message:nth-child(82) {
  animation-delay: 24.75s;
}
.message__container--global .message:nth-child(83) {
  animation-delay: 25.05s;
}
.message__container--global .message:nth-child(84) {
  animation-delay: 25.35s;
}
.message__container--global .message:nth-child(85) {
  animation-delay: 25.65s;
}
.message__container--global .message:nth-child(86) {
  animation-delay: 25.95s;
}
.message__container--global .message:nth-child(87) {
  animation-delay: 26.25s;
}
.message__container--global .message:nth-child(88) {
  animation-delay: 26.55s;
}
.message__container--global .message:nth-child(89) {
  animation-delay: 26.85s;
}
.message__container--global .message:nth-child(90) {
  animation-delay: 27.15s;
}
.message__container--global .message:nth-child(91) {
  animation-delay: 27.45s;
}
.message__container--global .message:nth-child(92) {
  animation-delay: 27.75s;
}
.message__container--global .message:nth-child(93) {
  animation-delay: 28.05s;
}
.message__container--global .message:nth-child(94) {
  animation-delay: 28.35s;
}
.message__container--global .message:nth-child(95) {
  animation-delay: 28.65s;
}
.message__container--global .message:nth-child(96) {
  animation-delay: 28.95s;
}
.message__container--global .message:nth-child(97) {
  animation-delay: 29.25s;
}
.message__container--global .message:nth-child(98) {
  animation-delay: 29.55s;
}
.message__container--global .message:nth-child(99) {
  animation-delay: 29.85s;
}
.message__container--global .message:nth-child(100) {
  animation-delay: 30.15s;
}
.message__container--global .message:nth-child(101) {
  animation-delay: 30.45s;
}
.message__container--global .message:nth-child(102) {
  animation-delay: 30.75s;
}
.message__container--global .message:nth-child(103) {
  animation-delay: 31.05s;
}
.message__container--global .message:nth-child(104) {
  animation-delay: 31.35s;
}
.message__container--global .message:nth-child(105) {
  animation-delay: 31.65s;
}
.message__container--global .message:nth-child(106) {
  animation-delay: 31.95s;
}
.message__container--global .message:nth-child(107) {
  animation-delay: 32.25s;
}
.message__container--global .message:nth-child(108) {
  animation-delay: 32.55s;
}
.message__container--global .message:nth-child(109) {
  animation-delay: 32.85s;
}
.message__container--global .message:nth-child(110) {
  animation-delay: 33.15s;
}
.message__container--global .message:nth-child(111) {
  animation-delay: 33.45s;
}
.message__container--global .message:nth-child(112) {
  animation-delay: 33.75s;
}
.message__container--global .message:nth-child(113) {
  animation-delay: 34.05s;
}
.message__container--global .message:nth-child(114) {
  animation-delay: 34.35s;
}
.message__container--global .message:nth-child(115) {
  animation-delay: 34.65s;
}
.message__container--global .message:nth-child(116) {
  animation-delay: 34.95s;
}
.message__container--global .message:nth-child(117) {
  animation-delay: 35.25s;
}
.message__container--global .message:nth-child(118) {
  animation-delay: 35.55s;
}
.message__container--global .message:nth-child(119) {
  animation-delay: 35.85s;
}
.message__container--global .message:nth-child(120) {
  animation-delay: 36.15s;
}
.message__container--global .message__duration--6 {
  animation-duration: 6s;
}
.message__container--global .message__duration--7 {
  animation-duration: 7s;
}
.message__container--global .message__duration--8 {
  animation-duration: 8s;
}
.message__container--global .message__duration--9 {
  animation-duration: 9s;
}
.message__container--global .message__duration--10 {
  animation-duration: 10s;
}
.message__container--global .message__duration--11 {
  animation-duration: 11s;
}
.message__container--global .message__duration--12 {
  animation-duration: 12s;
}
.message__container--global .message__duration--13 {
  animation-duration: 13s;
}
.message__container--global .message__duration--14 {
  animation-duration: 14s;
}
.message__container--global .message__duration--15 {
  animation-duration: 15s;
}
.message__container--global .message--error {
  border-left: 4px solid #fdbcbc;
}
.message__container--global .message--error .text--color {
  color: #f92727;
}
.message__container--global .message--success {
  border-left: 4px solid #a0f18f;
}
.message__container--global .message--success .text--color {
  color: #2ea915;
}
.message__container--global .message--info {
  border-left: 4px solid #b2d4ee;
}
.message__container--global .message--info .text--color {
  color: #2a81c3;
}
.message__container--global .message--warning {
  border-left: 4px solid #ffdb99;
}
.message__container--global .message--warning .text--color {
  color: #cc8400;
}

.message__container--form {
  font-size: 0.9333333333em;
  margin-bottom: 1.2857142857em;
}
.message__container--form .message--error {
  background: #ffeeee;
  color: #f92727;
}
.message__container--form .message--success {
  background: #cef8c5;
  color: #2ea915;
}
.message__container--form .message--warning {
  background: #ffedcc;
  color: #cc8400;
}
.message__container--form .message--info {
  background: #f3f3f3;
  color: gray;
}

.input--error {
  border-color: #fda3a3 !important;
}
.input--error:focus {
  border-color: #f92727 !important;
}

.input__error {
  color: #f92727;
}
.input__error > p {
  margin-top: 4px;
}

.form__label--error {
  color: #f92727;
}
