/* Start animation */
.is-background {
  transition: opacity 700ms linear 200ms, transform 700ms ease 200ms;
}
.logo {
  transition: opacity 300ms linear 200ms, transform 400ms ease 200ms;
}
body.initial-load .is-background, body.initial-load .logo, body.initial-load .client-logo, body.initial-load form li {
  transition: none !important;
  transition-delay: 0s !important;
}
body.initial-load .is-background {
  opacity: 0 !important;
  transform: scale3d(0.975, 0.975, 1);
}
body.initial-load .logo {
  opacity: 0 !important;
  transform: translate3d(0, 10px, 0);
}
body.initial-load .corner-profile .profile-avatar, body.initial-load .corner-profile .profile-name {
  opacity: 0;
  transform: translateY(-5px);
}
.input-blocks .input-block-item {
  transition: opacity 0.25s linear, transform 0.4s ease;
}
.input-blocks .input-block-item:nth-child(1) {
  transition-delay: 0.5s;
}
.input-blocks .input-block-item:nth-child(2) {
  transition-delay: 0.57s;
}
.input-blocks .input-block-item:nth-child(3) {
  transition-delay: 0.63s;
}
.input-blocks .input-block-item:nth-child(4) {
  transition-delay: 0.68s;
}
.input-blocks .input-block-item:nth-child(5) {
  transition-delay: 0.72s;
}
.input-blocks .input-block-item:nth-child(6) {
  transition-delay: 0.75s;
}
.is-loading .input-blocks .input-block-item {
  opacity: 0;
  transform: scale3d(0.9, 0.9, 1) translate3d(0, 5px, 0);
}
.verification-message-panel.message-animation .verification-resend {
  animation: verification-message-resend 2.5s ease;
}
.verification-message-panel.message-animation .verification-message {
  animation: verification-message-message 2.5s ease;
}
@keyframes verification-message-resend {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  15% {
    opacity: 0;
    transform: translateY(-5px);
  }
  85% {
    opacity: 0;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes verification-message-message {
  5% {
    opacity: 0;
    transform: translateY(5px);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 0;
    transform: translateY(-5px);
  }
}
.picker-items .picker-item {
  transition: opacity 0.3s linear, transform 0.4s ease;
}
.is-unloading .picker-items {
  opacity: 0;
  transform: scale3d(0.9, 0.9, 1);
  pointer-events: none;
}
form:not(.is-visible) .picker-items .picker-item {
  opacity: 0;
  transform: translate3d(-10px, 0, 0) scale3d(0.9, 0.9, 1);
}
@media (min-width: 1451px) {
  .picker-items .picker-item:nth-child(19) {
    transition-delay: 0ms;
  }
  .picker-items .picker-item:nth-child(13), .picker-items .picker-item:nth-child(20) {
    transition-delay: 100ms;
  }
  .picker-items .picker-item:nth-child(7), .picker-items .picker-item:nth-child(14), .picker-items .picker-item:nth-child(21) {
    transition-delay: 190ms;
  }
  .picker-items .picker-item:nth-child(1), .picker-items .picker-item:nth-child(8), .picker-items .picker-item:nth-child(15), .picker-items .picker-item:nth-child(22) {
    transition-delay: 270ms;
  }
  .picker-items .picker-item:nth-child(2), .picker-items .picker-item:nth-child(9), .picker-items .picker-item:nth-child(16), .picker-items .picker-item:nth-child(23) {
    transition-delay: 340ms;
  }
  .picker-items .picker-item:nth-child(3), .picker-items .picker-item:nth-child(10), .picker-items .picker-item:nth-child(17), .picker-items .picker-item:nth-child(24) {
    transition-delay: 400ms;
  }
  .picker-items .picker-item:nth-child(4), .picker-items .picker-item:nth-child(11), .picker-items .picker-item:nth-child(18) {
    transition-delay: 450ms;
  }
  .picker-items .picker-item:nth-child(5), .picker-items .picker-item:nth-child(12) {
    transition-delay: 490ms;
  }
  .picker-items .picker-item:nth-child(6) {
    transition-delay: 520ms;
  }
}
@media (min-width: 1025px) and (max-width: 1451px) {
  .picker-items .picker-item:nth-child(21) {
    transition-delay: 0ms;
  }
  .picker-items .picker-item:nth-child(16), .picker-items .picker-item:nth-child(22) {
    transition-delay: 100ms;
  }
  .picker-items .picker-item:nth-child(11), .picker-items .picker-item:nth-child(17), .picker-items .picker-item:nth-child(23) {
    transition-delay: 190ms;
  }
  .picker-items .picker-item:nth-child(6), .picker-items .picker-item:nth-child(12), .picker-items .picker-item:nth-child(18), .picker-items .picker-item:nth-child(24) {
    transition-delay: 270ms;
  }
  .picker-items .picker-item:nth-child(1), .picker-items .picker-item:nth-child(7), .picker-items .picker-item:nth-child(13), .picker-items .picker-item:nth-child(19) {
    transition-delay: 340ms;
  }
  .picker-items .picker-item:nth-child(2), .picker-items .picker-item:nth-child(8), .picker-items .picker-item:nth-child(14), .picker-items .picker-item:nth-child(20) {
    transition-delay: 400ms;
  }
  .picker-items .picker-item:nth-child(3), .picker-items .picker-item:nth-child(9), .picker-items .picker-item:nth-child(15) {
    transition-delay: 450ms;
  }
  .picker-items .picker-item:nth-child(4), .picker-items .picker-item:nth-child(10) {
    transition-delay: 490ms;
  }
  .picker-items .picker-item:nth-child(5) {
    transition-delay: 520ms;
  }
}
@media (min-width: 776px) and (max-width: 1024px) {
  .picker-items .picker-item:nth-child(21) {
    transition-delay: 0ms;
  }
  .picker-items .picker-item:nth-child(17), .picker-items .picker-item:nth-child(22) {
    transition-delay: 100ms;
  }
  .picker-items .picker-item:nth-child(13), .picker-items .picker-item:nth-child(18), .picker-items .picker-item:nth-child(23) {
    transition-delay: 190ms;
  }
  .picker-items .picker-item:nth-child(9), .picker-items .picker-item:nth-child(14), .picker-items .picker-item:nth-child(19), .picker-items .picker-item:nth-child(24) {
    transition-delay: 270ms;
  }
  .picker-items .picker-item:nth-child(5), .picker-items .picker-item:nth-child(10), .picker-items .picker-item:nth-child(15), .picker-items .picker-item:nth-child(20) {
    transition-delay: 340ms;
  }
  .picker-items .picker-item:nth-child(1), .picker-items .picker-item:nth-child(6), .picker-items .picker-item:nth-child(11), .picker-items .picker-item:nth-child(16) {
    transition-delay: 400ms;
  }
  .picker-items .picker-item:nth-child(2), .picker-items .picker-item:nth-child(7), .picker-items .picker-item:nth-child(12) {
    transition-delay: 450ms;
  }
  .picker-items .picker-item:nth-child(3), .picker-items .picker-item:nth-child(8) {
    transition-delay: 490ms;
  }
  .picker-items .picker-item:nth-child(4) {
    transition-delay: 520ms;
  }
}
@media (min-width: 551px) and (max-width: 1024px) {
  .picker-items .picker-item:nth-child(22) {
    transition-delay: 0ms;
  }
  .picker-items .picker-item:nth-child(19), .picker-items .picker-item:nth-child(23) {
    transition-delay: 100ms;
  }
  .picker-items .picker-item:nth-child(16), .picker-items .picker-item:nth-child(20), .picker-items .picker-item:nth-child(24) {
    transition-delay: 190ms;
  }
  .picker-items .picker-item:nth-child(13), .picker-items .picker-item:nth-child(17), .picker-items .picker-item:nth-child(21), .picker-items .picker-item:nth-child(24) {
    transition-delay: 270ms;
  }
  .picker-items .picker-item:nth-child(10), .picker-items .picker-item:nth-child(14), .picker-items .picker-item:nth-child(18), .picker-items .picker-item:nth-child(20) {
    transition-delay: 340ms;
  }
  .picker-items .picker-item:nth-child(7), .picker-items .picker-item:nth-child(11), .picker-items .picker-item:nth-child(15), .picker-items .picker-item:nth-child(16) {
    transition-delay: 400ms;
  }
  .picker-items .picker-item:nth-child(4), .picker-items .picker-item:nth-child(8), .picker-items .picker-item:nth-child(12) {
    transition-delay: 450ms;
  }
  .picker-items .picker-item:nth-child(1), .picker-items .picker-item:nth-child(5), .picker-items .picker-item:nth-child(9) {
    transition-delay: 490ms;
  }
  .picker-items .picker-item:nth-child(2), .picker-items .picker-item:nth-child(6), .picker-items .picker-item:nth-child(3) {
    transition-delay: 520ms;
  }
}
@media (max-width: 550px) {
  .picker-items .picker-item {
    transition-delay: 520ms;
  }
  .picker-items .picker-item:nth-child(0) {
    transition-delay: 100ms;
  }
  .picker-items .picker-item:nth-child(1), .picker-items .picker-item:nth-child(2) {
    transition-delay: 190ms;
  }
  .picker-items .picker-item:nth-child(3), .picker-items .picker-item:nth-child(4) {
    transition-delay: 270ms;
  }
  .picker-items .picker-item:nth-child(5), .picker-items .picker-item:nth-child(6) {
    transition-delay: 340ms;
  }
  .picker-items .picker-item:nth-child(7), .picker-items .picker-item:nth-child(8) {
    transition-delay: 400ms;
  }
  .picker-items .picker-item:nth-child(9), .picker-items .picker-item:nth-child(10) {
    transition-delay: 450ms;
  }
  .picker-items .picker-item:nth-child(11), .picker-items .picker-item:nth-child(12) {
    transition-delay: 490ms;
  }
  .picker-items .picker-item:nth-child(13), .picker-items .picker-item:nth-child(14) {
    transition-delay: 520ms;
  }
}
.is-cover.animate-in {
  animation: fade-in 0.5s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.delay-5s {
  transition-delay: 5s !important;
}
