@charset "UTF-8";

.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -ms-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -ms-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -ms-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -ms-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -ms-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-24px);
    -moz-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    -o-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-24px);
    -moz-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    -o-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}
@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-24px);
    -moz-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    -o-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-24px);
    -moz-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    -o-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-24px);
    -moz-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    -o-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}
@-webkit-keyframes fadeOutUpSmall {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-moz-keyframes fadeOutUpSmall {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-ms-keyframes fadeOutUpSmall {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-o-keyframes fadeOutUpSmall {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes fadeOutUpSmall {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-moz-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-ms-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-o-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-moz-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-ms-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-o-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-moz-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-ms-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-o-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-ms-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-o-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-ms-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes zoomInBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes zoomInBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes zoomInBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes zoomInBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoomInBig {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes zoomOutBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-moz-keyframes zoomOutBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-ms-keyframes zoomOutBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-o-keyframes zoomOutBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes zoomOutBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes expandInDown {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}
@-moz-keyframes expandInDown {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}
@-ms-keyframes expandInDown {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}
@-o-keyframes expandInDown {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}
@keyframes expandInDown {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}
@-webkit-keyframes expandInUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
}
@-moz-keyframes expandInUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
}
@-ms-keyframes expandInUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
}
@-o-keyframes expandInUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
}
@keyframes expandInUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
}
@-webkit-keyframes expandInWithFade {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes expandInWithFade {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes expandInWithFade {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes expandInWithFade {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@keyframes expandInWithFade {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes expandOutUp {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}
@-moz-keyframes expandOutUp {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}
@-ms-keyframes expandOutUp {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}
@-o-keyframes expandOutUp {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}
@keyframes expandOutUp {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
  }
}
@-webkit-keyframes expandOutDown {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
}
@-moz-keyframes expandOutDown {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
}
@-ms-keyframes expandOutDown {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
}
@-o-keyframes expandOutDown {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
}
@keyframes expandOutDown {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0.6);
    -moz-transform: scaleY(0.6);
    -ms-transform: scaleY(0.6);
    -o-transform: scaleY(0.6);
    transform: scaleY(0.6);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    -o-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
  }
}
@-webkit-keyframes expandOutWithFade {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes expandOutWithFade {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes expandOutWithFade {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes expandOutWithFade {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes expandOutWithFade {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -ms-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  -moz-animation-duration: 300ms;
  -ms-animation-duration: 300ms;
  -o-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.35s;
  -moz-animation-duration: 0.35s;
  -ms-animation-duration: 0.35s;
  -o-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -ms-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 250ms;
  -moz-animation-duration: 250ms;
  -ms-animation-duration: 250ms;
  -o-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -ms-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 250ms;
  -moz-animation-duration: 250ms;
  -ms-animation-duration: 250ms;
  -o-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -ms-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 250ms;
  -moz-animation-duration: 250ms;
  -ms-animation-duration: 250ms;
  -o-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -ms-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 250ms;
  -moz-animation-duration: 250ms;
  -ms-animation-duration: 250ms;
  -o-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  -moz-animation-name: slideInUp;
  -ms-animation-name: slideInUp;
  -o-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.35s;
  -moz-animation-duration: 0.35s;
  -ms-animation-duration: 0.35s;
  -o-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  -moz-animation-name: slideInDown;
  -ms-animation-name: slideInDown;
  -o-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.35s;
  -moz-animation-duration: 0.35s;
  -ms-animation-duration: 0.35s;
  -o-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  -moz-animation-name: slideInLeft;
  -ms-animation-name: slideInLeft;
  -o-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.35s;
  -moz-animation-duration: 0.35s;
  -ms-animation-duration: 0.35s;
  -o-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
  -ms-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.35s;
  -moz-animation-duration: 0.35s;
  -ms-animation-duration: 0.35s;
  -o-animation-duration: 0.35s;
  animation-duration: 0.35s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  -moz-animation-name: slideOutUp;
  -ms-animation-name: slideOutUp;
  -o-animation-name: slideOutUp;
  animation-name: slideOutUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  -moz-animation-name: slideOutRight;
  -ms-animation-name: slideOutRight;
  -o-animation-name: slideOutRight;
  animation-name: slideOutRight;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  -moz-animation-name: slideOutLeft;
  -ms-animation-name: slideOutLeft;
  -o-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  -moz-animation-name: slideOutDown;
  -ms-animation-name: slideOutDown;
  -o-animation-name: slideOutDown;
  animation-name: slideOutDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  -moz-animation-name: zoomIn;
  -ms-animation-name: zoomIn;
  -o-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  -moz-animation-name: zoomOut;
  -ms-animation-name: zoomOut;
  -o-animation-name: zoomOut;
  animation-name: zoomOut;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.expandInDown {
  -webkit-animation-name: expandInDown;
  -moz-animation-name: expandInDown;
  -ms-animation-name: expandInDown;
  -o-animation-name: expandInDown;
  animation-name: expandInDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.expandOutUp {
  -webkit-animation-name: expandOutUp;
  -moz-animation-name: expandOutUp;
  -ms-animation-name: expandOutUp;
  -o-animation-name: expandOutUp;
  animation-name: expandOutUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  -ms-animation-duration: 0.15s;
  -o-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.expandInUp {
  -webkit-animation-name: expandInUp;
  -moz-animation-name: expandInUp;
  -ms-animation-name: expandInUp;
  -o-animation-name: expandInUp;
  animation-name: expandInUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.expandOutDown {
  -webkit-animation-name: expandOutDown;
  -moz-animation-name: expandOutDown;
  -ms-animation-name: expandOutDown;
  -o-animation-name: expandOutDown;
  animation-name: expandOutDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  -ms-animation-duration: 0.15s;
  -o-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeInDownSmall {
  -webkit-animation-name: fadeInDownSmall;
  -moz-animation-name: fadeInDownSmall;
  -ms-animation-name: fadeInDownSmall;
  -o-animation-name: fadeInDownSmall;
  animation-name: fadeInDownSmall;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fadeOutUpSmall {
  -webkit-animation-name: fadeOutUpSmall;
  -moz-animation-name: fadeOutUpSmall;
  -ms-animation-name: fadeOutUpSmall;
  -o-animation-name: fadeOutUpSmall;
  animation-name: fadeOutUpSmall;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 250ms;
  -moz-animation-duration: 250ms;
  -ms-animation-duration: 250ms;
  -o-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.zoomInBig {
  -webkit-animation-name: zoomInBig;
  -moz-animation-name: zoomInBig;
  -ms-animation-name: zoomInBig;
  -o-animation-name: zoomInBig;
  animation-name: zoomInBig;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -ms-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.zoomOutBig {
  -webkit-animation-name: zoomOutBig;
  -moz-animation-name: zoomOutBig;
  -ms-animation-name: zoomOutBig;
  -o-animation-name: zoomOutBig;
  animation-name: zoomOutBig;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -ms-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.expand-enter {
  overflow: hidden;
}

.expand-enter-active {
  transition: all 0.3s ease-out;
}
.expand-enter-active > * {
  -webkit-animation-name: expandInWithFade;
  -moz-animation-name: expandInWithFade;
  -ms-animation-name: expandInWithFade;
  -o-animation-name: expandInWithFade;
  animation-name: expandInWithFade;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -ms-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.expand-leave {
  overflow: hidden;
}

.expand-leave-active {
  transition: all 0.2s ease-out;
}
.expand-leave-active > * {
  -webkit-animation-name: expandOutWithFade;
  -moz-animation-name: expandOutWithFade;
  -ms-animation-name: expandOutWithFade;
  -o-animation-name: expandOutWithFade;
  animation-name: expandOutWithFade;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -ms-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -ms-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -o-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-icon[dir=rtl]::before {
  transform: rotateY(180deg);
}

@font-face {
  font-family: Vp-themeIcon;
  src: url("//at.alicdn.com/t/font_515771_xjdbujl2iu.eot");
  src: url("//at.alicdn.com/t/font_515771_xjdbujl2iu.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_515771_xjdbujl2iu.woff2") format("woff2"), url("//at.alicdn.com/t/font_515771_xjdbujl2iu.woff") format("woff"), url("//at.alicdn.com/t/font_515771_xjdbujl2iu.ttf") format("truetype"), url("//at.alicdn.com/t/font_515771_xjdbujl2iu.svg#NextIcon") format("svg");
  font-display: swap;
}
.vp-theme-icon {
  display: inline-block;
  font-family: Vp-themeIcon;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vp-theme-icon:before {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.vp-theme-icon-smile:before {
  content: "\e65f";
}
.vp-theme-icon-cry:before {
  content: "\e65d";
}
.vp-theme-icon-success:before {
  content: "\e60a";
}
.vp-theme-icon-warning:before {
  content: "\e60b";
}
.vp-theme-icon-prompt:before {
  content: "\e60c";
}
.vp-theme-icon-error:before {
  content: "\e60d";
}
.vp-theme-icon-help:before {
  content: "\e673";
}
.vp-theme-icon-clock:before {
  content: "\e621";
}
.vp-theme-icon-success-filling:before {
  content: "\e63a";
}
.vp-theme-icon-delete-filling:before {
  content: "\e623";
}
.vp-theme-icon-favorites-filling:before {
  content: "\e60e";
}
.vp-theme-icon-add:before {
  content: "\e655";
}
.vp-theme-icon-minus:before {
  content: "\e601";
}
.vp-theme-icon-arrow-up:before {
  content: "\e625";
}
.vp-theme-icon-arrow-down:before {
  content: "\e63d";
}
.vp-theme-icon-arrow-left:before {
  content: "\e61d";
}
.vp-theme-icon-arrow-right:before {
  content: "\e619";
}
.vp-theme-icon-arrow-double-left:before {
  content: "\e659";
}
.vp-theme-icon-arrow-double-right:before {
  content: "\e65e";
}
.vp-theme-icon-switch:before {
  content: "\e6b3";
}
.vp-theme-icon-sorting:before {
  content: "\e634";
}
.vp-theme-icon-descending:before {
  content: "\e61f";
}
.vp-theme-icon-ascending:before {
  content: "\e61e";
}
.vp-theme-icon-select:before {
  content: "\e632";
}
.vp-theme-icon-semi-select:before {
  content: "\e633";
}
.vp-theme-icon-search:before {
  content: "\e656";
}
.vp-theme-icon-close:before {
  content: "\e626";
}
.vp-theme-icon-ellipsis:before {
  content: "\e654";
}
.vp-theme-icon-picture:before {
  content: "\e631";
}
.vp-theme-icon-calendar:before {
  content: "\e607";
}
.vp-theme-icon-ashbin:before {
  content: "\e639";
}
.vp-theme-icon-upload:before {
  content: "\e7ee";
}
.vp-theme-icon-download:before {
  content: "\e628";
}
.vp-theme-icon-set:before {
  content: "\e683";
}
.vp-theme-icon-edit:before {
  content: "\e63b";
}
.vp-theme-icon-refresh:before {
  content: "\e677";
}
.vp-theme-icon-filter:before {
  content: "\e627";
}
.vp-theme-icon-attachment:before {
  content: "\e665";
}
.vp-theme-icon-account:before {
  content: "\e608";
}
.vp-theme-icon-email:before {
  content: "\e605";
}
.vp-theme-icon-atm:before {
  content: "\e606";
}
.vp-theme-icon-loading:before {
  content: "\e646";
  animation: loadingCircle 1s infinite linear;
}
.vp-theme-icon-eye:before {
  content: "\e611";
}
.vp-theme-icon-copy:before {
  content: "\e60f";
}
.vp-theme-icon-toggle-left:before {
  content: "\e602";
}
.vp-theme-icon-toggle-right:before {
  content: "\e603";
}
.vp-theme-icon-eye-close:before {
  content: "\e600";
}
.vp-theme-icon-unlock:before {
  content: "\e615";
}
.vp-theme-icon-lock:before {
  content: "\e617";
}
.vp-theme-icon-exit:before {
  content: "\e616";
}
.vp-theme-icon-chart-bar:before {
  content: "\e612";
}
.vp-theme-icon-chart-pie:before {
  content: "\e613";
}
.vp-theme-icon-form:before {
  content: "\e7fb";
}
.vp-theme-icon-detail:before {
  content: "\e7f8";
}
.vp-theme-icon-list:before {
  content: "\e7f9";
}
.vp-theme-icon-dashboard:before {
  content: "\e7fa";
}

@keyframes loadingCircle {
  0% {
    transform-origin: 50% 50%;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: 50% 50%;
    transform: rotate(360deg);
  }
}
.vp-theme-icon.vp-theme-xxs:before, .vp-theme-icon.vp-theme-xxs .vp-theme-icon-remote {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vp-theme-icon.vp-theme-xxs {
    transform: scale(0.5);
    margin-left: calc(0px - (16px - 8px) / 2);
    margin-right: calc(0px - (16px - 8px) / 2);
  }
  .vp-theme-icon.vp-theme-xxs:before {
    width: 16px;
    font-size: 16px;
  }
}
.vp-theme-icon.vp-theme-xs:before, .vp-theme-icon.vp-theme-xs .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-icon.vp-theme-small:before, .vp-theme-icon.vp-theme-small .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-icon.vp-theme-medium:before, .vp-theme-icon.vp-theme-medium .vp-theme-icon-remote {
  width: 20px;
  font-size: 20px;
  line-height: inherit;
}
.vp-theme-icon.vp-theme-large:before, .vp-theme-icon.vp-theme-large .vp-theme-icon-remote {
  width: 24px;
  font-size: 24px;
  line-height: inherit;
}
.vp-theme-icon.vp-theme-xl:before, .vp-theme-icon.vp-theme-xl .vp-theme-icon-remote {
  width: 32px;
  font-size: 32px;
  line-height: inherit;
}
.vp-theme-icon.vp-theme-xxl:before, .vp-theme-icon.vp-theme-xxl .vp-theme-icon-remote {
  width: 48px;
  font-size: 48px;
  line-height: inherit;
}
.vp-theme-icon.vp-theme-xxxl:before, .vp-theme-icon.vp-theme-xxxl .vp-theme-icon-remote {
  width: 64px;
  font-size: 64px;
  line-height: inherit;
}
.vp-theme-icon.vp-theme-inherit:before, .vp-theme-icon.vp-theme-inherit .vp-theme-icon-remote {
  width: inherit;
  font-size: inherit;
  line-height: inherit;
}

.vp-theme-icon.vp-theme-inherit .vp-theme-icon-remote,
.vp-theme-icon .vp-theme-icon-remote {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
}

.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-radio-button-large[dir=rtl] > label:first-child {
  margin-left: -1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.vp-theme-radio-button-large[dir=rtl] > label:last-child {
  margin-left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.vp-theme-radio-button-large[dir=rtl] .vp-theme-radio-label {
  height: calc(40px - 2px);
  line-height: calc(40px - 2px);
  font-size: 16px;
}

.vp-theme-radio-button-medium[dir=rtl] > label:first-child {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.vp-theme-radio-button-medium[dir=rtl] > label:last-child {
  margin-left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.vp-theme-radio-button-small[dir=rtl] > label:first-child {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.vp-theme-radio-button-small[dir=rtl] > label:last-child {
  margin-left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.vp-theme-radio-wrapper[dir=rtl] .vp-theme-radio-label {
  margin-left: 0;
  margin-right: 4px;
}

.vp-theme-radio-group[dir=rtl] .vp-theme-radio-label {
  margin-right: 4px;
  margin-left: 16px;
}

.vp-theme-radio-button[dir=rtl] > label .vp-theme-radio-label {
  margin: 0;
}

.vp-theme-radio-wrapper {
  outline: 0;
  display: inline-block;
}
.vp-theme-radio-wrapper .vp-theme-radio {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 1;
}
.vp-theme-radio-wrapper .vp-theme-radio *,
.vp-theme-radio-wrapper .vp-theme-radio *:before,
.vp-theme-radio-wrapper .vp-theme-radio *:after {
  box-sizing: border-box;
}
.vp-theme-radio-wrapper .vp-theme-radio input[type=radio] {
  opacity: 0;
  position: absolute;
  vertical-align: middle;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
}
.vp-theme-radio-wrapper .vp-theme-radio-inner {
  /* 动画待定 */
  /* &.mouseDown { */
  /*     transform: scale3d(.7, .7, .7); */
  /*     transition: transform .2s linear; */
  /* } */
  /* &.mouseUp { */
  /*     transform: scale3d(1, 1, 1); */
  /*     transition: transform .2s linear; */
  /* } */
  display: block;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #C4C6CF;
  transition: all 100ms linear;
  box-shadow: none;
}
.vp-theme-radio-wrapper .vp-theme-radio-inner:after {
  transform: scale(0);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  margin-top: calc(0px - (4px / 2));
  left: 50%;
  margin-left: calc(0px - (4px / 2));
  background: #FFFFFF;
  content: "";
  transition: all 100ms linear;
}
.vp-theme-radio-wrapper.checked .vp-theme-radio-inner {
  border-color: #5584FF;
  background: #5584FF;
}
.vp-theme-radio-wrapper.checked .vp-theme-radio-inner:after {
  width: 4px;
  height: 4px;
  font-weight: bold;
  background: #FFFFFF;
  transform: scale(1);
}
.vp-theme-radio-wrapper.checked:hover .vp-theme-radio-inner, .vp-theme-radio-wrapper.checked.hovered .vp-theme-radio-inner {
  border-color: transparent;
}
.vp-theme-radio-wrapper.disabled input[type=radio] {
  cursor: not-allowed;
}
.vp-theme-radio-wrapper.disabled .vp-theme-radio-inner {
  border-color: #E6E7EB;
  background: #F7F8FA;
}
.vp-theme-radio-wrapper.disabled .vp-theme-radio-inner:after {
  background: #CCCCCC;
}
.vp-theme-radio-wrapper.disabled .vp-theme-radio-inner:hover, .vp-theme-radio-wrapper.disabled .vp-theme-radio-inner.hovered {
  border-color: #E6E7EB;
}
.vp-theme-radio-wrapper.disabled.checked .vp-theme-radio-inner {
  border-color: #E6E7EB;
  background: #F7F8FA;
}
.vp-theme-radio-wrapper.disabled.checked .vp-theme-radio-inner:after {
  background: #CCCCCC;
}
.vp-theme-radio-wrapper.disabled .vp-theme-radio-label {
  color: #CCCCCC;
}
.vp-theme-radio-wrapper:not(.disabled):hover .vp-theme-radio-inner, .vp-theme-radio-wrapper:not(.disabled).hovered .vp-theme-radio-inner {
  border-color: #5584FF;
  background-color: #DEE8FF;
}
.vp-theme-radio-wrapper:not(.disabled):hover .vp-theme-radio-label, .vp-theme-radio-wrapper:not(.disabled).hovered .vp-theme-radio-label {
  cursor: pointer;
}
.vp-theme-radio-wrapper.checked:not(.disabled):hover .vp-theme-radio-inner, .vp-theme-radio-wrapper.checked:not(.disabled).hovered .vp-theme-radio-inner {
  border-color: transparent;
  background: #3E71F7;
}
.vp-theme-radio-wrapper.checked:not(.disabled):hover .vp-theme-radio-inner:after, .vp-theme-radio-wrapper.checked:not(.disabled).hovered .vp-theme-radio-inner:after {
  background: #FFFFFF;
}

.vp-theme-radio-button .vp-theme-radio {
  width: 0;
  height: 0;
}
.vp-theme-radio-button input[type=radio] {
  width: 0;
  height: 0;
}
.vp-theme-radio-button > label {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin: 0 0 0 -1px;
  border: 1px solid #C4C6CF;
  background-color: #FFFFFF;
  transition: all 100ms linear;
  vertical-align: middle;
}
.vp-theme-radio-button > label .vp-theme-radio-label {
  display: block;
  color: #333333;
  margin: 0;
  transition: all 100ms linear;
}
.vp-theme-radio-button > label:hover, .vp-theme-radio-button > label.hovered {
  z-index: 10;
  border-color: #A0A2AD;
  background-color: #F2F3F7;
}
.vp-theme-radio-button > label:hover .vp-theme-radio-label, .vp-theme-radio-button > label.hovered .vp-theme-radio-label {
  color: #333333;
}
.vp-theme-radio-button > label.checked {
  z-index: 11;
  border-color: #5584FF;
  background-color: #FFFFFF;
}
.vp-theme-radio-button > label.checked .vp-theme-radio-label {
  color: #5584FF;
}
.vp-theme-radio-button > label.disabled {
  z-index: 0;
  cursor: not-allowed;
  border-color: #E6E7EB;
  background-color: #F7F8FA;
}
.vp-theme-radio-button > label.disabled .vp-theme-radio-label {
  color: #CCCCCC;
}
.vp-theme-radio-button > label.checked.disabled {
  z-index: 0;
  border-color: #E6E7EB;
  background-color: #F2F3F7;
}
.vp-theme-radio-button > label.checked.disabled .vp-theme-radio-label {
  color: #CCCCCC;
}
.vp-theme-radio-button-large > label {
  padding: 0 8px;
  height: 40px;
  line-height: 40px;
}
.vp-theme-radio-button-large > label:first-child {
  margin-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.vp-theme-radio-button-large > label:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.vp-theme-radio-button-large .vp-theme-radio-label {
  height: calc(40px - 2px);
  line-height: calc(40px - 2px);
  font-size: 16px;
}
.vp-theme-radio-button-medium > label {
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
}
.vp-theme-radio-button-medium > label:first-child {
  margin-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.vp-theme-radio-button-medium > label:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.vp-theme-radio-button-medium .vp-theme-radio-label {
  height: calc(28px - 2px);
  line-height: calc(28px - 2px);
  font-size: 12px;
}
.vp-theme-radio-button-small > label {
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
}
.vp-theme-radio-button-small > label:first-child {
  margin-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.vp-theme-radio-button-small > label:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.vp-theme-radio-button-small .vp-theme-radio-label {
  height: calc(20px - 2px);
  line-height: calc(20px - 2px);
  font-size: 12px;
}
.vp-theme-radio-single-input input[type=radio] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.vp-theme-radio-group {
  display: inline-block;
}
.vp-theme-radio-group .vp-theme-radio-wrapper {
  /* 表现为radio整体之间多一份间隔，checkbox表现一致 */
  margin-right: 12px;
}
.vp-theme-radio-group .vp-theme-radio-wrapper:last-child {
  margin-right: 0;
}
.vp-theme-radio-group .vp-theme-radio-label {
  color: #333333;
}
.vp-theme-radio-group.disabled .vp-theme-radio-label {
  color: #CCCCCC;
}
.vp-theme-radio-group.vp-theme-radio-button .vp-theme-radio-wrapper {
  margin-right: 0;
}
.vp-theme-radio-group-ver .vp-theme-radio-wrapper {
  display: block;
  margin-bottom: 8px;
}

.vp-theme-radio-label {
  margin: 0;
  margin-left: 4px;
  /* 使用已有变量$radio-font-margin-left，配左即两边都有间隔 */
  margin-right: 4px;
  font-size: 12px;
  vertical-align: middle;
  line-height: 1;
  color: #333333;
}

@-moz-document url-prefix() {
  .vp-theme-radio {
    margin-top: -1px;
  }
  @supports (animation: calc(0s)) {
    /* firefox 57+ */
    .vp-theme-radio {
      margin-top: -3px;
    }
  }
}

.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-checkbox-wrapper[dir=rtl] {
  margin-right: 8px;
  margin-left: 0;
}
.vp-theme-checkbox-wrapper[dir=rtl]:first-child {
  margin-right: 0;
}
.vp-theme-checkbox-wrapper[dir=rtl] > .vp-theme-checkbox-label {
  margin-right: 4px;
  margin-left: 0;
}

/* stylelint-disable max-nesting-depth */
.vp-theme-checkbox-wrapper {
  box-sizing: border-box;
  display: inline-block;
}
.vp-theme-checkbox-wrapper *,
.vp-theme-checkbox-wrapper *:before,
.vp-theme-checkbox-wrapper *:after {
  box-sizing: border-box;
}
.vp-theme-checkbox-wrapper .vp-theme-checkbox {
  display: inline-block;
  position: relative;
  line-height: 1;
  vertical-align: middle;
}
.vp-theme-checkbox-wrapper input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
}
.vp-theme-checkbox-wrapper .vp-theme-checkbox-inner {
  display: block;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #C4C6CF;
  transition: all 100ms linear;
  text-align: left; /* 防止继承父级 */
  box-shadow: none;
}
.vp-theme-checkbox-wrapper .vp-theme-checkbox-inner > .vp-theme-icon {
  transform: scale(0);
  position: absolute;
  top: 0;
  opacity: 0;
  line-height: 16px;
  transition: all 100ms linear;
  color: #FFFFFF;
  left: calc((16px - 8px) / 2);
  margin-left: 0px;
}
.vp-theme-checkbox-wrapper .vp-theme-checkbox-inner > .vp-theme-icon:before, .vp-theme-checkbox-wrapper .vp-theme-checkbox-inner > .vp-theme-icon .vp-theme-icon-remote {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vp-theme-checkbox-wrapper .vp-theme-checkbox-inner > .vp-theme-icon {
    transform: scale(0.5);
    margin-left: calc(0px - (16px - 8px) / 2);
    margin-right: calc(0px - (16px - 8px) / 2);
  }
  .vp-theme-checkbox-wrapper .vp-theme-checkbox-inner > .vp-theme-icon:before {
    width: 16px;
    font-size: 16px;
  }
}
.vp-theme-checkbox-wrapper .vp-theme-checkbox-inner > .vp-theme-icon::before {
  vertical-align: top;
  margin-top: 0;
}
.vp-theme-checkbox-wrapper .vp-theme-checkbox-inner > .vp-theme-checkbox-select-icon::before {
  content: "\e632";
}
.vp-theme-checkbox-wrapper .vp-theme-checkbox-inner > .vp-theme-checkbox-semi-select-icon::before {
  content: "\e633";
}
.vp-theme-checkbox-wrapper.checked > .vp-theme-checkbox > .vp-theme-checkbox-inner, .vp-theme-checkbox-wrapper.checked.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner {
  border-color: transparent;
  background-color: #5584FF;
}
.vp-theme-checkbox-wrapper.checked > .vp-theme-checkbox > .vp-theme-checkbox-inner:hover, .vp-theme-checkbox-wrapper.checked > .vp-theme-checkbox > .vp-theme-checkbox-inner.hovered, .vp-theme-checkbox-wrapper.checked.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner:hover, .vp-theme-checkbox-wrapper.checked.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner.hovered {
  border-color: transparent;
}
.vp-theme-checkbox-wrapper.checked > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon, .vp-theme-checkbox-wrapper.checked.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon {
  opacity: 1;
  transform: scale(1);
  margin-left: 0px;
  /* font-size < 12px的时候进行覆盖。 */
}
.vp-theme-checkbox-wrapper.checked > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon:before, .vp-theme-checkbox-wrapper.checked > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon .vp-theme-icon-remote, .vp-theme-checkbox-wrapper.checked.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon:before, .vp-theme-checkbox-wrapper.checked.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon .vp-theme-icon-remote {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vp-theme-checkbox-wrapper.checked > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon, .vp-theme-checkbox-wrapper.checked.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon {
    transform: scale(0.5);
    margin-left: calc(0px - (16px - 8px) / 2);
    margin-right: calc(0px - (16px - 8px) / 2);
  }
  .vp-theme-checkbox-wrapper.checked > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon:before, .vp-theme-checkbox-wrapper.checked.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon:before {
    width: 16px;
    font-size: 16px;
  }
}
.vp-theme-checkbox-wrapper.indeterminate > .vp-theme-checkbox > .vp-theme-checkbox-inner, .vp-theme-checkbox-wrapper.indeterminate.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner {
  border-color: transparent;
  background-color: #5584FF;
}
.vp-theme-checkbox-wrapper.indeterminate > .vp-theme-checkbox > .vp-theme-checkbox-inner:hover, .vp-theme-checkbox-wrapper.indeterminate > .vp-theme-checkbox > .vp-theme-checkbox-inner.hovered, .vp-theme-checkbox-wrapper.indeterminate.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner:hover, .vp-theme-checkbox-wrapper.indeterminate.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner.hovered {
  border-color: transparent;
}
.vp-theme-checkbox-wrapper.indeterminate > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon, .vp-theme-checkbox-wrapper.indeterminate.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  margin-left: 0px;
  /* font-size < 12px的时候进行覆盖。 */
}
.vp-theme-checkbox-wrapper.indeterminate > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon:before, .vp-theme-checkbox-wrapper.indeterminate > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon .vp-theme-icon-remote, .vp-theme-checkbox-wrapper.indeterminate.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon:before, .vp-theme-checkbox-wrapper.indeterminate.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon .vp-theme-icon-remote {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vp-theme-checkbox-wrapper.indeterminate > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon, .vp-theme-checkbox-wrapper.indeterminate.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon {
    transform: scale(0.5);
    margin-left: calc(0px - (16px - 8px) / 2);
    margin-right: calc(0px - (16px - 8px) / 2);
  }
  .vp-theme-checkbox-wrapper.indeterminate > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon:before, .vp-theme-checkbox-wrapper.indeterminate.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner > .vp-theme-icon:before {
    width: 16px;
    font-size: 16px;
  }
}
.vp-theme-checkbox-wrapper:not(.disabled):hover > .vp-theme-checkbox > .vp-theme-checkbox-inner, .vp-theme-checkbox-wrapper.hovered > .vp-theme-checkbox > .vp-theme-checkbox-inner, .vp-theme-checkbox-wrapper.focused > .vp-theme-checkbox > .vp-theme-checkbox-inner {
  border-color: #5584FF;
  background-color: #DEE8FF;
}
.vp-theme-checkbox-wrapper:not(.disabled):hover .vp-theme-checkbox-label, .vp-theme-checkbox-wrapper.hovered .vp-theme-checkbox-label, .vp-theme-checkbox-wrapper.focused .vp-theme-checkbox-label {
  cursor: pointer;
}
.vp-theme-checkbox-wrapper.indeterminate:not(.disabled):hover > .vp-theme-checkbox .vp-theme-checkbox-inner, .vp-theme-checkbox-wrapper.indeterminate:not(.disabled).hovered > .vp-theme-checkbox .vp-theme-checkbox-inner, .vp-theme-checkbox-wrapper.checked:not(.disabled):hover > .vp-theme-checkbox .vp-theme-checkbox-inner, .vp-theme-checkbox-wrapper.checked:not(.disabled).hovered > .vp-theme-checkbox .vp-theme-checkbox-inner {
  border-color: transparent;
  background-color: #3E71F7;
}
.vp-theme-checkbox-wrapper.indeterminate:not(.disabled):hover > .vp-theme-checkbox .vp-theme-checkbox-inner > .vp-theme-icon, .vp-theme-checkbox-wrapper.indeterminate:not(.disabled).hovered > .vp-theme-checkbox .vp-theme-checkbox-inner > .vp-theme-icon, .vp-theme-checkbox-wrapper.checked:not(.disabled):hover > .vp-theme-checkbox .vp-theme-checkbox-inner > .vp-theme-icon, .vp-theme-checkbox-wrapper.checked:not(.disabled).hovered > .vp-theme-checkbox .vp-theme-checkbox-inner > .vp-theme-icon {
  color: #FFFFFF;
  opacity: 1;
}
.vp-theme-checkbox-wrapper.disabled input[type=checkbox] {
  cursor: not-allowed;
}
.vp-theme-checkbox-wrapper.disabled .vp-theme-checkbox-inner {
  border-color: #E6E7EB;
  background: #F7F8FA;
}
.vp-theme-checkbox-wrapper.disabled.checked .vp-theme-checkbox-inner, .vp-theme-checkbox-wrapper.disabled.indeterminate .vp-theme-checkbox-inner {
  border-color: #E6E7EB;
  background: #F7F8FA;
}
.vp-theme-checkbox-wrapper.disabled.checked .vp-theme-checkbox-inner:hover, .vp-theme-checkbox-wrapper.disabled.checked .vp-theme-checkbox-inner.hovered, .vp-theme-checkbox-wrapper.disabled.indeterminate .vp-theme-checkbox-inner:hover, .vp-theme-checkbox-wrapper.disabled.indeterminate .vp-theme-checkbox-inner.hovered {
  border-color: #E6E7EB;
}
.vp-theme-checkbox-wrapper.disabled.checked .vp-theme-checkbox-inner > .vp-theme-icon, .vp-theme-checkbox-wrapper.disabled.indeterminate .vp-theme-checkbox-inner > .vp-theme-icon {
  color: #CCCCCC;
  opacity: 1;
}
.vp-theme-checkbox-wrapper.disabled.checked.focused .vp-theme-checkbox-inner {
  border-color: #E6E7EB;
  background: #F7F8FA;
}
.vp-theme-checkbox-wrapper.disabled.checked.focused .vp-theme-checkbox-inner > .vp-theme-icon {
  color: #CCCCCC;
  opacity: 1;
}
.vp-theme-checkbox-wrapper.disabled .vp-theme-checkbox-label {
  color: #CCCCCC;
  cursor: not-allowed;
}

.vp-theme-checkbox-group .vp-theme-checkbox-wrapper {
  display: inline-block;
  margin-right: 12px;
}
.vp-theme-checkbox-group .vp-theme-checkbox-wrapper:last-child {
  margin-right: 0;
}
.vp-theme-checkbox-group-ver .vp-theme-checkbox-wrapper {
  display: block;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 8px;
}

.vp-theme-checkbox-label {
  font-size: 12px;
  color: #333333;
  vertical-align: middle;
  margin: 0;
  margin-left: 4px;
  /* 使用已存margin-left变量 */
  margin-right: 4px;
  line-height: 1;
}
.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-menu[dir=rtl] .vp-theme-menu-item-helper {
  float: left;
}
.vp-theme-menu[dir=rtl] .vp-theme-menu-item .vp-theme-checkbox,
.vp-theme-menu[dir=rtl] .vp-theme-menu-item .vp-theme-radio {
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-menu[dir=rtl] .vp-theme-menu-hoz-right {
  float: left;
}
.vp-theme-menu[dir=rtl] .vp-theme-menu-icon-arrow.vp-theme-icon {
  left: 10px;
  right: auto;
}
.vp-theme-menu[dir=rtl] .vp-theme-menu-hoz-icon-arrow.vp-theme-icon {
  left: 6px;
  right: auto;
}
.vp-theme-menu[dir=rtl] .vp-theme-menu-icon-selected.vp-theme-icon {
  margin-left: 0;
  margin-right: calc(0px - (20px + 12px) / 2);
}
.vp-theme-menu[dir=rtl] .vp-theme-menu-icon-selected.vp-theme-icon:before, .vp-theme-menu[dir=rtl] .vp-theme-menu-icon-selected.vp-theme-icon .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-menu[dir=rtl] .vp-theme-menu-icon-selected.vp-theme-icon.vp-theme-menu-icon-right {
  right: auto;
  left: 4px;
}
.vp-theme-menu[dir=rtl] .vp-theme-menu-icon-arrow.vp-theme-icon {
  left: 10px;
  right: auto;
}

.vp-theme-menu {
  box-sizing: border-box;
  position: relative;
  min-width: 100px;
  margin: 0;
  list-style: none;
  border: 1px solid #DCDEE3;
  border-radius: 3px;
  box-shadow: none;
  background: #FFFFFF;
  line-height: 32px;
  font-size: 12px;
  animation-duration: 300ms;
  animation-timing-function: ease;
  /* &-popup-content.vp-theme-hide { */
  /*     display: none; */
  /* } */
}
.vp-theme-menu *,
.vp-theme-menu *:before,
.vp-theme-menu *:after {
  box-sizing: border-box;
}
.vp-theme-menu:focus, .vp-theme-menu *:focus {
  outline: 0;
}
.vp-theme-menu-spacing-lr {
  padding: 0 0px;
}
.vp-theme-menu-spacing-lr.vp-theme-menu-outside > .vp-theme-menu {
  height: 100%;
  overflow-y: auto;
}
.vp-theme-menu-spacing-tb {
  padding: 0px 0;
}
.vp-theme-menu.vp-theme-ver {
  padding: 8px 0px;
}
.vp-theme-menu.vp-theme-ver .vp-theme-menu-item {
  padding: 0 20px 0 20px;
}
.vp-theme-menu.vp-theme-hoz {
  padding: 8px 0px;
}
.vp-theme-menu.vp-theme-hoz .vp-theme-menu-item {
  padding: 0 20px;
}
.vp-theme-menu-embeddable, .vp-theme-menu-embeddable .vp-theme-menu-item.vp-theme-disabled, .vp-theme-menu-embeddable .vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a {
  background: transparent;
  border: none;
}
.vp-theme-menu-embeddable {
  box-shadow: none;
}
.vp-theme-menu-embeddable .vp-theme-menu-item-inner {
  height: 100%;
}
.vp-theme-menu-content {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
.vp-theme-menu-sub-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.vp-theme-menu-sub-menu.vp-theme-expand-enter {
  overflow: hidden;
}
.vp-theme-menu-sub-menu.vp-theme-expand-enter-active {
  transition: height 300ms ease;
}
.vp-theme-menu-sub-menu.vp-theme-expand-leave {
  overflow: hidden;
}
.vp-theme-menu-sub-menu.vp-theme-expand-leave-active {
  transition: height 300ms ease;
}
.vp-theme-menu-item {
  position: relative;
  transition: background 100ms linear;
  color: #333333;
  cursor: pointer;
}
.vp-theme-menu-item-helper {
  float: right;
  color: #999999;
  font-style: normal;
  font-size: 12px;
}
.vp-theme-menu-item .vp-theme-checkbox,
.vp-theme-menu-item .vp-theme-radio {
  margin-right: 4px;
}
.vp-theme-menu-item.vp-theme-selected {
  color: #333333;
  background-color: #FFFFFF;
}
.vp-theme-menu-item.vp-theme-selected .vp-theme-menu-icon-arrow {
  color: #666666;
}
.vp-theme-menu-item.vp-theme-selected .vp-theme-menu-icon-selected {
  color: #5584FF;
}
.vp-theme-menu-item.vp-theme-disabled, .vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a {
  color: #CCCCCC;
  background-color: #FFFFFF;
  cursor: not-allowed;
}
.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-icon-arrow, .vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a .vp-theme-menu-icon-arrow {
  color: #CCCCCC;
}
.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-icon-selected, .vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a .vp-theme-menu-icon-selected {
  color: #CCCCCC;
}
.vp-theme-menu-item:not(.vp-theme-disabled):hover, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected:hover, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected.vp-theme-focused:hover, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected:focus:hover, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-focused, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected.vp-theme-focused, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected:focus {
  color: #333333;
  background-color: #F2F3F7;
}
.vp-theme-menu-item:not(.vp-theme-disabled):hover .vp-theme-menu-icon-arrow, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected:hover .vp-theme-menu-icon-arrow, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected.vp-theme-focused:hover .vp-theme-menu-icon-arrow, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected:focus:hover .vp-theme-menu-icon-arrow, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-focused .vp-theme-menu-icon-arrow, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected.vp-theme-focused .vp-theme-menu-icon-arrow, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected:focus .vp-theme-menu-icon-arrow {
  color: #333333;
}
.vp-theme-menu-item:not(.vp-theme-disabled):hover .vp-theme-menu-icon-selected, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected:hover .vp-theme-menu-icon-selected, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected.vp-theme-focused:hover .vp-theme-menu-icon-selected, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected:focus:hover .vp-theme-menu-icon-selected, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-focused .vp-theme-menu-icon-selected, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected.vp-theme-focused .vp-theme-menu-icon-selected, .vp-theme-menu-item:not(.vp-theme-disabled).vp-theme-selected:focus .vp-theme-menu-icon-selected {
  color: #5584FF;
}
.vp-theme-menu-item-inner {
  height: 32px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.vp-theme-menu-item .vp-theme-menu-item-text {
  vertical-align: middle;
}
.vp-theme-menu-item .vp-theme-menu-item-text > a {
  display: inline-block;
  text-decoration: none;
  color: #333333;
}
.vp-theme-menu-item .vp-theme-menu-item-text > a::before {
  position: absolute;
  background-color: transparent;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
}
.vp-theme-menu.vp-theme-hoz {
  padding: 0;
}
.vp-theme-menu.vp-theme-hoz.vp-theme-menu-nowrap {
  overflow: hidden;
  white-space: nowrap;
}
.vp-theme-menu.vp-theme-hoz.vp-theme-menu-nowrap .vp-theme-menu-more {
  text-align: center;
}
.vp-theme-menu.vp-theme-hoz > .vp-theme-menu-item,
.vp-theme-menu.vp-theme-hoz > .vp-theme-menu-sub-menu-wrapper,
.vp-theme-menu.vp-theme-hoz .vp-theme-menu-content > .vp-theme-menu-item {
  display: inline-block;
  vertical-align: top;
}
.vp-theme-menu.vp-theme-hoz .vp-theme-menu-header,
.vp-theme-menu.vp-theme-hoz .vp-theme-menu-content,
.vp-theme-menu.vp-theme-hoz .vp-theme-menu-footer {
  display: inline-block;
}
.vp-theme-menu-hoz-right {
  float: right;
}
.vp-theme-menu-group-label {
  padding: 0 12px;
  color: #999999;
}
.vp-theme-menu-divider {
  margin: 8px 12px;
  border-bottom: 1px solid #E6E7EB;
}
.vp-theme-menu .vp-theme-menu-icon-selected.vp-theme-icon {
  position: absolute;
  top: 0;
  margin-left: calc(0px - (20px - 4px));
}
.vp-theme-menu .vp-theme-menu-icon-selected.vp-theme-icon:before, .vp-theme-menu .vp-theme-menu-icon-selected.vp-theme-icon .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-menu .vp-theme-menu-icon-selected.vp-theme-icon.vp-theme-menu-icon-right {
  right: 4px;
}
.vp-theme-menu .vp-theme-menu-symbol-icon-selected.vp-theme-menu-icon-selected::before {
  content: "\e632";
}
.vp-theme-menu .vp-theme-menu-icon-arrow.vp-theme-icon {
  position: absolute;
  top: 0;
  right: 10px;
  color: #666666;
  transition: all 100ms linear;
}
.vp-theme-menu .vp-theme-menu-icon-arrow.vp-theme-icon:before, .vp-theme-menu .vp-theme-menu-icon-arrow.vp-theme-icon .vp-theme-icon-remote {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vp-theme-menu .vp-theme-menu-icon-arrow.vp-theme-icon {
    transform: scale(0.5);
    margin-left: calc(0px - (16px - 8px) / 2);
    margin-right: calc(0px - (16px - 8px) / 2);
  }
  .vp-theme-menu .vp-theme-menu-icon-arrow.vp-theme-icon:before {
    width: 16px;
    font-size: 16px;
  }
}
.vp-theme-menu .vp-theme-menu-icon-arrow-down::before {
  content: "\e63d";
}
.vp-theme-menu .vp-theme-menu-icon-arrow-down.vp-theme-open {
  transform: rotate(180deg);
}
.vp-theme-menu .vp-theme-menu-icon-arrow-down.vp-theme-open:before, .vp-theme-menu .vp-theme-menu-icon-arrow-down.vp-theme-open .vp-theme-icon-remote {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vp-theme-menu .vp-theme-menu-icon-arrow-down.vp-theme-open {
    transform: scale(0.5) rotate(180deg);
    margin-left: calc(0px - (16px - 8px) / 2);
    margin-right: calc(0px - (16px - 8px) / 2);
  }
  .vp-theme-menu .vp-theme-menu-icon-arrow-down.vp-theme-open:before {
    width: 16px;
    font-size: 16px;
  }
}
.vp-theme-menu .vp-theme-menu-symbol-popupfold::before {
  content: "\e619";
}
.vp-theme-menu .vp-theme-menu-icon-arrow-right.vp-theme-open {
  transform: rotate(-90deg);
}
.vp-theme-menu .vp-theme-menu-icon-arrow-right.vp-theme-open:before, .vp-theme-menu .vp-theme-menu-icon-arrow-right.vp-theme-open .vp-theme-icon-remote {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vp-theme-menu .vp-theme-menu-icon-arrow-right.vp-theme-open {
    transform: scale(0.5) rotate(-90deg);
    margin-left: calc(0px - (16px - 8px) / 2);
    margin-right: calc(0px - (16px - 8px) / 2);
  }
  .vp-theme-menu .vp-theme-menu-icon-arrow-right.vp-theme-open:before {
    width: 16px;
    font-size: 16px;
  }
}
.vp-theme-menu .vp-theme-menu-hoz-icon-arrow.vp-theme-icon {
  position: absolute;
  top: 0;
  right: 6px;
  color: #666666;
  transition: all 100ms linear;
}
.vp-theme-menu .vp-theme-menu-hoz-icon-arrow.vp-theme-icon:before, .vp-theme-menu .vp-theme-menu-hoz-icon-arrow.vp-theme-icon .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-menu .vp-theme-menu-hoz-icon-arrow.vp-theme-icon::before {
  content: "\e63d";
}
.vp-theme-menu-unfold-icon::before {
  content: "";
}
.vp-theme-menu .vp-theme-menu-hoz-icon-arrow.vp-theme-open {
  transform: rotate(180deg);
}
.vp-theme-menu .vp-theme-menu-hoz-icon-arrow.vp-theme-open:before, .vp-theme-menu .vp-theme-menu-hoz-icon-arrow.vp-theme-open .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-menu.vp-theme-context {
  line-height: 24px;
}
.vp-theme-menu.vp-theme-context .vp-theme-menu-item-inner {
  height: 24px;
}
.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-overlay-wrapper .vp-theme-overlay-inner {
  z-index: 1001;
}
.vp-theme-overlay-wrapper .vp-theme-overlay-backdrop {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.vp-theme-overlay-wrapper.opened .vp-theme-overlay-backdrop {
  opacity: 1;
}

.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-balloon {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  max-width: 300px;
  border-style: solid;
  border-radius: 3px;
  font-size: 12px;
  font-weight: normal;
  /* stylelint-disable */
  word-wrap: break-all;
  word-wrap: break-word;
  /* stylelint-enable */
  z-index: 0;
  /* size */
  /* 带关闭按钮的右侧padding变大 */
}
.vp-theme-balloon *,
.vp-theme-balloon *:before,
.vp-theme-balloon *:after {
  box-sizing: border-box;
}
.vp-theme-balloon:focus, .vp-theme-balloon *:focus {
  outline: 0;
}
.vp-theme-balloon-title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
}
.vp-theme-balloon-title.vp-theme-balloon-closable {
  padding: 0 40px 0 0;
}
.vp-theme-balloon-title.vp-theme-balloon-closable .vp-theme-balloon-close {
  top: -1px;
  transform: translateY(calc(16px + (16px - 12px) / 2));
  right: 16px;
}
.vp-theme-balloon-primary {
  color: #333333;
  border-color: #4494F9;
  background-color: #E3F2FD;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  border-width: 1px;
}
.vp-theme-balloon-primary .vp-theme-balloon-close {
  position: absolute;
  top: -1px;
  transform: translateY(calc(16px + (12px - 12px) / 2));
  right: 12px;
  font-size: 12px;
  cursor: pointer;
  color: #999999;
}
.vp-theme-balloon-primary .vp-theme-balloon-close .vp-theme-icon {
  width: 12px;
  height: 12px;
  line-height: 1em;
}
.vp-theme-balloon-primary .vp-theme-balloon-close .vp-theme-icon:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 1em;
}
.vp-theme-balloon-primary .vp-theme-balloon-close :hover {
  color: #333333;
}
.vp-theme-balloon-primary:after {
  position: absolute;
  width: 12px;
  height: 12px;
  content: "";
  transform: rotate(45deg);
  box-sizing: content-box !important;
  border: 1px solid #4494F9;
  background-color: #E3F2FD;
  z-index: -1;
}
.vp-theme-balloon-primary.vp-theme-balloon-top:after {
  top: calc(0px - 12px / 2 - 1px);
  left: calc(50% + calc(0px - 12px / 2 - 1px));
  border-right: none;
  border-bottom: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-right:after {
  top: calc(50% + calc(0px - 12px / 2 - 1px));
  right: calc(0px - 12px / 2 - 1px);
  border-left: none;
  border-bottom: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-bottom:after {
  bottom: calc(0px - 12px / 2 - 1px);
  left: calc(50% + calc(0px - 12px / 2 - 1px));
  border-top: none;
  border-left: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-left:after {
  top: calc(50% + calc(0px - 12px / 2 - 1px));
  left: calc(0px - 12px / 2 - 1px);
  border-top: none;
  border-right: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-left-top:after {
  top: 12px;
  left: calc(0px - 12px / 2 - 1px);
  border-top: none;
  border-right: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-left-bottom:after {
  bottom: 12px;
  left: calc(0px - 12px / 2 - 1px);
  border-top: none;
  border-right: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-right-top:after {
  top: 12px;
  right: calc(0px - 12px / 2 - 1px);
  border-bottom: none;
  border-left: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-right-bottom:after {
  right: calc(0px - 12px / 2 - 1px);
  bottom: 12px;
  border-bottom: none;
  border-left: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-top-left:after {
  top: calc(0px - 12px / 2 - 1px);
  left: 12px;
  border-right: none;
  border-bottom: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-top-right:after {
  top: calc(0px - 12px / 2 - 1px);
  right: 12px;
  border-right: none;
  border-bottom: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-bottom-left:after {
  bottom: calc(0px - 12px / 2 - 1px);
  left: 12px;
  border-top: none;
  border-left: none;
}
.vp-theme-balloon-primary.vp-theme-balloon-bottom-right:after {
  right: 12px;
  bottom: calc(0px - 12px / 2 - 1px);
  border-top: none;
  border-left: none;
}
.vp-theme-balloon-normal {
  color: #333333;
  border-color: #DCDEE3;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  border-width: 1px;
}
.vp-theme-balloon-normal .vp-theme-balloon-close {
  position: absolute;
  top: -1px;
  transform: translateY(calc(16px + (12px - 12px) / 2));
  right: 12px;
  font-size: 12px;
  cursor: pointer;
  color: #999999;
}
.vp-theme-balloon-normal .vp-theme-balloon-close .vp-theme-icon {
  width: 12px;
  height: 12px;
  line-height: 1em;
}
.vp-theme-balloon-normal .vp-theme-balloon-close .vp-theme-icon:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 1em;
}
.vp-theme-balloon-normal .vp-theme-balloon-close :hover {
  color: #666666;
}
.vp-theme-balloon-normal:after {
  position: absolute;
  width: 12px;
  height: 12px;
  content: "";
  transform: rotate(45deg);
  box-sizing: content-box !important;
  border: 1px solid #DCDEE3;
  background-color: #FFFFFF;
  z-index: -1;
}
.vp-theme-balloon-normal.vp-theme-balloon-top:after {
  top: calc(0px - 12px / 2 - 1px);
  left: calc(50% + calc(0px - 12px / 2 - 1px));
  border-right: none;
  border-bottom: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-right:after {
  top: calc(50% + calc(0px - 12px / 2 - 1px));
  right: calc(0px - 12px / 2 - 1px);
  border-left: none;
  border-bottom: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-bottom:after {
  bottom: calc(0px - 12px / 2 - 1px);
  left: calc(50% + calc(0px - 12px / 2 - 1px));
  border-top: none;
  border-left: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-left:after {
  top: calc(50% + calc(0px - 12px / 2 - 1px));
  left: calc(0px - 12px / 2 - 1px);
  border-top: none;
  border-right: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-left-top:after {
  top: 12px;
  left: calc(0px - 12px / 2 - 1px);
  border-top: none;
  border-right: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-left-bottom:after {
  bottom: 12px;
  left: calc(0px - 12px / 2 - 1px);
  border-top: none;
  border-right: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-right-top:after {
  top: 12px;
  right: calc(0px - 12px / 2 - 1px);
  border-bottom: none;
  border-left: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-right-bottom:after {
  right: calc(0px - 12px / 2 - 1px);
  bottom: 12px;
  border-bottom: none;
  border-left: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-top-left:after {
  top: calc(0px - 12px / 2 - 1px);
  left: 12px;
  border-right: none;
  border-bottom: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-top-right:after {
  top: calc(0px - 12px / 2 - 1px);
  right: 12px;
  border-right: none;
  border-bottom: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-bottom-left:after {
  bottom: calc(0px - 12px / 2 - 1px);
  left: 12px;
  border-top: none;
  border-left: none;
}
.vp-theme-balloon-normal.vp-theme-balloon-bottom-right:after {
  right: 12px;
  bottom: calc(0px - 12px / 2 - 1px);
  border-top: none;
  border-left: none;
}
.vp-theme-balloon.visible {
  display: block;
}
.vp-theme-balloon.hidden {
  display: none;
}
.vp-theme-balloon-medium {
  padding: 16px 16px 16px 16px;
}
.vp-theme-balloon-closable {
  padding: 16px 40px 16px 16px;
}

.vp-theme-balloon-tooltip {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  max-width: 300px;
  border-style: solid;
  border-radius: 3px;
  font-size: 12px;
  font-weight: normal;
  z-index: 0;
  /* stylelint-disable */
  word-wrap: break-all;
  word-wrap: break-word;
  /* stylelint-enable */
  color: #333333;
  border-color: #DCDEE3;
  background-color: #F2F3F7;
  box-shadow: none;
  border-width: 1px;
  /* size */
}
.vp-theme-balloon-tooltip *,
.vp-theme-balloon-tooltip *:before,
.vp-theme-balloon-tooltip *:after {
  box-sizing: border-box;
}
.vp-theme-balloon-tooltip .vp-theme-balloon-arrow {
  position: absolute;
  display: block;
  width: calc(12px * 2);
  height: calc(12px * 2);
  overflow: hidden;
  background: 0 0;
  pointer-events: none;
}
.vp-theme-balloon-tooltip .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  background-color: #F2F3F7;
  border: 1px solid #DCDEE3;
  pointer-events: auto;
}
.vp-theme-balloon-tooltip-top .vp-theme-balloon-arrow {
  top: calc(0px - (12px * 2));
  left: calc(50% - 12px);
}
.vp-theme-balloon-tooltip-top .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.vp-theme-balloon-tooltip-right .vp-theme-balloon-arrow {
  top: calc(50% - 12px);
  right: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-right .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(calc(0px - 12px)) rotate(45deg);
}
.vp-theme-balloon-tooltip-bottom .vp-theme-balloon-arrow {
  left: calc(50% - 12px);
  bottom: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-bottom .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateY(calc(0px - 12px)) rotate(45deg);
}
.vp-theme-balloon-tooltip-left .vp-theme-balloon-arrow {
  top: calc(50% - 12px);
  left: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-left .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(12px) rotate(45deg);
}
.vp-theme-balloon-tooltip-left-top .vp-theme-balloon-arrow {
  top: calc(12px - (12px / 2));
  left: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-left-top .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(12px) rotate(45deg);
}
.vp-theme-balloon-tooltip-left-bottom .vp-theme-balloon-arrow {
  bottom: calc(12px - (12px / 2));
  left: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-left-bottom .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(12px) rotate(45deg);
}
.vp-theme-balloon-tooltip-right-top .vp-theme-balloon-arrow {
  top: calc(12px - (12px / 2));
  right: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-right-top .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(calc(0px - 12px)) rotate(45deg);
}
.vp-theme-balloon-tooltip-right-bottom .vp-theme-balloon-arrow {
  bottom: calc(12px - (12px / 2));
  right: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-right-bottom .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(calc(0px - 12px)) rotate(45deg);
}
.vp-theme-balloon-tooltip-top-left .vp-theme-balloon-arrow {
  left: calc(12px - (12px / 2));
  top: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-top-left .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.vp-theme-balloon-tooltip-top-right .vp-theme-balloon-arrow {
  right: calc(12px - (12px / 2));
  top: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-top-right .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateY(12px) rotate(45deg);
}
.vp-theme-balloon-tooltip-bottom-left .vp-theme-balloon-arrow {
  left: calc(12px - (12px / 2));
  bottom: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-bottom-left .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateY(calc(0px - 12px)) rotate(45deg);
}
.vp-theme-balloon-tooltip-bottom-right .vp-theme-balloon-arrow {
  right: calc(12px - (12px / 2));
  bottom: calc(0px - (12px * 2));
}
.vp-theme-balloon-tooltip-bottom-right .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateY(calc(0px - 12px)) rotate(45deg);
}
.vp-theme-balloon-tooltip.visible {
  display: block;
}
.vp-theme-balloon-tooltip.hidden {
  display: none;
}
.vp-theme-balloon-tooltip-medium {
  padding: 8px 8px 8px 8px;
}

.vp-theme-balloon[dir=rtl] {
  /* 带关闭按钮的右侧padding变大 */
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary .vp-theme-balloon-close {
  left: 12px;
  right: auto;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary.vp-theme-balloon-right:after {
  left: calc(0px - 12px / 2 - 1px);
  right: auto;
  border-right: none;
  border-top: none;
  border-left: inherit;
  border-bottom: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary.vp-theme-balloon-left:after {
  right: calc(0px - 12px / 2 - 1px);
  left: auto;
  border-left: none;
  border-bottom: none;
  border-right: inherit;
  border-top: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary.vp-theme-balloon-left-top:after {
  right: calc(0px - 12px / 2 - 1px);
  left: auto;
  border-left: none;
  border-bottom: none;
  border-top: inherit;
  border-right: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary.vp-theme-balloon-left-bottom:after {
  right: calc(0px - 12px / 2 - 1px);
  left: auto;
  border-left: none;
  border-bottom: none;
  border-top: inherit;
  border-right: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary.vp-theme-balloon-right-top:after {
  left: calc(0px - 12px / 2 - 1px);
  right: auto;
  border-right: none;
  border-top: none;
  border-bottom: inherit;
  border-left: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary.vp-theme-balloon-right-bottom:after {
  left: calc(0px - 12px / 2 - 1px);
  right: auto;
  border-right: none;
  border-top: none;
  border-bottom: inherit;
  border-left: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary.vp-theme-balloon-top-left:after {
  right: 12px;
  left: auto;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary.vp-theme-balloon-top-right:after {
  right: auto;
  left: 12px;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary.vp-theme-balloon-bottom-left:after {
  right: 12px;
  left: auto;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-primary.vp-theme-balloon-bottom-right:after {
  left: 12px;
  right: auto;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal .vp-theme-balloon-close {
  left: 12px;
  right: auto;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal.vp-theme-balloon-right:after {
  left: calc(0px - 12px / 2 - 1px);
  right: auto;
  border-right: none;
  border-top: none;
  border-left: inherit;
  border-bottom: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal.vp-theme-balloon-left:after {
  right: calc(0px - 12px / 2 - 1px);
  left: auto;
  border-left: none;
  border-bottom: none;
  border-right: inherit;
  border-top: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal.vp-theme-balloon-left-top:after {
  right: calc(0px - 12px / 2 - 1px);
  left: auto;
  border-left: none;
  border-bottom: none;
  border-top: inherit;
  border-right: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal.vp-theme-balloon-left-bottom:after {
  right: calc(0px - 12px / 2 - 1px);
  left: auto;
  border-left: none;
  border-bottom: none;
  border-top: inherit;
  border-right: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal.vp-theme-balloon-right-top:after {
  left: calc(0px - 12px / 2 - 1px);
  right: auto;
  border-right: none;
  border-top: none;
  border-bottom: inherit;
  border-left: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal.vp-theme-balloon-right-bottom:after {
  left: calc(0px - 12px / 2 - 1px);
  right: auto;
  border-right: none;
  border-top: none;
  border-bottom: inherit;
  border-left: inherit;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal.vp-theme-balloon-top-left:after {
  right: 12px;
  left: auto;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal.vp-theme-balloon-top-right:after {
  right: auto;
  left: 12px;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal.vp-theme-balloon-bottom-left:after {
  right: 12px;
  left: auto;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-normal.vp-theme-balloon-bottom-right:after {
  left: 12px;
  right: auto;
}
.vp-theme-balloon[dir=rtl].vp-theme-balloon-closable {
  padding: 16px 16px 16px 40px;
}

.vp-theme-balloon-tooltip[dir=rtl] {
  /* size */
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-right .vp-theme-balloon-arrow {
  left: calc(0px - (12px * 2));
  right: auto;
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-right .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(12px) rotate(45deg);
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-left .vp-theme-balloon-arrow {
  right: calc(0px - (12px * 2));
  left: auto;
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-left .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(-12px) rotate(45deg);
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-left-top .vp-theme-balloon-arrow {
  right: calc(0px - (12px * 2));
  left: auto;
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-left-top .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(-12px) rotate(45deg);
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-left-bottom .vp-theme-balloon-arrow {
  right: calc(0px - (12px * 2));
  left: auto;
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-left-bottom .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(-12px) rotate(45deg);
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-right-top .vp-theme-balloon-arrow {
  left: calc(0px - (12px * 2));
  right: auto;
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-right-top .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(12px) rotate(45deg);
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-right-bottom .vp-theme-balloon-arrow {
  left: calc(0px - (12px * 2));
  right: auto;
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-right-bottom .vp-theme-balloon-arrow .vp-theme-balloon-arrow-content {
  transform: translateX(12px) rotate(45deg);
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-top-left .vp-theme-balloon-arrow {
  right: calc(12px - 2px);
  left: auto;
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-top-right .vp-theme-balloon-arrow {
  left: calc(12px - 2px);
  right: auto;
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-bottom-left .vp-theme-balloon-arrow {
  right: calc(12px - 2px);
  left: auto;
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-bottom-right .vp-theme-balloon-arrow {
  left: calc(12px - 2px);
  right: auto;
}
.vp-theme-balloon-tooltip[dir=rtl].vp-theme-balloon-tooltip-medium {
  padding: 8px 8px 8px 8px;
}
.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-nav {
  box-sizing: border-box;
  min-width: auto;
  border-radius: 0;
}
.vp-theme-nav *,
.vp-theme-nav *:before,
.vp-theme-nav *:after {
  box-sizing: border-box;
}
.vp-theme-nav-icon.vp-theme-icon {
  margin-right: 4px;
  font-weight: inherit;
}
.vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-nav-group-label {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
}
.vp-theme-nav-item .vp-theme-menu-item-text > span,
.vp-theme-nav-item .vp-theme-nav-group-label > span {
  opacity: 1;
  transition: opacity 100ms linear;
}
.vp-theme-nav-item .vp-theme-menu-item-text > a {
  text-decoration: none;
  color: inherit;
}
.vp-theme-nav-item .vp-theme-menu-hoz-icon-arrow.vp-theme-icon,
.vp-theme-nav-item .vp-theme-menu-icon-arrow.vp-theme-icon, .vp-theme-nav-item:hover .vp-theme-menu-hoz-icon-arrow.vp-theme-icon,
.vp-theme-nav-item:hover .vp-theme-menu-icon-arrow.vp-theme-icon, .vp-theme-nav-item.vp-theme-focused .vp-theme-menu-hoz-icon-arrow.vp-theme-icon,
.vp-theme-nav-item.vp-theme-focused .vp-theme-menu-icon-arrow.vp-theme-icon, .vp-theme-nav-item.vp-theme-selected .vp-theme-menu-hoz-icon-arrow.vp-theme-icon,
.vp-theme-nav-item.vp-theme-selected .vp-theme-menu-icon-arrow.vp-theme-icon, .vp-theme-nav-item.vp-theme-opened .vp-theme-menu-hoz-icon-arrow.vp-theme-icon,
.vp-theme-nav-item.vp-theme-opened .vp-theme-menu-icon-arrow.vp-theme-icon {
  color: inherit;
  top: 0;
  transform-origin: center 50%;
}
.vp-theme-nav.vp-theme-active .vp-theme-nav-item:before {
  position: absolute;
  transition: all 300ms ease;
  content: "";
}
.vp-theme-nav.vp-theme-hoz {
  padding: 0;
  height: calc(44px + 2 * 0px);
  line-height: calc(44px - 1px * 2);
  font-size: 12px;
}
.vp-theme-nav.vp-theme-hoz .vp-theme-menu-item.vp-theme-nav-item {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0 20px;
  border-radius: 0;
}
.vp-theme-nav.vp-theme-hoz .vp-theme-menu-item,
.vp-theme-nav.vp-theme-hoz .vp-theme-menu-sub-menu-wrapper > .vp-theme-menu-item {
  margin-top: 0px;
  margin-bottom: 0px;
}
.vp-theme-nav.vp-theme-hoz .vp-theme-menu-item-inner {
  height: calc(44px - 1px * 2);
  font-size: 12px;
}
.vp-theme-nav.vp-theme-hoz .vp-theme-menu-item.vp-theme-nav-item.vp-theme-nav-with-title {
  line-height: 1;
  padding: 12px 8px;
}
.vp-theme-nav.vp-theme-hoz .vp-theme-menu-item.vp-theme-nav-item.vp-theme-nav-with-title .vp-theme-menu-item-inner {
  height: auto;
  min-height: calc(44px - 1px * 2);
}
.vp-theme-nav.vp-theme-hoz .vp-theme-menu-item.vp-theme-nav-item.vp-theme-nav-with-title .vp-theme-nav-text {
  display: block;
  line-height: 1;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vp-theme-nav.vp-theme-hoz .vp-theme-nav-group-label .vp-theme-menu-item-inner {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
}
.vp-theme-nav.vp-theme-hoz .vp-theme-menu-header {
  float: left;
  height: calc(44px - 1px * 2);
}
.vp-theme-nav.vp-theme-hoz .vp-theme-menu-footer {
  float: right;
  height: calc(44px - 1px * 2);
}
.vp-theme-nav.vp-theme-hoz .vp-theme-nav-item:before {
  width: 0;
  left: 50%;
  height: 2px;
}
.vp-theme-nav.vp-theme-hoz .vp-theme-nav-item:hover:before {
  height: 0px;
}
.vp-theme-nav.vp-theme-hoz.vp-theme-top .vp-theme-nav-item:before {
  top: calc(0px - 1px);
}
.vp-theme-nav.vp-theme-hoz.vp-theme-bottom .vp-theme-nav-item:before {
  bottom: calc(0px - 1px);
}
.vp-theme-nav.vp-theme-hoz .vp-theme-selected.vp-theme-nav-item:before {
  width: 100%;
  left: 0;
  height: 2px;
}
.vp-theme-nav.vp-theme-ver {
  padding: 0;
  transition: width 300ms ease;
  line-height: 40px;
  font-size: 12px;
}
.vp-theme-nav.vp-theme-ver .vp-theme-menu-item.vp-theme-nav-item {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0 20px;
  border-radius: 0;
}
.vp-theme-nav.vp-theme-ver .vp-theme-menu-item:not(:first-child),
.vp-theme-nav.vp-theme-ver .vp-theme-menu-sub-menu-wrapper:not(:first-child) > .vp-theme-menu-item {
  margin-top: 0px;
}
.vp-theme-nav.vp-theme-ver .vp-theme-menu-item:not(:last-child),
.vp-theme-nav.vp-theme-ver .vp-theme-menu-sub-menu-wrapper:not(:last-child) > .vp-theme-menu-item {
  margin-bottom: 0px;
}
.vp-theme-nav.vp-theme-ver .vp-theme-menu-item-inner {
  height: 40px;
  font-size: 12px;
}
.vp-theme-nav.vp-theme-ver .vp-theme-menu-item.vp-theme-nav-item.vp-theme-nav-with-title {
  line-height: 1;
  padding: 12px 8px;
}
.vp-theme-nav.vp-theme-ver .vp-theme-menu-item.vp-theme-nav-item.vp-theme-nav-with-title .vp-theme-menu-item-inner {
  height: auto;
  min-height: 40px;
}
.vp-theme-nav.vp-theme-ver .vp-theme-menu-item.vp-theme-nav-item.vp-theme-nav-with-title .vp-theme-nav-text {
  display: block;
  line-height: 1;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vp-theme-nav.vp-theme-ver .vp-theme-nav-group-label .vp-theme-menu-item-inner {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
}
.vp-theme-nav.vp-theme-ver > .vp-theme-menu-item:first-child,
.vp-theme-nav.vp-theme-ver > .vp-theme-menu-sub-menu-wrapper:first-child > .vp-theme-menu-item {
  margin-top: 0px;
}
.vp-theme-nav.vp-theme-ver > .vp-theme-menu-item:last-child,
.vp-theme-nav.vp-theme-ver > .vp-theme-menu-sub-menu-wrapper:last-child > .vp-theme-menu-item {
  margin-bottom: 0px;
}
.vp-theme-nav.vp-theme-ver .vp-theme-menu-sub-menu {
  line-height: 40px;
}
.vp-theme-nav.vp-theme-ver .vp-theme-menu-sub-menu .vp-theme-menu-item-inner {
  height: 40px;
  font-size: 12px;
}
.vp-theme-nav.vp-theme-ver .vp-theme-nav-item:before {
  height: 0;
  top: 50%;
  width: 2px;
}
.vp-theme-nav.vp-theme-ver .vp-theme-nav-item:hover:before {
  width: 0px;
}
.vp-theme-nav.vp-theme-ver.vp-theme-left .vp-theme-nav-item:before, .vp-theme-nav.vp-theme-ver.vp-theme-top .vp-theme-nav-item:before {
  left: calc(0px - 1px);
}
.vp-theme-nav.vp-theme-ver.vp-theme-right .vp-theme-nav-item:before, .vp-theme-nav.vp-theme-ver.vp-theme-bottom .vp-theme-nav-item:before {
  right: calc(0px - 1px);
}
.vp-theme-nav.vp-theme-ver .vp-theme-selected.vp-theme-nav-item:before {
  height: 100%;
  top: 0;
  width: 2px;
}
.vp-theme-nav.vp-theme-primary {
  border-width: 0px;
  background: #333333;
  border-color: #333333;
  color: #FFFFFF;
  font-weight: normal;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
}
.vp-theme-nav.vp-theme-primary.vp-theme-hoz {
  line-height: 44px;
  line-height: calc(44px - 0px * 2);
}
.vp-theme-nav.vp-theme-primary.vp-theme-hoz .vp-theme-menu-header,
.vp-theme-nav.vp-theme-primary.vp-theme-hoz .vp-theme-menu-footer,
.vp-theme-nav.vp-theme-primary.vp-theme-hoz .vp-theme-menu-item-inner {
  line-height: 44px;
  height: calc(44px - 0px * 2);
}
.vp-theme-nav.vp-theme-primary.vp-theme-hoz.vp-theme-top .vp-theme-nav-item:before {
  top: 0;
  top: calc(0px - 0px);
}
.vp-theme-nav.vp-theme-primary.vp-theme-hoz.vp-theme-bottom .vp-theme-nav-item:before {
  bottom: 0;
  bottom: calc(0px - 0px);
}
.vp-theme-nav.vp-theme-primary.vp-theme-ver.vp-theme-left .vp-theme-nav-item:before {
  left: 0;
  left: calc(0px - 0px);
}
.vp-theme-nav.vp-theme-primary.vp-theme-ver.vp-theme-right .vp-theme-nav-item:before {
  right: 0;
  right: calc(0px - 0px);
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item {
  background: #333333;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-focused, .vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item:hover {
  background: #000000;
  color: #FFFFFF;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-selected {
  background: #000000;
  color: #FFFFFF;
  font-weight: bold;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-opened {
  background: transparent;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-child-selected {
  font-weight: bold;
  background: transparent;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-opened.vp-theme-nav-popup {
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-child-selected.vp-theme-nav-popup {
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item:before {
  background: #5584FF;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item:hover:before {
  background: #5584FF;
}
.vp-theme-nav.vp-theme-primary .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-opened {
  background: transparent;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-group-label {
  color: #999999;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-primary .vp-theme-menu-sub-menu .vp-theme-menu-item {
  background: #333333;
  color: #FFFFFF;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-primary .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-focused, .vp-theme-nav.vp-theme-primary .vp-theme-menu-sub-menu .vp-theme-menu-item:hover {
  background: #000000;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-primary .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-selected {
  background: #000000;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled, .vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a {
  color: #CCCCCC;
  cursor: not-allowed;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-icon-arrow, .vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a .vp-theme-menu-icon-arrow {
  color: #CCCCCC;
}
.vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-icon-selected, .vp-theme-nav.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a .vp-theme-menu-icon-selected {
  color: #CCCCCC;
}
.vp-theme-nav.vp-theme-secondary {
  border-width: 0px;
  background: #5584FF;
  border-color: #5584FF;
  color: #FFFFFF;
  font-weight: normal;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
}
.vp-theme-nav.vp-theme-secondary.vp-theme-hoz {
  line-height: 44px;
  line-height: calc(44px - 0px * 2);
}
.vp-theme-nav.vp-theme-secondary.vp-theme-hoz .vp-theme-menu-header,
.vp-theme-nav.vp-theme-secondary.vp-theme-hoz .vp-theme-menu-footer,
.vp-theme-nav.vp-theme-secondary.vp-theme-hoz .vp-theme-menu-item-inner {
  line-height: 44px;
  height: calc(44px - 0px * 2);
}
.vp-theme-nav.vp-theme-secondary.vp-theme-hoz.vp-theme-top .vp-theme-nav-item:before {
  top: 0;
  top: calc(0px - 0px);
}
.vp-theme-nav.vp-theme-secondary.vp-theme-hoz.vp-theme-bottom .vp-theme-nav-item:before {
  bottom: 0;
  bottom: calc(0px - 0px);
}
.vp-theme-nav.vp-theme-secondary.vp-theme-ver.vp-theme-left .vp-theme-nav-item:before {
  left: 0;
  left: calc(0px - 0px);
}
.vp-theme-nav.vp-theme-secondary.vp-theme-ver.vp-theme-right .vp-theme-nav-item:before {
  right: 0;
  right: calc(0px - 0px);
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item {
  background: #5584FF;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-focused, .vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item:hover {
  background: #3E71F7;
  color: #FFFFFF;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-selected {
  background: #3E71F7;
  color: #FFFFFF;
  font-weight: bold;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-opened {
  background: transparent;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-child-selected {
  font-weight: bold;
  background: transparent;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-opened.vp-theme-nav-popup {
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-child-selected.vp-theme-nav-popup {
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item:before {
  background: #3E71F7;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item:hover:before {
  background: #3E71F7;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-opened {
  background: transparent;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-group-label {
  color: #FFFFFF;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-menu-sub-menu .vp-theme-menu-item {
  background: #5584FF;
  color: #FFFFFF;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-focused, .vp-theme-nav.vp-theme-secondary .vp-theme-menu-sub-menu .vp-theme-menu-item:hover {
  background: #3E71F7;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-selected {
  background: #3E71F7;
  color: #FFFFFF;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled, .vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a {
  color: #DEE8FF;
  cursor: not-allowed;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-icon-arrow, .vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a .vp-theme-menu-icon-arrow {
  color: #DEE8FF;
}
.vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-icon-selected, .vp-theme-nav.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a .vp-theme-menu-icon-selected {
  color: #DEE8FF;
}
.vp-theme-nav.vp-theme-normal {
  background: #FFFFFF;
  border-color: #DCDEE3;
  color: #333333;
  font-weight: normal;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item {
  background: #FFFFFF;
  color: #333333;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-focused, .vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item:hover {
  background: #FFFFFF;
  color: #5584FF;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-selected {
  background: #F2F3F7;
  color: #5584FF;
  font-weight: bold;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-opened {
  background: transparent;
  color: #5584FF;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-child-selected {
  font-weight: normal;
  background: transparent;
  color: #5584FF;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-opened.vp-theme-nav-popup {
  color: #5584FF;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-child-selected.vp-theme-nav-popup {
  color: #5584FF;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item:before {
  background: #5584FF;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item:hover:before {
  background: #5584FF;
}
.vp-theme-nav.vp-theme-normal .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-opened {
  background: transparent;
  color: #5584FF;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-group-label {
  color: #999999;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-normal .vp-theme-menu-sub-menu .vp-theme-menu-item {
  background: #FFFFFF;
  color: #333333;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-normal .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-focused, .vp-theme-nav.vp-theme-normal .vp-theme-menu-sub-menu .vp-theme-menu-item:hover {
  background: #F2F3F7;
  color: #5584FF;
}
.vp-theme-nav.vp-theme-normal .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-selected {
  background: #F2F3F7;
  color: #5584FF;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled, .vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a {
  color: #999999;
  cursor: not-allowed;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-icon-arrow, .vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a .vp-theme-menu-icon-arrow {
  color: #999999;
}
.vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-icon-selected, .vp-theme-nav.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a .vp-theme-menu-icon-selected {
  color: #999999;
}
.vp-theme-nav.vp-theme-line {
  background: transparent;
  border-color: #DCDEE3;
  color: #333333;
  font-weight: normal;
  box-shadow: none;
}
.vp-theme-nav.vp-theme-line.vp-theme-hoz {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.vp-theme-nav.vp-theme-line.vp-theme-ver {
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item {
  background: transparent;
  color: #333333;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-focused, .vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item:hover {
  background: transparent;
  color: #5584FF;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-selected {
  background: transparent;
  color: #5584FF;
  font-weight: bold;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-opened {
  background: transparent;
  color: #5584FF;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-child-selected {
  font-weight: normal;
  background: transparent;
  color: #5584FF;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-opened.vp-theme-nav-popup {
  color: #5584FF;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-child-selected.vp-theme-nav-popup {
  color: #5584FF;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item:before {
  background: #5584FF;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item:hover:before {
  background: #5584FF;
}
.vp-theme-nav.vp-theme-line .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-opened {
  background: transparent;
  color: #5584FF;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-group-label {
  color: #999999;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-line .vp-theme-menu-sub-menu .vp-theme-menu-item {
  background: transparent;
  color: #333333;
  font-weight: normal;
}
.vp-theme-nav.vp-theme-line .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-focused, .vp-theme-nav.vp-theme-line .vp-theme-menu-sub-menu .vp-theme-menu-item:hover {
  background: transparent;
  color: #5584FF;
}
.vp-theme-nav.vp-theme-line .vp-theme-menu-sub-menu .vp-theme-menu-item.vp-theme-selected {
  background: transparent;
  color: #5584FF;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled, .vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a {
  color: #999999;
  cursor: not-allowed;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-icon-arrow, .vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a .vp-theme-menu-icon-arrow {
  color: #999999;
}
.vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-icon-selected, .vp-theme-nav.vp-theme-line .vp-theme-nav-item.vp-theme-menu-item.vp-theme-disabled .vp-theme-menu-item-text > a .vp-theme-menu-icon-selected {
  color: #999999;
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-icon-only-text {
  padding-top: 4px;
  padding-bottom: 4px;
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-custom-icon-only-width {
  text-align: center;
}
.vp-theme-nav.vp-theme-icon-only .vp-theme-menu-item-inner {
  text-overflow: clip;
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-normal .vp-theme-nav-icon.vp-theme-icon {
  margin-left: calc((58px - 16px) / 2 - 20px);
  margin-right: calc((58px - 16px) / 2 - 20px);
  margin-left: calc((58px - 16px) / 2 - 20px - 1px);
  margin-right: calc((58px - 16px) / 2 - 20px - 1px);
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-normal .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav.vp-theme-icon-only.vp-theme-normal .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-normal .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav.vp-theme-icon-only.vp-theme-normal .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-primary .vp-theme-nav-icon.vp-theme-icon {
  margin-left: calc((58px - 16px) / 2 - 20px);
  margin-right: calc((58px - 16px) / 2 - 20px);
  margin-left: calc((58px - 16px) / 2 - 20px - 0px);
  margin-right: calc((58px - 16px) / 2 - 20px - 0px);
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-primary .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav.vp-theme-icon-only.vp-theme-primary .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-primary .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav.vp-theme-icon-only.vp-theme-primary .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-secondary .vp-theme-nav-icon.vp-theme-icon {
  margin-left: calc((58px - 16px) / 2 - 20px);
  margin-right: calc((58px - 16px) / 2 - 20px);
  margin-left: calc((58px - 16px) / 2 - 20px - 0px);
  margin-right: calc((58px - 16px) / 2 - 20px - 0px);
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-secondary .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav.vp-theme-icon-only.vp-theme-secondary .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-nav.vp-theme-icon-only.vp-theme-secondary .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav.vp-theme-icon-only.vp-theme-secondary .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-nav.vp-theme-icon-only .vp-theme-nav-icon-only-arrow.vp-theme-icon {
  margin-left: calc((58px - 16px) / 2 - 20px);
  margin-right: calc((58px - 16px) / 2 - 20px);
  transition: all 100ms linear;
  transform-origin: center 50%;
}
.vp-theme-nav.vp-theme-icon-only .vp-theme-nav-icon-only-arrow.vp-theme-icon:before, .vp-theme-nav.vp-theme-icon-only .vp-theme-nav-icon-only-arrow.vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-nav.vp-theme-icon-only .vp-theme-nav-item.vp-theme-opened .vp-theme-nav-icon-only-arrow.vp-theme-icon-arrow-down {
  transform: rotate(180deg);
  margin-left: calc((58px - 16px) / 2 - 20px);
  margin-right: calc((58px - 16px) / 2 - 20px);
}
.vp-theme-nav.vp-theme-icon-only .vp-theme-nav-item.vp-theme-opened .vp-theme-nav-icon-only-arrow.vp-theme-icon-arrow-down:before, .vp-theme-nav.vp-theme-icon-only .vp-theme-nav-item.vp-theme-opened .vp-theme-nav-icon-only-arrow.vp-theme-icon-arrow-down .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-nav.vp-theme-icon-only .vp-theme-menu-hoz-icon-arrow,
.vp-theme-nav.vp-theme-icon-only .vp-theme-menu-icon-arrow {
  display: none;
}
.vp-theme-nav-embeddable.vp-theme-primary, .vp-theme-nav-embeddable.vp-theme-secondary, .vp-theme-nav-embeddable.vp-theme-normal {
  height: 100%;
  background: transparent;
  box-shadow: none;
  border: none;
}
.vp-theme-nav-embeddable.vp-theme-primary .vp-theme-menu-sub-menu .vp-theme-menu-item,
.vp-theme-nav-embeddable.vp-theme-primary .vp-theme-nav-item.vp-theme-menu-item, .vp-theme-nav-embeddable.vp-theme-secondary .vp-theme-menu-sub-menu .vp-theme-menu-item,
.vp-theme-nav-embeddable.vp-theme-secondary .vp-theme-nav-item.vp-theme-menu-item, .vp-theme-nav-embeddable.vp-theme-normal .vp-theme-menu-sub-menu .vp-theme-menu-item,
.vp-theme-nav-embeddable.vp-theme-normal .vp-theme-nav-item.vp-theme-menu-item {
  background: transparent;
}
.vp-theme-nav-embeddable.vp-theme-primary.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon, .vp-theme-nav-embeddable.vp-theme-secondary.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon, .vp-theme-nav-embeddable.vp-theme-normal.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon {
  margin-left: calc((58px - 16px) / 2 - 20px);
  margin-right: calc((58px - 16px) / 2 - 20px);
  margin-left: calc((58px - 16px) / 2 - 20px - 0px);
  margin-right: calc((58px - 16px) / 2 - 20px - 0px);
}
.vp-theme-nav-embeddable.vp-theme-primary.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav-embeddable.vp-theme-primary.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote, .vp-theme-nav-embeddable.vp-theme-secondary.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav-embeddable.vp-theme-secondary.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote, .vp-theme-nav-embeddable.vp-theme-normal.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav-embeddable.vp-theme-normal.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-nav-embeddable.vp-theme-primary.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav-embeddable.vp-theme-primary.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote, .vp-theme-nav-embeddable.vp-theme-secondary.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav-embeddable.vp-theme-secondary.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote, .vp-theme-nav-embeddable.vp-theme-normal.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav-embeddable.vp-theme-normal.vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-nav-embeddable.vp-theme-nav.vp-theme-hoz .vp-theme-menu-item-inner {
  height: 100%;
}
.vp-theme-nav-embeddable.vp-theme-nav.vp-theme-hoz .vp-theme-menu-sub-menu .vp-theme-menu-item,
.vp-theme-nav-embeddable.vp-theme-nav.vp-theme-hoz .vp-theme-nav-item.vp-theme-menu-item {
  height: 100%;
}
.vp-theme-nav-embeddable, .vp-theme-nav-embeddable .vp-theme-nav-item.vp-theme-disabled, .vp-theme-nav-embeddable .vp-theme-nav-item.vp-theme-disabled .vp-theme-menu-item-text > a {
  background: transparent;
  border: none;
}

.vp-theme-nav[dir=rtl] .vp-theme-nav-icon.vp-theme-icon {
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-nav[dir=rtl] .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav[dir=rtl] .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-nav[dir=rtl].vp-theme-hoz .vp-theme-menu-header {
  float: right;
}
.vp-theme-nav[dir=rtl].vp-theme-hoz .vp-theme-menu-footer {
  float: left;
}
.vp-theme-nav[dir=rtl].vp-theme-hoz .vp-theme-nav-item:before {
  width: 0;
  left: 50%;
}
.vp-theme-nav[dir=rtl].vp-theme-hoz .vp-theme-selected.vp-theme-nav-item:before {
  width: 100%;
  left: auto;
  right: 0;
}
.vp-theme-nav[dir=rtl].vp-theme-ver.vp-theme-left .vp-theme-nav-item:before {
  right: 0;
  right: calc(0px - 1px);
  left: auto;
}
.vp-theme-nav[dir=rtl].vp-theme-ver.vp-theme-right .vp-theme-nav-item:before {
  left: 0;
  left: calc(0px - 1px);
  right: auto;
}
.vp-theme-nav[dir=rtl].vp-theme-primary.vp-theme-ver.vp-theme-left .vp-theme-nav-item:before {
  right: 0;
  right: calc(0px - 0px);
  left: auto;
}
.vp-theme-nav[dir=rtl].vp-theme-primary.vp-theme-ver.vp-theme-right .vp-theme-nav-item:before {
  left: 0;
  left: calc(0px - 0px);
  right: auto;
}
.vp-theme-nav[dir=rtl].vp-theme-secondary.vp-theme-ver.vp-theme-left .vp-theme-nav-item:before {
  right: 0;
  right: calc(0px - 0px);
  left: auto;
}
.vp-theme-nav[dir=rtl].vp-theme-secondary.vp-theme-ver.vp-theme-right .vp-theme-nav-item:before {
  left: 0;
  left: calc(0px - 0px);
  right: auto;
}
.vp-theme-nav[dir=rtl] .vp-theme-nav.vp-theme-line.vp-theme-ver {
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.vp-theme-nav[dir=rtl].vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon,
.vp-theme-nav[dir=rtl].vp-theme-icon-only .vp-theme-nav-icon-only-arrow.vp-theme-icon,
.vp-theme-nav[dir=rtl].vp-theme-icon-only .vp-theme-nav-item.vp-theme-opened .vp-theme-nav-icon-only-arrow.vp-theme-icon-arrow-down {
  margin-left: 0;
  margin-right: calc((18px - 16px) / 2);
}
.vp-theme-nav[dir=rtl].vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon:before, .vp-theme-nav[dir=rtl].vp-theme-icon-only .vp-theme-nav-icon.vp-theme-icon .vp-theme-icon-remote,
.vp-theme-nav[dir=rtl].vp-theme-icon-only .vp-theme-nav-icon-only-arrow.vp-theme-icon:before,
.vp-theme-nav[dir=rtl].vp-theme-icon-only .vp-theme-nav-icon-only-arrow.vp-theme-icon .vp-theme-icon-remote,
.vp-theme-nav[dir=rtl].vp-theme-icon-only .vp-theme-nav-item.vp-theme-opened .vp-theme-nav-icon-only-arrow.vp-theme-icon-arrow-down:before,
.vp-theme-nav[dir=rtl].vp-theme-icon-only .vp-theme-nav-item.vp-theme-opened .vp-theme-nav-icon-only-arrow.vp-theme-icon-arrow-down .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

/** light **/
/** dark **/
/** brand **/
.vp-theme-shell {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
}
.vp-theme-shell *,
.vp-theme-shell *:before,
.vp-theme-shell *:after {
  box-sizing: border-box;
}
.vp-theme-shell-content-wrapper {
  overflow: auto;
}
.vp-theme-shell-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  z-index: 9;
}
.vp-theme-shell-header .dock-trigger,
.vp-theme-shell-header .nav-trigger {
  outline: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.vp-theme-shell-header .nav-trigger {
  margin-right: 10px;
}
.vp-theme-shell-header .dock-trigger {
  margin-left: 10px;
}
.vp-theme-shell-header.vp-theme-shell-fixed-header {
  position: sticky;
  top: 0;
}
.vp-theme-shell-header .vp-theme-shell-navigation {
  flex: 1 1;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.vp-theme-shell-header .vp-theme-shell-branding {
  display: flex;
  align-items: center;
}
.vp-theme-shell-header .vp-theme-shell-action {
  display: flex;
  align-items: center;
}
.vp-theme-shell-sub-main {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  outline: 0;
}
.vp-theme-shell-main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  position: relative;
  height: 100%;
  box-sizing: content-box;
  overflow: auto;
  transition: all 0.2s ease;
}
.vp-theme-shell-main .vp-theme-shell-content {
  flex: 1 1 auto;
}
.vp-theme-shell-main .vp-theme-shell-content-inner {
  margin: 0 auto;
}
.vp-theme-shell-main .vp-theme-shell-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.vp-theme-shell .vp-theme-aside-navigation,
.vp-theme-shell .vp-theme-aside-tooldock {
  display: flex;
}
.vp-theme-shell .vp-theme-aside-navigation.fixed,
.vp-theme-shell .vp-theme-aside-tooldock.fixed {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.vp-theme-shell .vp-theme-aside-navigation.fixed {
  left: 0;
}
.vp-theme-shell .vp-theme-aside-tooldock.fixed {
  right: 0;
}
.vp-theme-shell-aside {
  transition: all 0.2s ease;
}
.vp-theme-shell-aside .aside-trigger {
  cursor: pointer;
  outline: 0;
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px;
  height: 48px;
  display: flex;
  border: 1px solid #DDD;
  align-items: center;
  justify-content: center;
}
.vp-theme-shell-aside .local-nav-trigger {
  outline: 0;
  border-left: none;
  transform: translate(100%, -50%);
  right: 0;
}
.vp-theme-shell-aside .ancillary-trigger {
  outline: 0;
  transform: translate(-100%, -50%);
  border-right: 0;
  left: 1px;
}
.vp-theme-shell-aside.vp-theme-aside-localnavigation {
  position: relative;
}
.vp-theme-shell-aside.vp-theme-aside-ancillary {
  position: relative;
}
.vp-theme-shell-aside.vp-theme-shell-navigation {
  display: flex;
  flex-direction: column;
  justify-self: flex-start;
  transition: all 0.2s ease;
}
.vp-theme-shell-aside.vp-theme-shell-tooldock {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vp-theme-shell-aside .vp-theme-shell-tooldockitem {
  width: 100%;
  text-align: center;
}
.vp-theme-shell-aside .vp-theme-shell-localnavigation {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-self: flex-start;
  transition: all 0.2s ease;
}
.vp-theme-shell-aside .vp-theme-shell-ancillary {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-self: flex-start;
  transition: all 0.2s ease;
}
.vp-theme-shell-light .vp-theme-shell-header .dock-trigger,
.vp-theme-shell-light .vp-theme-shell-header .nav-trigger {
  background: #FFFFFF;
}
.vp-theme-shell-light .vp-theme-shell-aside .local-nav-trigger {
  background: #E2E4E8;
}
.vp-theme-shell-light .vp-theme-shell-aside .ancillary-trigger {
  background: #FFFFFF;
}
.vp-theme-shell-light .vp-theme-shell-header {
  color: #000000;
  height: 52px;
  background: #FFFFFF;
  border-bottom: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 0 16px;
}
.vp-theme-shell-light .vp-theme-shell-header .vp-theme-shell-navigation {
  justify-content: flex-end;
  height: 52px;
  line-height: 52px;
  margin: 0 48px;
}
.vp-theme-shell-light .vp-theme-shell-task-header {
  width: 100%;
  min-height: 40px;
  background: #FFFFFF;
  border-bottom: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 0 0px;
  overflow: auto;
}
.vp-theme-shell-light .vp-theme-shell-main {
  background: #EBECF0;
}
.vp-theme-shell-light .vp-theme-shell-main .vp-theme-shell-appbar {
  min-height: 48px;
  background: #FFFFFF;
  border-bottom: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 0 24px;
}
.vp-theme-shell-light .vp-theme-shell-main .vp-theme-shell-content {
  padding: 20px 20px;
}
.vp-theme-shell-light .vp-theme-shell-main .vp-theme-shell-footer {
  background: transparent;
  min-height: 56px;
  color: #CCCCCC;
  font-size: 14px;
}
.vp-theme-shell-light .vp-theme-shell-aside.vp-theme-shell-navigation {
  width: 168px;
  background: #FFFFFF;
  border-right: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-light .vp-theme-shell-aside.vp-theme-shell-navigation.vp-theme-shell-collapse.vp-theme-shell-mini {
  width: 60px;
}
.vp-theme-shell-light .vp-theme-shell-aside.vp-theme-shell-navigation.vp-theme-shell-collapse {
  width: 0;
}
.vp-theme-shell-light .vp-theme-shell-aside.vp-theme-shell-tooldock {
  width: 52px;
  background: #E2E4E8;
  border-left: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-light .vp-theme-shell-aside .vp-theme-shell-tooldockitem {
  padding: 8px 0;
  color: #666666;
  background: transparent;
}
.vp-theme-shell-light .vp-theme-shell-aside .vp-theme-shell-tooldockitem:hover {
  color: #333333;
  background: #EBECF0;
}
.vp-theme-shell-light .vp-theme-shell-aside .vp-theme-shell-localnavigation {
  width: 168px;
  background: #E2E4E8;
  border-right: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-light .vp-theme-shell-aside .vp-theme-shell-localnavigation.vp-theme-shell-collapse {
  width: 0;
}
.vp-theme-shell-light .vp-theme-shell-aside .vp-theme-shell-ancillary {
  width: 168px;
  background: #FFFFFF;
  border-left: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-light .vp-theme-shell-aside .vp-theme-shell-ancillary.vp-theme-shell-collapse {
  width: 0;
}
.vp-theme-shell-dark .vp-theme-shell-header .dock-trigger,
.vp-theme-shell-dark .vp-theme-shell-header .nav-trigger {
  background: #000000;
}
.vp-theme-shell-dark .vp-theme-shell-aside .local-nav-trigger {
  background: #E2E4E8;
}
.vp-theme-shell-dark .vp-theme-shell-aside .ancillary-trigger {
  background: #FFFFFF;
}
.vp-theme-shell-dark .vp-theme-shell-header {
  color: #FFFFFF;
  height: 52px;
  background: #000000;
  border-bottom: 1px solid #1F1F1F;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  padding: 0 16px;
}
.vp-theme-shell-dark .vp-theme-shell-header .vp-theme-shell-navigation {
  justify-content: flex-end;
  height: 52px;
  line-height: 52px;
  margin: 0 48px;
}
.vp-theme-shell-dark .vp-theme-shell-task-header {
  width: 100%;
  min-height: 40px;
  background: #FFFFFF;
  border-bottom: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 0 0px;
  overflow: auto;
}
.vp-theme-shell-dark .vp-theme-shell-main {
  background: #EBECF0;
}
.vp-theme-shell-dark .vp-theme-shell-main .vp-theme-shell-appbar {
  min-height: 48px;
  background: #FFFFFF;
  border-bottom: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 0 24px;
}
.vp-theme-shell-dark .vp-theme-shell-main .vp-theme-shell-content {
  padding: 20px 20px;
}
.vp-theme-shell-dark .vp-theme-shell-main .vp-theme-shell-footer {
  background: transparent;
  min-height: 56px;
  color: #CCCCCC;
  font-size: 14px;
}
.vp-theme-shell-dark .vp-theme-shell-aside.vp-theme-shell-navigation {
  width: 168px;
  background: #333333;
  border-right: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-dark .vp-theme-shell-aside.vp-theme-shell-navigation.vp-theme-shell-collapse.vp-theme-shell-mini {
  width: 60px;
}
.vp-theme-shell-dark .vp-theme-shell-aside.vp-theme-shell-navigation.vp-theme-shell-collapse {
  width: 0;
}
.vp-theme-shell-dark .vp-theme-shell-aside.vp-theme-shell-tooldock {
  width: 52px;
  background: #E2E4E8;
  border-left: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-dark .vp-theme-shell-aside .vp-theme-shell-tooldockitem {
  padding: 8px 0;
  color: #666666;
  background: transparent;
}
.vp-theme-shell-dark .vp-theme-shell-aside .vp-theme-shell-tooldockitem:hover {
  color: #333333;
  background: #EBECF0;
}
.vp-theme-shell-dark .vp-theme-shell-aside .vp-theme-shell-localnavigation {
  width: 168px;
  background: #E2E4E8;
  border-right: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-dark .vp-theme-shell-aside .vp-theme-shell-localnavigation.vp-theme-shell-collapse {
  width: 0;
}
.vp-theme-shell-dark .vp-theme-shell-aside .vp-theme-shell-ancillary {
  width: 168px;
  background: #FFFFFF;
  border-left: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-dark .vp-theme-shell-aside .vp-theme-shell-ancillary.vp-theme-shell-collapse {
  width: 0;
}
.vp-theme-shell-brand .vp-theme-shell-header .dock-trigger,
.vp-theme-shell-brand .vp-theme-shell-header .nav-trigger {
  background: #5584FF;
}
.vp-theme-shell-brand .vp-theme-shell-aside .local-nav-trigger {
  background: #E2E4E8;
}
.vp-theme-shell-brand .vp-theme-shell-aside .ancillary-trigger {
  background: #FFFFFF;
}
.vp-theme-shell-brand .vp-theme-shell-header {
  color: #FFFFFF;
  height: 52px;
  background: #5584FF;
  border-bottom: 1px solid #E6E7EB;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  padding: 0 16px;
}
.vp-theme-shell-brand .vp-theme-shell-header .vp-theme-shell-navigation {
  justify-content: flex-end;
  height: 52px;
  line-height: 52px;
  margin: 0 48px;
}
.vp-theme-shell-brand .vp-theme-shell-task-header {
  width: 100%;
  min-height: 40px;
  background: #FFFFFF;
  border-bottom: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 0 0px;
  overflow: auto;
}
.vp-theme-shell-brand .vp-theme-shell-main {
  background: #EBECF0;
}
.vp-theme-shell-brand .vp-theme-shell-main .vp-theme-shell-appbar {
  min-height: 48px;
  background: #FFFFFF;
  border-bottom: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 0 24px;
}
.vp-theme-shell-brand .vp-theme-shell-main .vp-theme-shell-content {
  padding: 20px 20px;
}
.vp-theme-shell-brand .vp-theme-shell-main .vp-theme-shell-footer {
  background: transparent;
  min-height: 56px;
  color: #CCCCCC;
  font-size: 14px;
}
.vp-theme-shell-brand .vp-theme-shell-aside.vp-theme-shell-navigation {
  width: 168px;
  background: #FFFFFF;
  border-right: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-brand .vp-theme-shell-aside.vp-theme-shell-navigation.vp-theme-shell-collapse.vp-theme-shell-mini {
  width: 60px;
}
.vp-theme-shell-brand .vp-theme-shell-aside.vp-theme-shell-navigation.vp-theme-shell-collapse {
  width: 0;
}
.vp-theme-shell-brand .vp-theme-shell-aside.vp-theme-shell-tooldock {
  width: 52px;
  background: #E2E4E8;
  border-left: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-brand .vp-theme-shell-aside .vp-theme-shell-tooldockitem {
  padding: 8px 0;
  color: #666666;
  background: transparent;
}
.vp-theme-shell-brand .vp-theme-shell-aside .vp-theme-shell-tooldockitem:hover {
  color: #333333;
  background: #EBECF0;
}
.vp-theme-shell-brand .vp-theme-shell-aside .vp-theme-shell-localnavigation {
  width: 168px;
  background: #E2E4E8;
  border-right: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-brand .vp-theme-shell-aside .vp-theme-shell-localnavigation.vp-theme-shell-collapse {
  width: 0;
}
.vp-theme-shell-brand .vp-theme-shell-aside .vp-theme-shell-ancillary {
  width: 168px;
  background: #FFFFFF;
  border-left: 1px solid #E6E7EB;
  box-shadow: none;
  padding: 8px 0 8px;
}
.vp-theme-shell-brand .vp-theme-shell-aside .vp-theme-shell-ancillary.vp-theme-shell-collapse {
  width: 0;
}
.vp-theme-shell-header .vp-theme-shell-navigation.vp-theme-shell-nav-left {
  justify-content: flex-start;
}
.vp-theme-shell-header .vp-theme-shell-navigation.vp-theme-shell-nav-right {
  justify-content: flex-end;
}
.vp-theme-shell-header .vp-theme-shell-navigation.vp-theme-shell-nav-center {
  justify-content: center;
}
.vp-theme-shell.vp-theme-shell-phone .vp-theme-aside-navigation {
  width: 100%;
}
.vp-theme-shell.vp-theme-shell-phone .vp-theme-aside-navigation.vp-theme-shell-collapse {
  width: 0;
}
.vp-theme-shell.vp-theme-shell-phone .vp-theme-shell-header .vp-theme-shell-navigation {
  display: none;
}
.vp-theme-shell.vp-theme-shell-phone .vp-theme-shell-navigation {
  width: 100%;
  height: 100%;
  transition: height 0.2s ease;
}
.vp-theme-shell.vp-theme-shell-phone .vp-theme-shell-navigation.vp-theme-shell-collapse {
  padding: 0;
  height: 0;
  transition: height 0.2s ease;
}
.vp-theme-shell.vp-theme-shell-phone .vp-theme-shell-tooldock {
  height: 52px;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  flex-direction: row;
  justify-content: center;
}
.vp-theme-shell.vp-theme-shell-phone .vp-theme-shell-tooldock.vp-theme-shell-collapse {
  display: none;
  height: 0;
  padding: 0;
  transition: all 0.2s ease;
}
.vp-theme-shell.vp-theme-shell-tablet .vp-theme-shell-aside.vp-theme-aside-ancillary, .vp-theme-shell.vp-theme-shell-phone .vp-theme-shell-aside.vp-theme-aside-ancillary {
  width: 0;
}
.vp-theme-shell.vp-theme-shell-tablet .vp-theme-shell-ancillary, .vp-theme-shell.vp-theme-shell-phone .vp-theme-shell-ancillary {
  transform: translateX(-100%);
}
.vp-theme-shell.vp-theme-shell-tablet .vp-theme-shell-aside.vp-theme-aside-localnavigation, .vp-theme-shell.vp-theme-shell-phone .vp-theme-shell-aside.vp-theme-aside-localnavigation {
  width: 0;
}
.markdown-body .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}

.markdown-body .anchor {
  float: left;
  line-height: 1;
  margin-left: -20px;
  padding-right: 4px;
}

.markdown-body .anchor:focus {
  outline: none;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: #1b1f23;
  vertical-align: middle;
  visibility: hidden;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}

.markdown-body h1:hover .anchor .octicon-link:before,
.markdown-body h2:hover .anchor .octicon-link:before,
.markdown-body h3:hover .anchor .octicon-link:before,
.markdown-body h4:hover .anchor .octicon-link:before,
.markdown-body h5:hover .anchor .octicon-link:before,
.markdown-body h6:hover .anchor .octicon-link:before {
  width: 16px;
  height: 16px;
  content: ' ';
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z'%3E%3C/path%3E%3C/svg%3E");
}.markdown-body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  color: #24292e;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

.markdown-body details {
  display: block;
}

.markdown-body summary {
  display: list-item;
}

.markdown-body a {
  background-color: initial;
}

.markdown-body a:active,
.markdown-body a:hover {
  outline-width: 0;
}

.markdown-body strong {
  font-weight: inherit;
  font-weight: bolder;
}

.markdown-body h1 {
  font-size: 2em;
  margin: .67em 0;
}

.markdown-body img {
  border-style: none;
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
  font-family: monospace,monospace;
  font-size: 1em;
}

.markdown-body hr {
  box-sizing: initial;
  height: 0;
  overflow: visible;
}

.markdown-body input {
  font: inherit;
  margin: 0;
}

.markdown-body input {
  overflow: visible;
}

.markdown-body [type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

.markdown-body * {
  box-sizing: border-box;
}

.markdown-body input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.markdown-body a {
  color: #0366d6;
  text-decoration: none;
}

.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body strong {
  font-weight: 600;
}

.markdown-body hr {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #dfe2e5;
}

.markdown-body hr:after,
.markdown-body hr:before {
  display: table;
  content: "";
}

.markdown-body hr:after {
  clear: both;
}

.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
}

.markdown-body td,
.markdown-body th {
  padding: 0;
}

.markdown-body details summary {
  cursor: pointer;
}

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: 1px solid #d1d5da;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #d1d5da;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body h1 {
  font-size: 32px;
}

.markdown-body h1,
.markdown-body h2 {
  font-weight: 600;
}

.markdown-body h2 {
  font-size: 24px;
}

.markdown-body h3 {
  font-size: 20px;
}

.markdown-body h3,
.markdown-body h4 {
  font-weight: 600;
}

.markdown-body h4 {
  font-size: 16px;
}

.markdown-body h5 {
  font-size: 14px;
}

.markdown-body h5,
.markdown-body h6 {
  font-weight: 600;
}

.markdown-body h6 {
  font-size: 12px;
}

.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}

.markdown-body blockquote {
  margin: 0;
}

.markdown-body ol,
.markdown-body ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}

.markdown-body ol ol ol,
.markdown-body ol ul ol,
.markdown-body ul ol ol,
.markdown-body ul ul ol {
  list-style-type: lower-alpha;
}

.markdown-body dd {
  margin-left: 0;
}

.markdown-body code,
.markdown-body pre {
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  font-size: 12px;
}

.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body input::-webkit-inner-spin-button,
.markdown-body input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}

.markdown-body :checked+.radio-label {
  position: relative;
  z-index: 1;
  border-color: #0366d6;
}

.markdown-body .border {
  border: 1px solid #e1e4e8!important;
}

.markdown-body .border-0 {
  border: 0!important;
}

.markdown-body .border-bottom {
  border-bottom: 1px solid #e1e4e8!important;
}

.markdown-body .rounded-1 {
  border-radius: 3px!important;
}

.markdown-body .bg-white {
  background-color: #fff!important;
}

.markdown-body .bg-gray-light {
  background-color: #fafbfc!important;
}

.markdown-body .text-gray-light {
  color: #6a737d!important;
}

.markdown-body .mb-0 {
  margin-bottom: 0!important;
}

.markdown-body .my-2 {
  margin-top: 8px!important;
  margin-bottom: 8px!important;
}

.markdown-body .pl-0 {
  padding-left: 0!important;
}

.markdown-body .py-0 {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.markdown-body .pl-1 {
  padding-left: 4px!important;
}

.markdown-body .pl-2 {
  padding-left: 8px!important;
}

.markdown-body .py-2 {
  padding-top: 8px!important;
  padding-bottom: 8px!important;
}

.markdown-body .pl-3,
.markdown-body .px-3 {
  padding-left: 16px!important;
}

.markdown-body .px-3 {
  padding-right: 16px!important;
}

.markdown-body .pl-4 {
  padding-left: 24px!important;
}

.markdown-body .pl-5 {
  padding-left: 32px!important;
}

.markdown-body .pl-6 {
  padding-left: 40px!important;
}

.markdown-body .f6 {
  font-size: 12px!important;
}

.markdown-body .lh-condensed {
  line-height: 1.25!important;
}

.markdown-body .text-bold {
  font-weight: 600!important;
}

.markdown-body .pl-c {
  color: #6a737d;
}

.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: #005cc5;
}

.markdown-body .pl-e,
.markdown-body .pl-en {
  color: #6f42c1;
}

.markdown-body .pl-s .pl-s1,
.markdown-body .pl-smi {
  color: #24292e;
}

.markdown-body .pl-ent {
  color: #22863a;
}

.markdown-body .pl-k {
  color: #d73a49;
}

.markdown-body .pl-pds,
.markdown-body .pl-s,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sra,
.markdown-body .pl-sr .pl-sre {
  color: #032f62;
}

.markdown-body .pl-smw,
.markdown-body .pl-v {
  color: #e36209;
}

.markdown-body .pl-bu {
  color: #b31d28;
}

.markdown-body .pl-ii {
  color: #fafbfc;
  background-color: #b31d28;
}

.markdown-body .pl-c2 {
  color: #fafbfc;
  background-color: #d73a49;
}

.markdown-body .pl-c2:before {
  content: "^M";
}

.markdown-body .pl-sr .pl-cce {
  font-weight: 700;
  color: #22863a;
}

.markdown-body .pl-ml {
  color: #735c0f;
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: 700;
  color: #005cc5;
}

.markdown-body .pl-mi {
  font-style: italic;
  color: #24292e;
}

.markdown-body .pl-mb {
  font-weight: 700;
  color: #24292e;
}

.markdown-body .pl-md {
  color: #b31d28;
  background-color: #ffeef0;
}

.markdown-body .pl-mi1 {
  color: #22863a;
  background-color: #f0fff4;
}

.markdown-body .pl-mc {
  color: #e36209;
  background-color: #ffebda;
}

.markdown-body .pl-mi2 {
  color: #f6f8fa;
  background-color: #005cc5;
}

.markdown-body .pl-mdr {
  font-weight: 700;
  color: #6f42c1;
}

.markdown-body .pl-ba {
  color: #586069;
}

.markdown-body .pl-sg {
  color: #959da5;
}

.markdown-body .pl-corl {
  text-decoration: underline;
  color: #032f62;
}

.markdown-body .mb-0 {
  margin-bottom: 0!important;
}

.markdown-body .my-2 {
  margin-bottom: 8px!important;
}

.markdown-body .my-2 {
  margin-top: 8px!important;
}

.markdown-body .pl-0 {
  padding-left: 0!important;
}

.markdown-body .py-0 {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.markdown-body .pl-1 {
  padding-left: 4px!important;
}

.markdown-body .pl-2 {
  padding-left: 8px!important;
}

.markdown-body .py-2 {
  padding-top: 8px!important;
  padding-bottom: 8px!important;
}

.markdown-body .pl-3 {
  padding-left: 16px!important;
}

.markdown-body .pl-4 {
  padding-left: 24px!important;
}

.markdown-body .pl-5 {
  padding-left: 32px!important;
}

.markdown-body .pl-6 {
  padding-left: 40px!important;
}

.markdown-body .pl-7 {
  padding-left: 48px!important;
}

.markdown-body .pl-8 {
  padding-left: 64px!important;
}

.markdown-body .pl-9 {
  padding-left: 80px!important;
}

.markdown-body .pl-10 {
  padding-left: 96px!important;
}

.markdown-body .pl-11 {
  padding-left: 112px!important;
}

.markdown-body .pl-12 {
  padding-left: 128px!important;
}

.markdown-body hr {
  border-bottom-color: #eee;
}

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: 1px solid #d1d5da;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #d1d5da;
}

.markdown-body:after,
.markdown-body:before {
  display: table;
  content: "";
}

.markdown-body:after {
  clear: both;
}

.markdown-body>:first-child {
  margin-top: 0!important;
}

.markdown-body>:last-child {
  margin-bottom: 0!important;
}

.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.markdown-body blockquote,
.markdown-body details,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
  margin-top: 0;
  margin-bottom: 16px;
}

.markdown-body hr {
  height: .25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}

.markdown-body blockquote {
  padding: 0 1em;
  color: #6a737d;
  border-left: .25em solid #dfe2e5;
}

.markdown-body blockquote>:first-child {
  margin-top: 0;
}

.markdown-body blockquote>:last-child {
  margin-bottom: 0;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.markdown-body h1 {
  font-size: 2em;
}

.markdown-body h1,
.markdown-body h2 {
  padding-bottom: .3em;
  border-bottom: 1px solid #eaecef;
}

.markdown-body h2 {
  font-size: 1.5em;
}

.markdown-body h3 {
  font-size: 1.25em;
}

.markdown-body h4 {
  font-size: 1em;
}

.markdown-body h5 {
  font-size: .875em;
}

.markdown-body h6 {
  font-size: .85em;
  color: #6a737d;
}

.markdown-body ol,
.markdown-body ul {
  padding-left: 2em;
}

.markdown-body ol ol,
.markdown-body ol ul,
.markdown-body ul ol,
.markdown-body ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body li {
  word-wrap: break-all;
}

.markdown-body li>p {
  margin-top: 16px;
}

.markdown-body li+li {
  margin-top: .25em;
}

.markdown-body dl {
  padding: 0;
}

.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}

.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}

.markdown-body table {
  display: block;
  width: 100%;
  overflow: auto;
}

.markdown-body table th {
  font-weight: 600;
}

.markdown-body table td,
.markdown-body table th {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}

.markdown-body table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}

.markdown-body table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.markdown-body img {
  max-width: 100%;
  box-sizing: initial;
  background-color: #fff;
}

.markdown-body img[align=right] {
  padding-left: 20px;
}

.markdown-body img[align=left] {
  padding-right: 20px;
}

.markdown-body code {
  padding: .2em .4em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27,31,35,.05);
  border-radius: 3px;
}

.markdown-body pre {
  word-wrap: normal;
}

.markdown-body pre>code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}

.markdown-body .highlight {
  margin-bottom: 16px;
}

.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px;
}

.markdown-body pre code {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: initial;
  border: 0;
}

.markdown-body .commit-tease-sha {
  display: inline-block;
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  font-size: 90%;
  color: #444d56;
}

.markdown-body .full-commit .btn-outline:not(:disabled):hover {
  color: #005cc5;
  border-color: #005cc5;
}

.markdown-body .blob-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}

.markdown-body .blob-wrapper-embedded {
  max-height: 240px;
  overflow-y: auto;
}

.markdown-body .blob-num {
  width: 1%;
  min-width: 50px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  font-size: 12px;
  line-height: 20px;
  color: rgba(27,31,35,.3);
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.markdown-body .blob-num:hover {
  color: rgba(27,31,35,.6);
}

.markdown-body .blob-num:before {
  content: attr(data-line-number);
}

.markdown-body .blob-code {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 20px;
  vertical-align: top;
}

.markdown-body .blob-code-inner {
  overflow: visible;
  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
  font-size: 12px;
  color: #24292e;
  word-wrap: normal;
  white-space: pre;
}

.markdown-body .pl-token.active,
.markdown-body .pl-token:hover {
  cursor: pointer;
  background: #ffea7f;
}

.markdown-body .tab-size[data-tab-size="1"] {
  -moz-tab-size: 1;
  tab-size: 1;
}

.markdown-body .tab-size[data-tab-size="2"] {
  -moz-tab-size: 2;
  tab-size: 2;
}

.markdown-body .tab-size[data-tab-size="3"] {
  -moz-tab-size: 3;
  tab-size: 3;
}

.markdown-body .tab-size[data-tab-size="4"] {
  -moz-tab-size: 4;
  tab-size: 4;
}

.markdown-body .tab-size[data-tab-size="5"] {
  -moz-tab-size: 5;
  tab-size: 5;
}

.markdown-body .tab-size[data-tab-size="6"] {
  -moz-tab-size: 6;
  tab-size: 6;
}

.markdown-body .tab-size[data-tab-size="7"] {
  -moz-tab-size: 7;
  tab-size: 7;
}

.markdown-body .tab-size[data-tab-size="8"] {
  -moz-tab-size: 8;
  tab-size: 8;
}

.markdown-body .tab-size[data-tab-size="9"] {
  -moz-tab-size: 9;
  tab-size: 9;
}

.markdown-body .tab-size[data-tab-size="10"] {
  -moz-tab-size: 10;
  tab-size: 10;
}

.markdown-body .tab-size[data-tab-size="11"] {
  -moz-tab-size: 11;
  tab-size: 11;
}

.markdown-body .tab-size[data-tab-size="12"] {
  -moz-tab-size: 12;
  tab-size: 12;
}

.markdown-body .task-list-item {
  list-style-type: none;
}

.markdown-body .task-list-item+.task-list-item {
  margin-top: 3px;
}

.markdown-body .task-list-item input {
  margin: 0 .2em .25em -1.6em;
  vertical-align: middle;
}

.style-module_layout__h5h23 {
  height: 100vh;
}

.style-module_content__niV1W > div {
  padding: 24px;
  height: 100%;
  background-color: #fff;
}

.style-module_search__dZUfj.style-module_search__dZUfj {
  width: 240px;
  margin-right: 24px;
}

* {
  margin: 0;
  box-sizing: border-box;
}

.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-input {
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-table;
  border-collapse: separate;
  font-size: 0;
  line-height: 1;
  width: 200px;
  border-spacing: 0;
  transition: all 100ms linear;
  border: 1px solid #C4C6CF;
  background-color: #FFFFFF;
}
.vp-theme-input *,
.vp-theme-input *:before,
.vp-theme-input *:after {
  box-sizing: border-box;
}
.vp-theme-input input {
  height: 100%;
  /* remove autoFill yellow background */
}
.vp-theme-input input[type=reset], .vp-theme-input input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
.vp-theme-input input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.vp-theme-input input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
  border-radius: 3px;
}
.vp-theme-input input[type=password]::-ms-reveal {
  display: none;
}
.vp-theme-input textarea {
  resize: none;
}
.vp-theme-input input,
.vp-theme-input textarea {
  width: 100%;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  font-weight: normal;
  vertical-align: middle;
  background-color: transparent;
  color: #333333;
}
.vp-theme-input input::-ms-clear,
.vp-theme-input textarea::-ms-clear {
  display: none;
}
.vp-theme-input.vp-theme-small {
  height: 20px;
  border-radius: 3px;
}
.vp-theme-input.vp-theme-small .vp-theme-input-label {
  padding-left: 8px;
  font-size: 12px;
}
.vp-theme-input.vp-theme-small .vp-theme-input-inner {
  font-size: 12px;
}
.vp-theme-input.vp-theme-small .vp-theme-input-control {
  padding-right: 4px;
}
.vp-theme-input.vp-theme-small .vp-theme-input-inner-text {
  padding-right: 4px;
}
.vp-theme-input.vp-theme-small input {
  height: calc(20px - 1px * 2);
  line-height: calc(20px - 1px*2) \0 ;
  padding: 0 4px;
  font-size: 12px;
}
.vp-theme-input.vp-theme-small input::placeholder {
  font-size: 12px;
}
.vp-theme-input.vp-theme-small .vp-theme-input-text-field {
  padding: 0 4px;
  font-size: 12px;
  height: calc(20px - 1px * 2);
  line-height: calc(20px - 1px * 2);
}
.vp-theme-input.vp-theme-small .vp-theme-icon:before, .vp-theme-input.vp-theme-small .vp-theme-icon .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-input.vp-theme-small .vp-theme-input-control {
  border-radius: 0 3px 3px 0;
}
.vp-theme-input.vp-theme-medium {
  height: 28px;
  border-radius: 3px;
}
.vp-theme-input.vp-theme-medium .vp-theme-input-label {
  padding-left: 8px;
  font-size: 12px;
}
.vp-theme-input.vp-theme-medium .vp-theme-input-inner {
  font-size: 12px;
}
.vp-theme-input.vp-theme-medium .vp-theme-input-control {
  padding-right: 8px;
}
.vp-theme-input.vp-theme-medium .vp-theme-input-inner-text {
  padding-right: 8px;
}
.vp-theme-input.vp-theme-medium input {
  height: calc(28px - 1px * 2);
  line-height: calc(28px - 1px*2) \0 ;
  padding: 0 8px;
  font-size: 12px;
}
.vp-theme-input.vp-theme-medium input::placeholder {
  font-size: 12px;
}
.vp-theme-input.vp-theme-medium .vp-theme-input-text-field {
  padding: 0 8px;
  font-size: 12px;
  height: calc(28px - 1px * 2);
  line-height: calc(28px - 1px * 2);
}
.vp-theme-input.vp-theme-medium .vp-theme-icon:before, .vp-theme-input.vp-theme-medium .vp-theme-icon .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-input.vp-theme-medium .vp-theme-input-control {
  border-radius: 0 3px 3px 0;
}
.vp-theme-input.vp-theme-large {
  height: 40px;
  border-radius: 3px;
}
.vp-theme-input.vp-theme-large .vp-theme-input-label {
  padding-left: 12px;
  font-size: 16px;
}
.vp-theme-input.vp-theme-large .vp-theme-input-inner {
  font-size: 16px;
}
.vp-theme-input.vp-theme-large .vp-theme-input-control {
  padding-right: 8px;
}
.vp-theme-input.vp-theme-large .vp-theme-input-inner-text {
  padding-right: 8px;
}
.vp-theme-input.vp-theme-large input {
  height: calc(40px - 1px * 2);
  line-height: calc(40px - 1px*2) \0 ;
  padding: 0 12px;
  font-size: 16px;
}
.vp-theme-input.vp-theme-large input::placeholder {
  font-size: 16px;
}
.vp-theme-input.vp-theme-large .vp-theme-input-text-field {
  padding: 0 12px;
  font-size: 16px;
  height: calc(40px - 1px * 2);
  line-height: calc(40px - 1px * 2);
}
.vp-theme-input.vp-theme-large .vp-theme-icon:before, .vp-theme-input.vp-theme-large .vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-input.vp-theme-large .vp-theme-input-control {
  border-radius: 0 3px 3px 0;
}
.vp-theme-input.vp-theme-input-textarea {
  height: auto;
  border-radius: 3px;
  font-size: 0;
}
.vp-theme-input.vp-theme-input-textarea textarea {
  color: #333333;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 3px;
}
.vp-theme-input.vp-theme-input-textarea.vp-theme-small textarea {
  font-size: 12px;
}
.vp-theme-input.vp-theme-input-textarea.vp-theme-large textarea {
  font-size: 16px;
}
.vp-theme-input.vp-theme-input-textarea .vp-theme-input-control {
  display: block;
  width: auto;
  border-radius: 3px;
}
.vp-theme-input.vp-theme-input-textarea .vp-theme-input-len {
  padding: 0 8px 4px;
  display: block;
  text-align: right;
  width: auto;
}
.vp-theme-input-hint-wrap {
  color: #999999;
  position: relative;
}
.vp-theme-input-hint-wrap .vp-theme-input-clear {
  opacity: 0;
  z-index: 1;
  position: absolute;
}
.vp-theme-input-hint-wrap .vp-theme-input-hint {
  opacity: 1;
}
.vp-theme-input .vp-theme-input-clear-icon:hover, .vp-theme-input .vp-theme-icon-eye:hover, .vp-theme-input .vp-theme-icon-eye-close:hover {
  cursor: pointer;
  color: #666666;
}
.vp-theme-input .vp-theme-input-hover-show {
  opacity: 0;
}
.vp-theme-input:hover, .vp-theme-input.vp-theme-focus {
  border-color: #A0A2AD;
  background-color: #FFFFFF;
}
.vp-theme-input:hover .vp-theme-input-clear, .vp-theme-input.vp-theme-focus .vp-theme-input-clear {
  opacity: 1;
}
.vp-theme-input:hover .vp-theme-input-clear + .vp-theme-input-hint, .vp-theme-input.vp-theme-focus .vp-theme-input-clear + .vp-theme-input-hint {
  opacity: 0;
}
.vp-theme-input:hover .vp-theme-input-hover-show, .vp-theme-input.vp-theme-focus .vp-theme-input-hover-show {
  opacity: 1;
}
.vp-theme-input .vp-theme-input-clear:focus {
  opacity: 1;
}
.vp-theme-input .vp-theme-input-clear:focus + .vp-theme-input-hint {
  opacity: 0;
}
.vp-theme-input.vp-theme-focus {
  border-color: #5584FF;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
}
.vp-theme-input.vp-theme-warning {
  border-color: #FF9300;
  background-color: #FFFFFF;
}
.vp-theme-input.vp-theme-warning.vp-theme-focus, .vp-theme-input.vp-theme-warning:hover {
  border-color: #FF9300;
}
.vp-theme-input.vp-theme-warning.vp-theme-focus {
  box-shadow: 0 0 0 2px rgba(255, 147, 0, 0.2);
}
.vp-theme-input.vp-theme-error {
  border-color: #FF3000;
  background-color: #FFFFFF;
}
.vp-theme-input.vp-theme-error input, .vp-theme-input.vp-theme-error textarea {
  color: #333333;
}
.vp-theme-input.vp-theme-error.vp-theme-focus, .vp-theme-input.vp-theme-error:hover {
  border-color: #FF3000;
}
.vp-theme-input.vp-theme-error.vp-theme-focus {
  box-shadow: 0 0 0 2px rgba(255, 48, 0, 0.2);
}
.vp-theme-input.vp-theme-hidden {
  display: none;
}
.vp-theme-input.vp-theme-noborder {
  border: none;
  box-shadow: none;
}
.vp-theme-input-control .vp-theme-input-len {
  font-size: 12px;
  line-height: 12px;
  color: #999999;
  display: table-cell;
  width: 1px;
  vertical-align: bottom;
}
.vp-theme-input-control .vp-theme-input-len.vp-theme-error {
  color: #FF3000;
}
.vp-theme-input-control .vp-theme-input-len.vp-theme-warning {
  color: #FF9300;
}
.vp-theme-input-control > * {
  display: table-cell;
  width: 1%;
  top: 0;
}
.vp-theme-input-control > *:not(:last-child) {
  padding-right: 4px;
}
.vp-theme-input-control .vp-theme-icon {
  transition: all 100ms linear;
  color: #999999;
}
.vp-theme-input-control .vp-theme-input-warning-icon {
  color: #FF9300;
}
.vp-theme-input-control .vp-theme-input-warning-icon::before {
  content: "\e60b";
}
.vp-theme-input-control .vp-theme-input-success-icon {
  color: #46BC15;
}
.vp-theme-input-control .vp-theme-input-success-icon::before {
  content: "\e63a";
}
.vp-theme-input-control .vp-theme-input-loading-icon {
  color: #4494F9;
}
.vp-theme-input-control .vp-theme-input-loading-icon::before {
  content: "\e646";
  animation: loadingCircle 1s infinite linear;
}
.vp-theme-input-control .vp-theme-input-clear-icon::before {
  content: "\e623";
}
.vp-theme-input-label, .vp-theme-input-inner-text {
  color: #666666;
}
.vp-theme-input input::-moz-placeholder,
.vp-theme-input textarea::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.vp-theme-input input:-ms-input-placeholder,
.vp-theme-input textarea:-ms-input-placeholder {
  color: #999999;
}
.vp-theme-input input::-webkit-input-placeholder,
.vp-theme-input textarea::-webkit-input-placeholder {
  color: #999999;
}
.vp-theme-input.vp-theme-disabled {
  color: #CCCCCC;
  border-color: #E6E7EB;
  background-color: #F7F8FA;
  cursor: not-allowed;
}
.vp-theme-input.vp-theme-disabled:hover {
  border-color: #E6E7EB;
  background-color: #F7F8FA;
}
.vp-theme-input.vp-theme-disabled input, .vp-theme-input.vp-theme-disabled textarea {
  -webkit-text-fill-color: #CCCCCC;
  color: #CCCCCC;
}
.vp-theme-input.vp-theme-disabled input::-moz-placeholder, .vp-theme-input.vp-theme-disabled textarea::-moz-placeholder {
  color: #CCCCCC;
  opacity: 1;
}
.vp-theme-input.vp-theme-disabled input:-ms-input-placeholder, .vp-theme-input.vp-theme-disabled textarea:-ms-input-placeholder {
  color: #CCCCCC;
}
.vp-theme-input.vp-theme-disabled input::-webkit-input-placeholder, .vp-theme-input.vp-theme-disabled textarea::-webkit-input-placeholder {
  color: #CCCCCC;
}
.vp-theme-input.vp-theme-disabled .vp-theme-input-label, .vp-theme-input.vp-theme-disabled .vp-theme-input-inner-text {
  color: #CCCCCC;
}
.vp-theme-input.vp-theme-disabled .vp-theme-input-len {
  color: #CCCCCC;
}
.vp-theme-input.vp-theme-disabled .vp-theme-input-hint-wrap {
  color: #CCCCCC;
}
.vp-theme-input.vp-theme-disabled .vp-theme-input-hint-wrap .vp-theme-input-clear {
  opacity: 0;
}
.vp-theme-input.vp-theme-disabled .vp-theme-input-hint-wrap .vp-theme-input-hint {
  opacity: 1;
}
.vp-theme-input.vp-theme-disabled .vp-theme-input-hint-wrap .vp-theme-input-clear-icon:hover {
  cursor: not-allowed;
  color: #CCCCCC;
}
.vp-theme-input.vp-theme-disabled .vp-theme-icon {
  color: #CCCCCC;
}
.vp-theme-input-inner, .vp-theme-input-control, .vp-theme-input-label {
  display: table-cell;
  width: 1px;
  vertical-align: middle;
  line-height: 1;
  background-color: transparent;
  white-space: nowrap;
}
.vp-theme-input-group {
  box-sizing: border-box;
  display: inline-table;
  border-collapse: separate;
  border-spacing: 0;
  line-height: 0;
  width: 100%;
}
.vp-theme-input-group *,
.vp-theme-input-group *:before,
.vp-theme-input-group *:after {
  box-sizing: border-box;
}
.vp-theme-input-group-auto-width {
  width: 100%;
  border-radius: 0 !important;
}
.vp-theme-input-group > .vp-theme-input {
  border-radius: 0;
}
.vp-theme-input-group > .vp-theme-input.vp-theme-focus {
  position: relative;
  z-index: 1;
}
.vp-theme-input-group > .vp-theme-input:first-child.vp-theme-small {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
.vp-theme-input-group > .vp-theme-input:first-child.vp-theme-medium {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
.vp-theme-input-group > .vp-theme-input:first-child.vp-theme-large {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
.vp-theme-input-group > .vp-theme-input:last-child.vp-theme-small {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.vp-theme-input-group > .vp-theme-input:last-child.vp-theme-medium {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.vp-theme-input-group > .vp-theme-input:last-child.vp-theme-large {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.vp-theme-input-group-addon {
  width: 1px;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  /* stylelint-disable declaration-no-important */
}
.vp-theme-input-group-addon:first-child {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.vp-theme-input-group-addon:first-child > * {
  margin-right: calc(0px - 1px);
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.vp-theme-input-group-addon:first-child > *.vp-theme-focus {
  position: relative;
  z-index: 1;
}
.vp-theme-input-group-addon:first-child > * > .vp-theme-input {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.vp-theme-input-group-addon:first-child > * > .vp-theme-input.vp-theme-focus {
  position: relative;
  z-index: 1;
}
.vp-theme-input-group-addon:last-child {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.vp-theme-input-group-addon:last-child > * {
  margin-left: calc(0px - 1px);
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.vp-theme-input-group-addon:last-child > * > .vp-theme-input {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.vp-theme-input-group-text {
  color: #999999;
  background-color: #F2F3F7;
  text-align: center;
  border: 1px solid #C4C6CF;
  padding: 0 8px;
}
.vp-theme-input-group-text:first-child {
  border-right-width: 0;
}
.vp-theme-input-group-text:last-child {
  border-left-width: 0;
}
.vp-theme-input-group-text.vp-theme-disabled {
  color: #CCCCCC;
  border-color: #E6E7EB;
  background-color: #F7F8FA;
  cursor: not-allowed;
}
.vp-theme-input-group-text.vp-theme-disabled:hover {
  border-color: #E6E7EB;
  background-color: #F7F8FA;
}
.vp-theme-input-group-text.vp-theme-small {
  font-size: 12px;
  border-radius: 3px;
}
.vp-theme-input-group-text.vp-theme-medium {
  font-size: 12px;
  border-radius: 3px;
}
.vp-theme-input-group-text.vp-theme-large {
  font-size: 16px;
  border-radius: 3px;
}

.vp-theme-input[dir=rtl].vp-theme-small .vp-theme-input-label {
  padding-left: 0;
  padding-right: 8px;
}
.vp-theme-input[dir=rtl].vp-theme-small .vp-theme-input-control {
  padding-right: 0;
  padding-left: 4px;
}
.vp-theme-input[dir=rtl].vp-theme-medium .vp-theme-input-label {
  padding-left: 0;
  padding-right: 8px;
}
.vp-theme-input[dir=rtl].vp-theme-medium .vp-theme-input-control {
  padding-right: 0;
  padding-left: 8px;
}
.vp-theme-input[dir=rtl].vp-theme-large .vp-theme-input-label {
  padding-left: 0;
  padding-right: 12px;
}
.vp-theme-input[dir=rtl].vp-theme-large .vp-theme-input-control {
  padding-right: 0;
  padding-left: 8px;
}
.vp-theme-input[dir=rtl].vp-theme-input-textarea .vp-theme-input-len {
  text-align: left;
}
.vp-theme-input[dir=rtl] .vp-theme-input-control > *:not(:last-child) {
  padding-left: 4px;
  padding-right: 0;
}

.vp-theme-input-group[dir=rtl] > .vp-theme-input:first-child.vp-theme-small {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.vp-theme-input-group[dir=rtl] > .vp-theme-input:first-child.vp-theme-medium {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.vp-theme-input-group[dir=rtl] > .vp-theme-input:first-child.vp-theme-large {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.vp-theme-input-group[dir=rtl] > .vp-theme-input:last-child.vp-theme-small {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.vp-theme-input-group[dir=rtl] > .vp-theme-input:last-child.vp-theme-medium {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.vp-theme-input-group[dir=rtl] > .vp-theme-input:last-child.vp-theme-large {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon {
  /* stylelint-disable declaration-no-important */
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child > .vp-theme-input, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child > * > .vp-theme-input {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child.vp-theme-small, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child > .vp-theme-input.vp-theme-small, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child > * > .vp-theme-input.vp-theme-small {
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child.vp-theme-medium, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child > .vp-theme-input.vp-theme-medium, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child > * > .vp-theme-input.vp-theme-medium {
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child.vp-theme-large, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child > .vp-theme-input.vp-theme-large, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child > * > .vp-theme-input.vp-theme-large {
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:first-child > * {
  margin-left: calc(0px - 1px);
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child > .vp-theme-input, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child > * > .vp-theme-input {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child.vp-theme-small, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child > .vp-theme-input.vp-theme-small, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child > * > .vp-theme-input.vp-theme-small {
  border-bottom-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child.vp-theme-medium, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child > .vp-theme-input.vp-theme-medium, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child > * > .vp-theme-input.vp-theme-medium {
  border-bottom-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child.vp-theme-large, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child > .vp-theme-input.vp-theme-large, .vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child > * > .vp-theme-input.vp-theme-large {
  border-bottom-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-addon:last-child > * {
  margin-right: calc(0px - 1px);
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-text:first-child {
  border-right-width: 1px;
  border-left: 0;
}
.vp-theme-input-group[dir=rtl] .vp-theme-input-group-text:last-child {
  border-left-width: 1px;
  border-right: 0;
}

.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

@keyframes fadeInRightForTag {
  0% {
    opacity: 0;
    transform: rotate(45deg) translateX(20px);
  }
  100% {
    opacity: 1;
    transform: rotate(45deg) translateX(0);
  }
}
.vp-theme-tag > .vp-theme-tag-body {
  overflow: hidden;
  text-overflow: ellipsis;
}

.vp-theme-tag-checkable.vp-theme-tag-level-secondary {
  color: #333333;
  border-color: transparent;
  background-color: transparent;
}
.vp-theme-tag-checkable.vp-theme-tag-level-secondary:not(.disabled):not([disabled]):hover, .vp-theme-tag-checkable.vp-theme-tag-level-secondary:not(.disabled):not([disabled]).hover {
  color: #5584FF;
}
.vp-theme-tag-default.vp-theme-tag-level-primary {
  color: #666666;
  border-color: #EBECF0;
  background-color: #EBECF0;
}
.vp-theme-tag-default.vp-theme-tag-level-primary:not(.disabled):not([disabled]):hover, .vp-theme-tag-default.vp-theme-tag-level-primary:not(.disabled):not([disabled]).hover {
  color: #333333;
  border-color: #E2E4E8;
  background-color: #E2E4E8;
}
.vp-theme-tag-default.vp-theme-tag-level-primary:not(.disabled):not([disabled]):hover > .vp-theme-tag-close-btn, .vp-theme-tag-default.vp-theme-tag-level-primary:not(.disabled):not([disabled]).hover > .vp-theme-tag-close-btn {
  color: #333333;
}
[disabled].vp-theme-tag-default.vp-theme-tag-level-primary, .disabled.vp-theme-tag-default.vp-theme-tag-level-primary {
  color: #CCCCCC;
  border-color: #F7F8FA;
  background-color: #F7F8FA;
}
[disabled].vp-theme-tag-default.vp-theme-tag-level-primary > .vp-theme-tag-close-btn, .disabled.vp-theme-tag-default.vp-theme-tag-level-primary > .vp-theme-tag-close-btn {
  color: #CCCCCC;
}
.vp-theme-tag-default.vp-theme-tag-level-primary > .vp-theme-tag-close-btn {
  color: #666666;
}

.vp-theme-tag-closable.vp-theme-tag-level-primary {
  color: #666666;
  border-color: #EBECF0;
  background-color: #EBECF0;
}
.vp-theme-tag-closable.vp-theme-tag-level-primary:not(.disabled):not([disabled]):hover, .vp-theme-tag-closable.vp-theme-tag-level-primary:not(.disabled):not([disabled]).hover {
  color: #333333;
  border-color: #E2E4E8;
  background-color: #E2E4E8;
}
.vp-theme-tag-closable.vp-theme-tag-level-primary:not(.disabled):not([disabled]):hover > .vp-theme-tag-close-btn, .vp-theme-tag-closable.vp-theme-tag-level-primary:not(.disabled):not([disabled]).hover > .vp-theme-tag-close-btn {
  color: #333333;
}
[disabled].vp-theme-tag-closable.vp-theme-tag-level-primary, .disabled.vp-theme-tag-closable.vp-theme-tag-level-primary {
  color: #CCCCCC;
  border-color: #F7F8FA;
  background-color: #F7F8FA;
}
[disabled].vp-theme-tag-closable.vp-theme-tag-level-primary > .vp-theme-tag-close-btn, .disabled.vp-theme-tag-closable.vp-theme-tag-level-primary > .vp-theme-tag-close-btn {
  color: #CCCCCC;
}
.vp-theme-tag-closable.vp-theme-tag-level-primary > .vp-theme-tag-close-btn {
  color: #666666;
}

.vp-theme-tag-checkable.vp-theme-tag-level-primary {
  color: #666666;
  border-color: #EBECF0;
  background-color: #EBECF0;
}
.vp-theme-tag-checkable.vp-theme-tag-level-primary:not(.disabled):not([disabled]):hover, .vp-theme-tag-checkable.vp-theme-tag-level-primary:not(.disabled):not([disabled]).hover {
  color: #333333;
  border-color: #E2E4E8;
  background-color: #E2E4E8;
}
.vp-theme-tag-checkable.vp-theme-tag-level-primary:not(.disabled):not([disabled]):hover > .vp-theme-tag-close-btn, .vp-theme-tag-checkable.vp-theme-tag-level-primary:not(.disabled):not([disabled]).hover > .vp-theme-tag-close-btn {
  color: #333333;
}
[disabled].vp-theme-tag-checkable.vp-theme-tag-level-primary, .disabled.vp-theme-tag-checkable.vp-theme-tag-level-primary {
  color: #CCCCCC;
  border-color: #F7F8FA;
  background-color: #F7F8FA;
}
[disabled].vp-theme-tag-checkable.vp-theme-tag-level-primary > .vp-theme-tag-close-btn, .disabled.vp-theme-tag-checkable.vp-theme-tag-level-primary > .vp-theme-tag-close-btn {
  color: #CCCCCC;
}
.vp-theme-tag-checkable.vp-theme-tag-level-primary > .vp-theme-tag-close-btn {
  color: #666666;
}

.vp-theme-tag-checkable.vp-theme-tag-level-primary.checked {
  color: #FFFFFF;
  border-color: #5584FF;
  background-color: #5584FF;
}
.vp-theme-tag-checkable.vp-theme-tag-level-primary.checked:not(.disabled):not([disabled]):hover, .vp-theme-tag-checkable.vp-theme-tag-level-primary.checked:not(.disabled):not([disabled]).hover {
  color: #FFFFFF;
  border-color: #3E71F7;
  background-color: #3E71F7;
}
.vp-theme-tag-checkable.vp-theme-tag-level-primary.checked:not(.disabled):not([disabled]):hover > .vp-theme-tag-close-btn, .vp-theme-tag-checkable.vp-theme-tag-level-primary.checked:not(.disabled):not([disabled]).hover > .vp-theme-tag-close-btn {
  color: #FFFFFF;
}
[disabled].vp-theme-tag-checkable.vp-theme-tag-level-primary.checked, .disabled.vp-theme-tag-checkable.vp-theme-tag-level-primary.checked {
  color: #CCCCCC;
  border-color: #F7F8FA;
  background-color: #F7F8FA;
}
[disabled].vp-theme-tag-checkable.vp-theme-tag-level-primary.checked > .vp-theme-tag-close-btn, .disabled.vp-theme-tag-checkable.vp-theme-tag-level-primary.checked > .vp-theme-tag-close-btn {
  color: #FFFFFF;
}
.vp-theme-tag-checkable.vp-theme-tag-level-primary.checked > .vp-theme-tag-close-btn {
  color: #FFFFFF;
}

.vp-theme-tag-default.vp-theme-tag-level-normal {
  color: #666666;
  border-color: #C4C6CF;
  background-color: transparent;
}
.vp-theme-tag-default.vp-theme-tag-level-normal:not(.disabled):not([disabled]):hover, .vp-theme-tag-default.vp-theme-tag-level-normal:not(.disabled):not([disabled]).hover {
  color: #333333;
  border-color: #A0A2AD;
  background-color: transparent;
}
.vp-theme-tag-default.vp-theme-tag-level-normal:not(.disabled):not([disabled]):hover > .vp-theme-tag-close-btn, .vp-theme-tag-default.vp-theme-tag-level-normal:not(.disabled):not([disabled]).hover > .vp-theme-tag-close-btn {
  color: #333333;
}
[disabled].vp-theme-tag-default.vp-theme-tag-level-normal, .disabled.vp-theme-tag-default.vp-theme-tag-level-normal {
  color: #CCCCCC;
  border-color: #E6E7EB;
  background-color: #F7F8FA;
}
[disabled].vp-theme-tag-default.vp-theme-tag-level-normal > .vp-theme-tag-close-btn, .disabled.vp-theme-tag-default.vp-theme-tag-level-normal > .vp-theme-tag-close-btn {
  color: #CCCCCC;
}
.vp-theme-tag-default.vp-theme-tag-level-normal > .vp-theme-tag-close-btn {
  color: #666666;
}

.vp-theme-tag-closable.vp-theme-tag-level-normal {
  color: #666666;
  border-color: #C4C6CF;
  background-color: transparent;
}
.vp-theme-tag-closable.vp-theme-tag-level-normal:not(.disabled):not([disabled]):hover, .vp-theme-tag-closable.vp-theme-tag-level-normal:not(.disabled):not([disabled]).hover {
  color: #333333;
  border-color: #A0A2AD;
  background-color: transparent;
}
.vp-theme-tag-closable.vp-theme-tag-level-normal:not(.disabled):not([disabled]):hover > .vp-theme-tag-close-btn, .vp-theme-tag-closable.vp-theme-tag-level-normal:not(.disabled):not([disabled]).hover > .vp-theme-tag-close-btn {
  color: #333333;
}
[disabled].vp-theme-tag-closable.vp-theme-tag-level-normal, .disabled.vp-theme-tag-closable.vp-theme-tag-level-normal {
  color: #CCCCCC;
  border-color: #E6E7EB;
  background-color: transparent;
}
[disabled].vp-theme-tag-closable.vp-theme-tag-level-normal > .vp-theme-tag-close-btn, .disabled.vp-theme-tag-closable.vp-theme-tag-level-normal > .vp-theme-tag-close-btn {
  color: #CCCCCC;
}
.vp-theme-tag-closable.vp-theme-tag-level-normal > .vp-theme-tag-close-btn {
  color: #666666;
}

.vp-theme-tag-checkable.vp-theme-tag-level-normal.checked {
  color: #5584FF;
  border-color: #5584FF;
  background-color: transparent;
}
.vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:not(.disabled):not([disabled]):hover, .vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:not(.disabled):not([disabled]).hover {
  color: #3E71F7;
  border-color: #3E71F7;
  background-color: transparent;
}
.vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked {
  color: #5584FF;
  border-color: #5584FF;
  background-color: transparent;
}
.vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:not(.disabled):not([disabled]):hover, .vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:not(.disabled):not([disabled]).hover {
  color: #3E71F7;
  border-color: #3E71F7;
  background-color: transparent;
}
.vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:before {
  position: absolute;
  content: "";
  -webkit-font-smoothing: antialiased;
  background-color: #5584FF;
  transform: rotate(45deg);
}
.vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:after {
  position: absolute;
  font-family: Vp-themeIcon;
  -webkit-font-smoothing: antialiased;
  content: "\e632";
  transform: scale(0.6);
  color: #FFFFFF;
}
.vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:not(.disabled):not([disabled]):hover:before, .vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:not(.disabled):not([disabled]).hover:before {
  background-color: #3E71F7;
}
.vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:not(.disabled):not([disabled]):hover:after, .vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:not(.disabled):not([disabled]).hover:after {
  color: #FFFFFF;
}
[disabled].vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:before, .vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:disabled:before {
  background-color: #E6E7EB;
}
[disabled].vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:after, .vp-theme-tag-checkable.vp-theme-tag-level-secondary.checked:disabled:after {
  color: #FFFFFF;
}

.vp-theme-tag-checkable.vp-theme-tag-level-normal {
  color: #666666;
  border-color: #C4C6CF;
  background-color: transparent;
}
.vp-theme-tag-checkable.vp-theme-tag-level-normal:not(.disabled):not([disabled]):hover, .vp-theme-tag-checkable.vp-theme-tag-level-normal:not(.disabled):not([disabled]).hover {
  color: #333333;
  border-color: #C4C6CF;
  background-color: transparent;
}
[disabled].vp-theme-tag-checkable.vp-theme-tag-level-normal, .disabled.vp-theme-tag-checkable.vp-theme-tag-level-normal {
  color: #CCCCCC;
  border-color: #E6E7EB;
  background-color: #F7F8FA;
}
.vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:before {
  position: absolute;
  content: "";
  -webkit-font-smoothing: antialiased;
  background-color: #5584FF;
  transform: rotate(45deg);
}
.vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:after {
  position: absolute;
  font-family: Vp-themeIcon;
  -webkit-font-smoothing: antialiased;
  content: "\e632";
  transform: scale(0.6);
  color: #FFFFFF;
}
.vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:not(.disabled):not([disabled]):hover:before, .vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:not(.disabled):not([disabled]).hover:before {
  background-color: #3E71F7;
}
.vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:not(.disabled):not([disabled]):hover:after, .vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:not(.disabled):not([disabled]).hover:after {
  color: #FFFFFF;
}
[disabled].vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:before, .vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:disabled:before {
  background-color: #E6E7EB;
}
[disabled].vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:after, .vp-theme-tag-checkable.vp-theme-tag-level-normal.checked:disabled:after {
  color: #FFFFFF;
}

.vp-theme-tag-closable.vp-theme-tag-level-normal:before {
  position: absolute;
  content: "";
  -webkit-font-smoothing: antialiased;
  background-color: #C4C6CF;
  transform: rotate(45deg);
}
.vp-theme-tag-closable.vp-theme-tag-level-normal:after {
  position: absolute;
  font-family: Vp-themeIcon;
  -webkit-font-smoothing: antialiased;
  content: "\e626";
  transform: scale(0.6);
  color: #FFFFFF;
}
.vp-theme-tag-closable.vp-theme-tag-level-normal:not(.disabled):not([disabled]):hover:before, .vp-theme-tag-closable.vp-theme-tag-level-normal:not(.disabled):not([disabled]).hover:before {
  background-color: #A0A2AD;
}
.vp-theme-tag-closable.vp-theme-tag-level-normal:not(.disabled):not([disabled]):hover:after, .vp-theme-tag-closable.vp-theme-tag-level-normal:not(.disabled):not([disabled]).hover:after {
  color: #FFFFFF;
}
[disabled].vp-theme-tag-closable.vp-theme-tag-level-normal:before, .vp-theme-tag-closable.vp-theme-tag-level-normal:disabled:before {
  background-color: #E6E7EB;
}
[disabled].vp-theme-tag-closable.vp-theme-tag-level-normal:after, .vp-theme-tag-closable.vp-theme-tag-level-normal:disabled:after {
  color: #FFFFFF;
}

.vp-theme- {
  /* Animation */
  /* ----------- */
}
.vp-theme-tag-group .vp-theme-tag-medium,
.vp-theme-tag-group .vp-theme-tag-large {
  margin-right: 8px;
  margin-bottom: 8px;
}
.vp-theme-tag-group .vp-theme-tag-small {
  margin-right: 4px;
  margin-bottom: 4px;
}
.vp-theme-tag {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  border-width: 1px;
  border-radius: 3px;
  box-shadow: none;
  border-style: solid; /* 可配置??? */
  overflow: hidden;
  white-space: nowrap;
  transition: all 100ms linear;
  font-size: 0;
  outline: 0;
  /* 预设颜色值 */
}
.vp-theme-tag *,
.vp-theme-tag *:before,
.vp-theme-tag *:after {
  box-sizing: border-box;
}
.vp-theme-tag > .vp-theme-tag-body {
  position: relative;
  display: inline-block;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  cursor: default;
  /* 用户手动传的 icon 的大小也保持一致？ */
}
.vp-theme-tag > .vp-theme-tag-body > a {
  text-decoration: none;
  color: inherit;
}
.vp-theme-tag > .vp-theme-tag-body > a:before {
  content: " ";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.vp-theme-tag > .vp-theme-tag-body .vp-theme-icon {
  line-height: 1;
  vertical-align: baseline;
}
.vp-theme-tag > .vp-theme-tag-body .vp-theme-icon:before {
  font-size: inherit;
}
.vp-theme-tag.vp-theme-tag-body-pointer {
  cursor: pointer;
}
.vp-theme-tag[disabled], .vp-theme-tag.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.vp-theme-tag-blue {
  background-color: #4494F9;
  border-color: #4494F9;
  color: #FFF;
}
.vp-theme-tag-blue-inverse {
  background-color: rgba(68, 148, 249, 0.25);
  border-color: #4494F9;
  color: #4494F9;
}
.vp-theme-tag-green {
  background-color: #46BC15;
  border-color: #46BC15;
  color: #FFF;
}
.vp-theme-tag-green-inverse {
  background-color: rgba(70, 188, 21, 0.25);
  border-color: #46BC15;
  color: #46BC15;
}
.vp-theme-tag-orange {
  background-color: #FF9300;
  border-color: #FF9300;
  color: #FFF;
}
.vp-theme-tag-orange-inverse {
  background-color: rgba(255, 147, 0, 0.25);
  border-color: #FF9300;
  color: #FF9300;
}
.vp-theme-tag-red {
  background-color: #FF3000;
  border-color: #FF3000;
  color: #FFF;
}
.vp-theme-tag-red-inverse {
  background-color: rgba(255, 48, 0, 0.25);
  border-color: #FF3000;
  color: #FF3000;
}
.vp-theme-tag-turquoise {
  background-color: #01C1B2;
  border-color: #01C1B2;
  color: #FFF;
}
.vp-theme-tag-turquoise-inverse {
  background-color: rgba(1, 193, 178, 0.25);
  border-color: #01C1B2;
  color: #01C1B2;
}
.vp-theme-tag-yellow {
  background-color: #FCCC12;
  border-color: #FCCC12;
  color: #FFF;
}
.vp-theme-tag-yellow-inverse {
  background-color: rgba(252, 204, 18, 0.25);
  border-color: #FCCC12;
  color: #FCCC12;
}
.vp-theme-tag-large {
  height: 40px;
  padding: 0;
  line-height: calc(40px - 1px * 2);
  font-size: 0;
}
.vp-theme-tag-large > .vp-theme-tag-body {
  font-size: 16px;
  padding: 0 16px;
  min-width: 48px;
}
.vp-theme-tag-large.vp-theme-tag-closable > .vp-theme-tag-body {
  padding: 0 0 0 16px;
  max-width: calc(100% - (16px + 12px + 16px));
}
.vp-theme-tag-large[dir=rtl].vp-theme-tag-closable > .vp-theme-tag-body {
  padding: 0 16px 0 0;
}
.vp-theme-tag-large.vp-theme-tag-closable > .vp-theme-tag-close-btn {
  margin-left: 16px;
  padding-right: 16px;
}
.vp-theme-tag-large.vp-theme-tag-closable > .vp-theme-tag-close-btn .vp-theme-icon:before, .vp-theme-tag-large.vp-theme-tag-closable > .vp-theme-tag-close-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-tag-large[dir=rtl] > .vp-theme-tag-close-btn {
  margin-right: 16px;
  margin-left: 0;
  padding-right: 0;
  padding-left: 16px;
}
.vp-theme-tag-medium {
  height: 28px;
  padding: 0;
  line-height: calc(28px - 1px * 2);
  font-size: 0;
}
.vp-theme-tag-medium > .vp-theme-tag-body {
  font-size: 14px;
  padding: 0 12px;
  min-width: 40px;
}
.vp-theme-tag-medium.vp-theme-tag-closable > .vp-theme-tag-body {
  padding: 0 0 0 12px;
  max-width: calc(100% - (12px + 8px + 12px));
}
.vp-theme-tag-medium[dir=rtl].vp-theme-tag-closable > .vp-theme-tag-body {
  padding: 0 12px 0 0;
}
.vp-theme-tag-medium.vp-theme-tag-closable > .vp-theme-tag-close-btn {
  margin-left: 12px;
  padding-right: 12px;
}
.vp-theme-tag-medium.vp-theme-tag-closable > .vp-theme-tag-close-btn .vp-theme-icon:before, .vp-theme-tag-medium.vp-theme-tag-closable > .vp-theme-tag-close-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vp-theme-tag-medium.vp-theme-tag-closable > .vp-theme-tag-close-btn .vp-theme-icon {
    transform: scale(0.5);
    margin-left: calc(0px - (16px - 8px) / 2);
    margin-right: calc(0px - (16px - 8px) / 2);
  }
  .vp-theme-tag-medium.vp-theme-tag-closable > .vp-theme-tag-close-btn .vp-theme-icon:before {
    width: 16px;
    font-size: 16px;
  }
}
.vp-theme-tag-medium[dir=rtl] > .vp-theme-tag-close-btn {
  margin-right: 12px;
  margin-left: 0;
  padding-right: 0;
  padding-left: 12px;
}
.vp-theme-tag-small {
  height: 20px;
  padding: 0;
  line-height: calc(20px - 1px * 2);
  font-size: 0;
}
.vp-theme-tag-small > .vp-theme-tag-body {
  font-size: 12px;
  padding: 0 8px;
  min-width: 28px;
}
.vp-theme-tag-small.vp-theme-tag-closable > .vp-theme-tag-body {
  padding: 0 0 0 8px;
  max-width: calc(100% - (8px + 8px + 8px));
}
.vp-theme-tag-small[dir=rtl].vp-theme-tag-closable > .vp-theme-tag-body {
  padding: 0 8px 0 0;
}
.vp-theme-tag-small.vp-theme-tag-closable > .vp-theme-tag-close-btn {
  margin-left: 8px;
  padding-right: 8px;
}
.vp-theme-tag-small.vp-theme-tag-closable > .vp-theme-tag-close-btn .vp-theme-icon:before, .vp-theme-tag-small.vp-theme-tag-closable > .vp-theme-tag-close-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 8px;
  font-size: 8px;
  line-height: inherit;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .vp-theme-tag-small.vp-theme-tag-closable > .vp-theme-tag-close-btn .vp-theme-icon {
    transform: scale(0.5);
    margin-left: calc(0px - (16px - 8px) / 2);
    margin-right: calc(0px - (16px - 8px) / 2);
  }
  .vp-theme-tag-small.vp-theme-tag-closable > .vp-theme-tag-close-btn .vp-theme-icon:before {
    width: 16px;
    font-size: 16px;
  }
}
.vp-theme-tag-small[dir=rtl] > .vp-theme-tag-close-btn {
  margin-right: 8px;
  margin-left: 0;
  padding-right: 0;
  padding-left: 8px;
}
.vp-theme-tag-default {
  cursor: default;
}
.vp-theme-tag-closable {
  position: relative;
}
.vp-theme-tag-closable > .vp-theme-tag-close-btn {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  text-align: center;
  cursor: pointer;
}
.vp-theme-tag-checkable {
  cursor: pointer;
  position: relative;
  border-radius: 3px;
}
.vp-theme-tag-checkable.checked:before {
  animation: fadeInRightForTag 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.vp-theme-tag-checkable.checked:after {
  animation: zoomIn 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.vp-theme-tag-checkable.vp-theme-tag-small:not(.vp-theme-tag-level-primary):before {
  right: calc(0px - 20px / 2);
  bottom: calc(0px - 20px / 2);
  width: 20px;
  height: 20px;
}
.vp-theme-tag-checkable.vp-theme-tag-small:not(.vp-theme-tag-level-primary):after {
  font-size: 8px;
  line-height: 8px;
  right: 0;
  bottom: 0;
}
.vp-theme-tag-checkable.vp-theme-tag-medium:not(.vp-theme-tag-level-primary):before {
  right: calc(0px - 28px / 2);
  bottom: calc(0px - 28px / 2);
  width: 28px;
  height: 28px;
}
.vp-theme-tag-checkable.vp-theme-tag-medium:not(.vp-theme-tag-level-primary):after {
  font-size: 12px;
  line-height: 12px;
  right: 0;
  bottom: 0;
}
.vp-theme-tag-checkable.vp-theme-tag-large:not(.vp-theme-tag-level-primary):before {
  right: calc(0px - 36px / 2);
  bottom: calc(0px - 36px / 2);
  width: 36px;
  height: 36px;
}
.vp-theme-tag-checkable.vp-theme-tag-large:not(.vp-theme-tag-level-primary):after {
  font-size: 16px;
  line-height: 16px;
  right: 0;
  bottom: 0;
}
.vp-theme-tag-checkable.vp-theme-tag-level-secondary[disabled], .vp-theme-tag-checkable.vp-theme-tag-level-secondary.disabled {
  color: #CCCCCC;
  border-color: #E6E7EB;
  background-color: #F7F8FA;
}
.vp-theme-tag-zoom-enter, .vp-theme-tag-zoom-appear {
  animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}
.vp-theme-tag-zoom-leave {
  animation: zoomOut 0.3s ease-in;
  animation-fill-mode: both;
}

.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-select {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: middle;
  /* Select trigger */
  /* 在搜索框未激活时，将 input 的 color 置为透明 */
  /* ISSUE: 在 IE11 中，<input readonly/> 仍然会显示光标, 要隐藏掉 */
  /*
  &.vp-theme-no-search {
      .vp-theme-select-trigger-search input {
          color: $color-transparent;
      }
  }
  */
  /* 弹层 */
  /* 全选按钮 */
  /* -------------- IE polyfill -------------- */
  /* 根据最新的数据，在中国，PC 端的 IE9 份额为 2%， */
  /* 所以不应该因为 IE9 而不使用 flex，而是应该做降级 polyfill */
  /* @see http://gs.statcounter.com/ */
  /* IE10、IE11 虽然支持 flex，但还是会有各种各样奇奇怪怪的问题 */
}
.vp-theme-select *,
.vp-theme-select *:before,
.vp-theme-select *:after {
  box-sizing: border-box;
}
.vp-theme-select-trigger {
  min-width: 100px;
  outline: 0;
  transition: all 100ms linear;
}
.vp-theme-select-trigger .vp-theme-input-label {
  flex: 0 0 auto;
  width: auto;
}
.vp-theme-select-trigger .vp-theme-select-values {
  display: block;
  width: 100%;
  flex: 1 1 0;
  overflow: hidden;
}
.vp-theme-select-trigger .vp-theme-select-values > em {
  font-style: inherit;
}
.vp-theme-select-trigger .vp-theme-select-values input {
  padding-left: 0;
  padding-right: 0;
}
.vp-theme-select-trigger .vp-theme-input-control {
  flex: 0 0 auto;
  width: auto;
}
.vp-theme-select-trigger .vp-theme-input-control > * {
  display: inline-block;
  width: auto;
}
.vp-theme-select-trigger .vp-theme-input-control > .vp-theme-select-arrow {
  padding-right: 0;
}
.vp-theme-select-trigger .vp-theme-input.vp-theme-disabled em {
  color: #CCCCCC;
}
.vp-theme-select-trigger .vp-theme-input.vp-theme-disabled .vp-theme-select-arrow {
  cursor: not-allowed;
}
.vp-theme-select-trigger .vp-theme-select-clear {
  display: none;
}
.vp-theme-select-trigger.vp-theme-has-clear:hover .vp-theme-select-clear {
  display: inline-block;
}
.vp-theme-select-trigger.vp-theme-has-clear:hover .vp-theme-select-arrow {
  display: none;
}
.vp-theme-select .vp-theme-select-inner {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-width: 100px;
  outline: 0;
  color: #333333;
}
.vp-theme-select .vp-theme-select-inner .vp-theme-tag {
  line-height: 1;
  margin-right: 4px;
  margin-bottom: 3px;
  padding-left: 0px;
  padding-right: 0px;
}
.vp-theme-select .vp-theme-select-inner .vp-theme-input-inner {
  width: auto;
}
.vp-theme-select-trigger-search {
  position: relative;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.vp-theme-select-trigger-search > input, .vp-theme-select-trigger-search > span {
  display: block;
  font-size: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
  overflow: hidden;
}
.vp-theme-select-trigger-search input {
  position: absolute;
  background-color: transparent;
  width: 100%;
  height: 100% !important;
  z-index: 1;
  left: 0;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  cursor: inherit;
}
.vp-theme-select-trigger-search > span {
  position: relative;
  visibility: hidden;
  white-space: pre;
  max-width: 100%; /* 在 table 布局中，100% 并没有什么x用 */
  z-index: -1;
}
.vp-theme-select-single {
  /* 搜索框激活时，展开后不显示值，只显示搜索框 */
  /* 搜索框未激活，或者menu未展开，如果有值，则不显示搜索(placeholder) */
}
.vp-theme-select-single.vp-theme-no-search {
  cursor: pointer;
}
.vp-theme-select-single.vp-theme-has-search.vp-theme-active .vp-theme-select-values > em {
  display: none;
}
.vp-theme-select-single.vp-theme-no-search .vp-theme-select-values > em + .vp-theme-select-trigger-search, .vp-theme-select-single.vp-theme-inactive .vp-theme-select-values > em + .vp-theme-select-trigger-search {
  width: 1px;
  opacity: 0;
  /* stylelint-disable */
  filter: alpha(opacity=0); /* for IE 9 */
  /* stylelint-enable */
}
.vp-theme-select-single .vp-theme-select-values {
  display: inline-flex;
  align-items: center;
}
.vp-theme-select-single .vp-theme-select-values > em {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vp-theme-select-multiple .vp-theme-select-compact {
  position: relative;
  white-space: nowrap;
}
.vp-theme-select-multiple .vp-theme-select-compact .vp-theme-select-trigger-search {
  width: auto;
}
.vp-theme-select-multiple .vp-theme-select-compact .vp-theme-select-tag-compact {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 0 4px 0 16px;
  color: #333333;
  background: linear-gradient(90deg, transparent, #FFFFFF 10px);
}
.vp-theme-select-multiple .vp-theme-disabled .vp-theme-select-tag-compact {
  background: linear-gradient(90deg, transparent, #F7F8FA 10px);
}
.vp-theme-select-multiple, .vp-theme-select-tag {
  /* 如果有值，则搜索框变为1px */
}
.vp-theme-select-multiple .vp-theme-select-values, .vp-theme-select-tag .vp-theme-select-values {
  /* Tag 有 3px 的 margin-bottom，所以包裹 Tag 的容器要作一下处理 */
  margin-bottom: calc(0px - 3px);
  height: auto !important;
}
.vp-theme-select-multiple .vp-theme-select-trigger-search, .vp-theme-select-tag .vp-theme-select-trigger-search {
  margin-bottom: 3px;
}
.vp-theme-select-multiple .vp-theme-tag + .vp-theme-select-trigger-search, .vp-theme-select-tag .vp-theme-tag + .vp-theme-select-trigger-search {
  width: auto;
  min-width: 1px; /* 保留一个光标的宽度 */
}
.vp-theme-select-multiple .vp-theme-input, .vp-theme-select-tag .vp-theme-input {
  height: auto;
  align-items: start;
}
.vp-theme-select-multiple.vp-theme-small .vp-theme-select-values, .vp-theme-select-tag.vp-theme-small .vp-theme-select-values {
  min-height: calc(20px - 2px);
  padding-top: calc((20px - 14px - 2px) / 2);
  padding-bottom: calc((20px - 14px - 2px) / 2);
  line-height: 14px;
}
.vp-theme-select-multiple.vp-theme-small .vp-theme-select-values-compact, .vp-theme-select-tag.vp-theme-small .vp-theme-select-values-compact {
  height: 20px !important;
}
.vp-theme-select-multiple.vp-theme-small .vp-theme-tag, .vp-theme-select-tag.vp-theme-small .vp-theme-tag {
  border: 0;
  padding-top: calc((14px - 16px - -1px * 2) / 2);
  padding-bottom: calc((14px - 16px - -1px * 2) / 2);
  height: 14px;
}
.vp-theme-select-multiple.vp-theme-small .vp-theme-tag .vp-theme-tag-body, .vp-theme-select-multiple.vp-theme-small .vp-theme-tag .vp-theme-tag-close-btn, .vp-theme-select-tag.vp-theme-small .vp-theme-tag .vp-theme-tag-body, .vp-theme-select-tag.vp-theme-small .vp-theme-tag .vp-theme-tag-close-btn {
  line-height: calc(14px - calc((14px - 16px - -1px * 2) / 2) * 2);
}
.vp-theme-select-multiple.vp-theme-small .vp-theme-tag-body, .vp-theme-select-tag.vp-theme-small .vp-theme-tag-body {
  line-height: 14px;
}
.vp-theme-select-multiple.vp-theme-small .vp-theme-input-label, .vp-theme-select-multiple.vp-theme-small .vp-theme-input-inner, .vp-theme-select-multiple.vp-theme-small .vp-theme-input-control, .vp-theme-select-multiple.vp-theme-small .vp-theme-select-tag-compact, .vp-theme-select-tag.vp-theme-small .vp-theme-input-label, .vp-theme-select-tag.vp-theme-small .vp-theme-input-inner, .vp-theme-select-tag.vp-theme-small .vp-theme-input-control, .vp-theme-select-tag.vp-theme-small .vp-theme-select-tag-compact {
  line-height: calc(20px - 2px);
}
.vp-theme-select-multiple.vp-theme-medium .vp-theme-select-values, .vp-theme-select-tag.vp-theme-medium .vp-theme-select-values {
  min-height: calc(28px - 2px);
  padding-top: calc((28px - 20px - 2px) / 2);
  padding-bottom: calc((28px - 20px - 2px) / 2);
  line-height: 20px;
}
.vp-theme-select-multiple.vp-theme-medium .vp-theme-select-values-compact, .vp-theme-select-tag.vp-theme-medium .vp-theme-select-values-compact {
  height: 28px !important;
}
.vp-theme-select-multiple.vp-theme-medium .vp-theme-tag, .vp-theme-select-tag.vp-theme-medium .vp-theme-tag {
  padding-top: calc((20px - 16px - 1px * 2) / 2);
  padding-bottom: calc((20px - 16px - 1px * 2) / 2);
  height: 20px;
}
.vp-theme-select-multiple.vp-theme-medium .vp-theme-tag .vp-theme-tag-body, .vp-theme-select-multiple.vp-theme-medium .vp-theme-tag .vp-theme-tag-close-btn, .vp-theme-select-tag.vp-theme-medium .vp-theme-tag .vp-theme-tag-body, .vp-theme-select-tag.vp-theme-medium .vp-theme-tag .vp-theme-tag-close-btn {
  line-height: calc(20px - calc((20px - 16px - 1px * 2) / 2) * 2);
}
.vp-theme-select-multiple.vp-theme-medium .vp-theme-input-label, .vp-theme-select-multiple.vp-theme-medium .vp-theme-input-inner, .vp-theme-select-multiple.vp-theme-medium .vp-theme-input-control, .vp-theme-select-multiple.vp-theme-medium .vp-theme-select-tag-compact, .vp-theme-select-tag.vp-theme-medium .vp-theme-input-label, .vp-theme-select-tag.vp-theme-medium .vp-theme-input-inner, .vp-theme-select-tag.vp-theme-medium .vp-theme-input-control, .vp-theme-select-tag.vp-theme-medium .vp-theme-select-tag-compact {
  line-height: calc(28px - 2px);
}
.vp-theme-select-multiple.vp-theme-large .vp-theme-select-values, .vp-theme-select-tag.vp-theme-large .vp-theme-select-values {
  min-height: calc(40px - 2px);
  padding-top: calc((40px - 24px - 2px) / 2);
  padding-bottom: calc((40px - 24px - 2px) / 2);
  line-height: 24px;
}
.vp-theme-select-multiple.vp-theme-large .vp-theme-select-values-compact, .vp-theme-select-tag.vp-theme-large .vp-theme-select-values-compact {
  height: 40px !important;
}
.vp-theme-select-multiple.vp-theme-large .vp-theme-tag, .vp-theme-select-tag.vp-theme-large .vp-theme-tag {
  padding-top: calc((24px - 16px - 1px * 2) / 2);
  padding-bottom: calc((24px - 16px - 1px * 2) / 2);
  height: 24px;
}
.vp-theme-select-multiple.vp-theme-large .vp-theme-tag .vp-theme-tag-body, .vp-theme-select-multiple.vp-theme-large .vp-theme-tag .vp-theme-tag-close-btn, .vp-theme-select-tag.vp-theme-large .vp-theme-tag .vp-theme-tag-body, .vp-theme-select-tag.vp-theme-large .vp-theme-tag .vp-theme-tag-close-btn {
  line-height: calc(24px - calc((24px - 16px - 1px * 2) / 2) * 2);
}
.vp-theme-select-multiple.vp-theme-large .vp-theme-input-label, .vp-theme-select-multiple.vp-theme-large .vp-theme-input-inner, .vp-theme-select-multiple.vp-theme-large .vp-theme-input-control, .vp-theme-select-multiple.vp-theme-large .vp-theme-select-tag-compact, .vp-theme-select-tag.vp-theme-large .vp-theme-input-label, .vp-theme-select-tag.vp-theme-large .vp-theme-input-inner, .vp-theme-select-tag.vp-theme-large .vp-theme-input-control, .vp-theme-select-tag.vp-theme-large .vp-theme-select-tag-compact {
  line-height: calc(40px - 2px);
}
.vp-theme-select-auto-complete {
  width: 160px;
}
.vp-theme-select-auto-complete .vp-theme-input {
  width: 100%;
  /* table-cell 下 margin 无效 */
}
.vp-theme-select-auto-complete .vp-theme-input .vp-theme-input-hint-wrap {
  padding-right: 1px;
}
.vp-theme-select-auto-complete .vp-theme-input .vp-theme-select-arrow {
  padding-left: 0;
}
.vp-theme-select.vp-theme-active .vp-theme-select-arrow .vp-theme-icon-arrow-down {
  transform: rotate(180deg);
}
.vp-theme-select .vp-theme-select-unfold-icon::before {
  content: "";
}
.vp-theme-select-symbol-fold::before {
  content: "\e63d";
}
.vp-theme-select-arrow {
  cursor: pointer;
  width: auto !important;
  text-align: center;
  transition: all 100ms linear;
  /* transform-origin: center 41.8%; // icon 图像中心 */
}
.vp-theme-select-popup-wrap {
  animation-duration: 300ms;
  animation-timing-function: ease;
  padding: 0px 0;
}
.vp-theme-select-spacing-tb {
  padding: 0px 0;
}
.vp-theme-select-menu-wrapper {
  max-height: 260px;
  overflow: auto;
  border: 1px solid #DCDEE3;
  border-radius: 3px;
  box-shadow: none;
}
.vp-theme-select-menu-wrapper .vp-theme-select-menu {
  max-height: none;
  border: none;
}
.vp-theme-select-menu {
  max-height: 260px;
  overflow: auto;
  /* autoComplete 没有选项时 menu 不显示 */
}
.vp-theme-select-menu .vp-theme-select-menu-empty-content {
  padding-left: 8px;
  padding-right: 8px;
  color: #999999;
}
.vp-theme-select-menu.vp-theme-select-auto-complete-menu.vp-theme-select-menu-empty {
  display: none;
}
.vp-theme-select-menu .vp-theme-menu-item-text .vp-theme-icon {
  vertical-align: middle;
}
.vp-theme-select-all {
  display: block;
  cursor: pointer;
  padding: 0 8px;
  margin: 0 12px 8px;
  border-bottom: 1px solid #DCDEE3;
}
.vp-theme-select-all:hover {
  color: #3E71F7;
}
.vp-theme-select-all .vp-theme-menu-icon-selected.vp-theme-icon {
  display: inline-block !important;
  top: initial;
  color: #5584FF;
}
.vp-theme-select-highlight {
  color: #5584FF;
  font-size: 12px;
}
.vp-theme-select-in-ie.vp-theme-select-trigger .vp-theme-select-values {
  /* 在 table 布局中，overflow: hidden 会导致负的 margin 失效 */
  overflow: visible;
}
.vp-theme-select-in-ie.vp-theme-select-trigger .vp-theme-input-control, .vp-theme-select-in-ie.vp-theme-select-trigger .vp-theme-input-label {
  width: 1px;
}
.vp-theme-select-in-ie.vp-theme-select-trigger .vp-theme-input-control > * {
  display: table-cell;
  width: 1%;
}
.vp-theme-select-in-ie.vp-theme-select-trigger .vp-theme-select-arrow {
  display: table-cell;
}
.vp-theme-select-in-ie.vp-theme-select-trigger .vp-theme-select-clear {
  display: none;
}
.vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-multiple .vp-theme-select-inner, .vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-tag .vp-theme-select-inner {
  vertical-align: top;
}
.vp-theme-select-in-ie.vp-theme-select-trigger .vp-theme-select-inner {
  display: inline-table;
}
.vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-single .vp-theme-select-values {
  display: inline-table;
}
.vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-single .vp-theme-input.vp-theme-small .vp-theme-select-values {
  line-height: 20px;
}
.vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-single .vp-theme-input.vp-theme-medium .vp-theme-select-values {
  line-height: 28px;
}
.vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-single .vp-theme-input.vp-theme-large .vp-theme-select-values {
  line-height: 40px;
}
.vp-theme-select-in-ie.vp-theme-select-trigger .vp-theme-select-trigger-search > span {
  max-width: 100px;
}
.vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-single {
  /* 搜索框未激活，或者menu未展开，如果有值，则不显示搜索(placeholder) */
}
.vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-single.vp-theme-select-in-ie-fixwidth .vp-theme-select-values {
  position: relative;
}
.vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-single.vp-theme-select-in-ie-fixwidth .vp-theme-select-values > em {
  position: absolute;
  display: inline-block;
  height: 100%;
  line-height: 1;
  vertical-align: middle;
  overflow: hidden;
  left: 4px;
  right: 0;
  top: 30%;
}
.vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-single.vp-theme-no-search .vp-theme-select-values > em + .vp-theme-select-trigger-search, .vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-select-single.vp-theme-inactive .vp-theme-select-values > em + .vp-theme-select-trigger-search {
  /* stylelint-disable */
  filter: alpha(opacity=0); /* for IE 9 */
  /* stylelint-enable */
  font-size: 0;
}
.vp-theme-select-in-ie.vp-theme-select-trigger.vp-theme-no-search .vp-theme-select-trigger-search input {
  color: inherit;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .vp-theme-select-multiple .vp-theme-select-compact .vp-theme-select-tag-compact {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #FFFFFF 10px);
  }
  .vp-theme-select-multiple .vp-theme-disabled .vp-theme-select-tag-compact {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #F7F8FA 10px);
  }
}
.vp-theme-select.vp-theme-select-multiple[dir=rtl] .vp-theme-select-compact .vp-theme-select-tag-compact {
  left: 0;
  right: auto;
  padding: 0 16px 0 4px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0), #FFFFFF 10px);
}

.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-btn {
  box-sizing: border-box;
}
.vp-theme-btn *,
.vp-theme-btn *:before,
.vp-theme-btn *:after {
  box-sizing: border-box;
}
.vp-theme-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.vp-theme-btn, .vp-theme-btn:active, .vp-theme-btn:focus, .vp-theme-btn:hover {
  outline: 0;
}

@keyframes loadingCircle {
  0% {
    transform-origin: 50% 50%;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: 50% 50%;
    transform: rotate(360deg);
  }
}
.vp-theme-btn {
  /* 尺寸维度 */
  /* ---------------------------------------- */
  /* 普通按钮 */
  /* 普通态禁用样式 */
  /* 警告按钮 */
  /* 文本按钮 */
  /* loading */
  /* ---------------------------------------- */
  /* custom loading */
  /* 幽灵按钮 */
  /* 组合 */
  /* ---------------------------------------- */
}
.vp-theme-btn {
  position: relative;
  display: inline-block;
  box-shadow: none;
  text-decoration: none;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  transition: all 100ms linear;
  line-height: 1;
  cursor: pointer;
}
.vp-theme-btn:after {
  text-align: center;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 100ms linear;
}
.vp-theme-btn::before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.vp-theme-btn .vp-theme-icon {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}
.vp-theme-btn > span,
.vp-theme-btn > div {
  display: inline-block;
  vertical-align: middle;
}
.vp-theme-btn > .vp-theme-btn-helper {
  text-decoration: inherit;
  display: inline-block;
  vertical-align: middle;
}
.vp-theme-btn.hover, .vp-theme-btn:hover {
  box-shadow: none;
}
.vp-theme-btn.vp-theme-small {
  border-radius: 3px;
  padding: 0 8px;
  height: 20px;
  font-size: 12px;
  border-width: 1px;
}
.vp-theme-btn.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-first {
  transform: scale(1);
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-last {
  transform: scale(1);
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-alone {
  transform: scale(1);
}
.vp-theme-btn.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-alone:before, .vp-theme-btn.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-alone .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-small.vp-theme-btn-loading:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  left: 8px;
  top: 50%;
  text-align: center;
  margin-right: 4px;
}
.vp-theme-btn.vp-theme-small.vp-theme-btn-loading > .vp-theme-icon {
  display: none;
}
.vp-theme-btn.vp-theme-small > .vp-theme-btn-custom-loading-icon {
  opacity: 0;
  width: 0;
}
.vp-theme-btn.vp-theme-small > .vp-theme-btn-custom-loading-icon.show {
  width: 12px;
  margin-right: 4px;
  opacity: 1;
  transition: all 100ms linear;
}
.vp-theme-btn.vp-theme-medium {
  border-radius: 3px;
  padding: 0 12px;
  height: 28px;
  font-size: 12px;
  border-width: 1px;
}
.vp-theme-btn.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-first {
  transform: scale(1);
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-last {
  transform: scale(1);
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-alone {
  transform: scale(1);
}
.vp-theme-btn.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-alone:before, .vp-theme-btn.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-alone .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-medium.vp-theme-btn-loading:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  left: 12px;
  top: 50%;
  text-align: center;
  margin-right: 4px;
}
.vp-theme-btn.vp-theme-medium.vp-theme-btn-loading > .vp-theme-icon {
  display: none;
}
.vp-theme-btn.vp-theme-medium > .vp-theme-btn-custom-loading-icon {
  opacity: 0;
  width: 0;
}
.vp-theme-btn.vp-theme-medium > .vp-theme-btn-custom-loading-icon.show {
  width: 12px;
  margin-right: 4px;
  opacity: 1;
  transition: all 100ms linear;
}
.vp-theme-btn.vp-theme-large {
  border-radius: 3px;
  padding: 0 16px;
  height: 40px;
  font-size: 16px;
  border-width: 1px;
}
.vp-theme-btn.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-first {
  transform: scale(1);
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-last {
  transform: scale(1);
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-alone {
  transform: scale(1);
}
.vp-theme-btn.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-alone:before, .vp-theme-btn.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-alone .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-large.vp-theme-btn-loading:before {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  left: 16px;
  top: 50%;
  text-align: center;
  margin-right: 4px;
}
.vp-theme-btn.vp-theme-large.vp-theme-btn-loading > .vp-theme-icon {
  display: none;
}
.vp-theme-btn.vp-theme-large > .vp-theme-btn-custom-loading-icon {
  opacity: 0;
  width: 0;
}
.vp-theme-btn.vp-theme-large > .vp-theme-btn-custom-loading-icon.show {
  width: 16px;
  margin-right: 4px;
  opacity: 1;
  transition: all 100ms linear;
}
.vp-theme-btn.vp-theme-btn-normal {
  border-style: solid;
  background: #FFFFFF;
  border-color: #C4C6CF;
}
.vp-theme-btn.vp-theme-btn-normal, .vp-theme-btn.vp-theme-btn-normal:link, .vp-theme-btn.vp-theme-btn-normal:visited, .vp-theme-btn.vp-theme-btn-normal.visited {
  color: #333333;
}
.vp-theme-btn.vp-theme-btn-normal:focus, .vp-theme-btn.vp-theme-btn-normal:hover, .vp-theme-btn.vp-theme-btn-normal.hover {
  color: #333333;
  background: #F2F3F7;
  border-color: #A0A2AD;
  text-decoration: none;
}
.vp-theme-btn.vp-theme-btn-normal:active, .vp-theme-btn.vp-theme-btn-normal.active {
  color: #333333;
  background: #F2F3F7;
  border-color: #A0A2AD;
  text-decoration: none;
}
.vp-theme-btn.vp-theme-btn-primary {
  border-style: solid;
  background: #5584FF;
  border-color: transparent;
}
.vp-theme-btn.vp-theme-btn-primary, .vp-theme-btn.vp-theme-btn-primary:link, .vp-theme-btn.vp-theme-btn-primary:visited, .vp-theme-btn.vp-theme-btn-primary.visited {
  color: #FFFFFF;
}
.vp-theme-btn.vp-theme-btn-primary:focus, .vp-theme-btn.vp-theme-btn-primary:hover, .vp-theme-btn.vp-theme-btn-primary.hover {
  color: #FFFFFF;
  background: #3E71F7;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn.vp-theme-btn-primary:active, .vp-theme-btn.vp-theme-btn-primary.active {
  color: #FFFFFF;
  background: #3E71F7;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn.vp-theme-btn-secondary {
  border-style: solid;
  background: #FFFFFF;
  border-color: #5584FF;
}
.vp-theme-btn.vp-theme-btn-secondary, .vp-theme-btn.vp-theme-btn-secondary:link, .vp-theme-btn.vp-theme-btn-secondary:visited, .vp-theme-btn.vp-theme-btn-secondary.visited {
  color: #5584FF;
}
.vp-theme-btn.vp-theme-btn-secondary:focus, .vp-theme-btn.vp-theme-btn-secondary:hover, .vp-theme-btn.vp-theme-btn-secondary.hover {
  color: #FFFFFF;
  background: #3E71F7;
  border-color: #3E71F7;
  text-decoration: none;
}
.vp-theme-btn.vp-theme-btn-secondary:active, .vp-theme-btn.vp-theme-btn-secondary.active {
  color: #FFFFFF;
  background: #3E71F7;
  border-color: #3E71F7;
  text-decoration: none;
}
.vp-theme-btn.disabled, .vp-theme-btn[disabled] {
  cursor: not-allowed;
}
.vp-theme-btn.disabled.vp-theme-btn-normal, .vp-theme-btn[disabled].vp-theme-btn-normal {
  background: #F7F8FA;
  border-color: #E6E7EB;
}
.vp-theme-btn.disabled.vp-theme-btn-normal, .vp-theme-btn.disabled.vp-theme-btn-normal:link, .vp-theme-btn.disabled.vp-theme-btn-normal:visited, .vp-theme-btn.disabled.vp-theme-btn-normal.visited, .vp-theme-btn[disabled].vp-theme-btn-normal, .vp-theme-btn[disabled].vp-theme-btn-normal:link, .vp-theme-btn[disabled].vp-theme-btn-normal:visited, .vp-theme-btn[disabled].vp-theme-btn-normal.visited {
  color: #CCCCCC;
}
.vp-theme-btn.disabled.vp-theme-btn-normal:focus, .vp-theme-btn.disabled.vp-theme-btn-normal:hover, .vp-theme-btn.disabled.vp-theme-btn-normal.hover, .vp-theme-btn[disabled].vp-theme-btn-normal:focus, .vp-theme-btn[disabled].vp-theme-btn-normal:hover, .vp-theme-btn[disabled].vp-theme-btn-normal.hover {
  color: #CCCCCC;
  background: #F7F8FA;
  border-color: #E6E7EB;
  text-decoration: none;
}
.vp-theme-btn.disabled.vp-theme-btn-normal:active, .vp-theme-btn.disabled.vp-theme-btn-normal.active, .vp-theme-btn[disabled].vp-theme-btn-normal:active, .vp-theme-btn[disabled].vp-theme-btn-normal.active {
  color: #CCCCCC;
  background: #F7F8FA;
  border-color: #E6E7EB;
  text-decoration: none;
}
.vp-theme-btn.disabled.vp-theme-btn-primary, .vp-theme-btn[disabled].vp-theme-btn-primary {
  background: #F7F8FA;
  border-color: #E6E7EB;
}
.vp-theme-btn.disabled.vp-theme-btn-primary, .vp-theme-btn.disabled.vp-theme-btn-primary:link, .vp-theme-btn.disabled.vp-theme-btn-primary:visited, .vp-theme-btn.disabled.vp-theme-btn-primary.visited, .vp-theme-btn[disabled].vp-theme-btn-primary, .vp-theme-btn[disabled].vp-theme-btn-primary:link, .vp-theme-btn[disabled].vp-theme-btn-primary:visited, .vp-theme-btn[disabled].vp-theme-btn-primary.visited {
  color: #CCCCCC;
}
.vp-theme-btn.disabled.vp-theme-btn-primary:focus, .vp-theme-btn.disabled.vp-theme-btn-primary:hover, .vp-theme-btn.disabled.vp-theme-btn-primary.hover, .vp-theme-btn[disabled].vp-theme-btn-primary:focus, .vp-theme-btn[disabled].vp-theme-btn-primary:hover, .vp-theme-btn[disabled].vp-theme-btn-primary.hover {
  color: #CCCCCC;
  background: #F7F8FA;
  border-color: #E6E7EB;
  text-decoration: none;
}
.vp-theme-btn.disabled.vp-theme-btn-primary:active, .vp-theme-btn.disabled.vp-theme-btn-primary.active, .vp-theme-btn[disabled].vp-theme-btn-primary:active, .vp-theme-btn[disabled].vp-theme-btn-primary.active {
  color: #CCCCCC;
  background: #F7F8FA;
  border-color: #E6E7EB;
  text-decoration: none;
}
.vp-theme-btn.disabled.vp-theme-btn-secondary, .vp-theme-btn[disabled].vp-theme-btn-secondary {
  background: #F7F8FA;
  border-color: #E6E7EB;
}
.vp-theme-btn.disabled.vp-theme-btn-secondary, .vp-theme-btn.disabled.vp-theme-btn-secondary:link, .vp-theme-btn.disabled.vp-theme-btn-secondary:visited, .vp-theme-btn.disabled.vp-theme-btn-secondary.visited, .vp-theme-btn[disabled].vp-theme-btn-secondary, .vp-theme-btn[disabled].vp-theme-btn-secondary:link, .vp-theme-btn[disabled].vp-theme-btn-secondary:visited, .vp-theme-btn[disabled].vp-theme-btn-secondary.visited {
  color: #CCCCCC;
}
.vp-theme-btn.disabled.vp-theme-btn-secondary:focus, .vp-theme-btn.disabled.vp-theme-btn-secondary:hover, .vp-theme-btn.disabled.vp-theme-btn-secondary.hover, .vp-theme-btn[disabled].vp-theme-btn-secondary:focus, .vp-theme-btn[disabled].vp-theme-btn-secondary:hover, .vp-theme-btn[disabled].vp-theme-btn-secondary.hover {
  color: #CCCCCC;
  background: #F7F8FA;
  border-color: #E6E7EB;
  text-decoration: none;
}
.vp-theme-btn.disabled.vp-theme-btn-secondary:active, .vp-theme-btn.disabled.vp-theme-btn-secondary.active, .vp-theme-btn[disabled].vp-theme-btn-secondary:active, .vp-theme-btn[disabled].vp-theme-btn-secondary.active {
  color: #CCCCCC;
  background: #F7F8FA;
  border-color: #E6E7EB;
  text-decoration: none;
}
.vp-theme-btn-warning {
  border-style: solid;
}
.vp-theme-btn-warning.vp-theme-btn-primary {
  background: #FF3000;
  border-color: #FF3000;
}
.vp-theme-btn-warning.vp-theme-btn-primary, .vp-theme-btn-warning.vp-theme-btn-primary:link, .vp-theme-btn-warning.vp-theme-btn-primary:visited, .vp-theme-btn-warning.vp-theme-btn-primary.visited {
  color: #FFFFFF;
}
.vp-theme-btn-warning.vp-theme-btn-primary:focus, .vp-theme-btn-warning.vp-theme-btn-primary:hover, .vp-theme-btn-warning.vp-theme-btn-primary.hover {
  color: #FFFFFF;
  background: #E72B00;
  border-color: #E72B00;
  text-decoration: none;
}
.vp-theme-btn-warning.vp-theme-btn-primary:active, .vp-theme-btn-warning.vp-theme-btn-primary.active {
  color: #FFFFFF;
  background: #E72B00;
  border-color: #E72B00;
  text-decoration: none;
}
.vp-theme-btn-warning.vp-theme-btn-primary.disabled, .vp-theme-btn-warning.vp-theme-btn-primary[disabled] {
  background: #F7F8FA;
  border-color: #DCDEE3;
}
.vp-theme-btn-warning.vp-theme-btn-primary.disabled, .vp-theme-btn-warning.vp-theme-btn-primary.disabled:link, .vp-theme-btn-warning.vp-theme-btn-primary.disabled:visited, .vp-theme-btn-warning.vp-theme-btn-primary.disabled.visited, .vp-theme-btn-warning.vp-theme-btn-primary[disabled], .vp-theme-btn-warning.vp-theme-btn-primary[disabled]:link, .vp-theme-btn-warning.vp-theme-btn-primary[disabled]:visited, .vp-theme-btn-warning.vp-theme-btn-primary[disabled].visited {
  color: #CCCCCC;
}
.vp-theme-btn-warning.vp-theme-btn-primary.disabled:focus, .vp-theme-btn-warning.vp-theme-btn-primary.disabled:hover, .vp-theme-btn-warning.vp-theme-btn-primary.disabled.hover, .vp-theme-btn-warning.vp-theme-btn-primary[disabled]:focus, .vp-theme-btn-warning.vp-theme-btn-primary[disabled]:hover, .vp-theme-btn-warning.vp-theme-btn-primary[disabled].hover {
  color: #CCCCCC;
  background: #F7F8FA;
  border-color: #DCDEE3;
  text-decoration: none;
}
.vp-theme-btn-warning.vp-theme-btn-primary.disabled:active, .vp-theme-btn-warning.vp-theme-btn-primary.disabled.active, .vp-theme-btn-warning.vp-theme-btn-primary[disabled]:active, .vp-theme-btn-warning.vp-theme-btn-primary[disabled].active {
  color: #CCCCCC;
  background: #F7F8FA;
  border-color: #DCDEE3;
  text-decoration: none;
}
.vp-theme-btn-warning.vp-theme-btn-normal {
  background: #FFFFFF;
  border-color: #FF3000;
}
.vp-theme-btn-warning.vp-theme-btn-normal, .vp-theme-btn-warning.vp-theme-btn-normal:link, .vp-theme-btn-warning.vp-theme-btn-normal:visited, .vp-theme-btn-warning.vp-theme-btn-normal.visited {
  color: #FF3000;
}
.vp-theme-btn-warning.vp-theme-btn-normal:focus, .vp-theme-btn-warning.vp-theme-btn-normal:hover, .vp-theme-btn-warning.vp-theme-btn-normal.hover {
  color: #FFFFFF;
  background: #E72B00;
  border-color: #E72B00;
  text-decoration: none;
}
.vp-theme-btn-warning.vp-theme-btn-normal:active, .vp-theme-btn-warning.vp-theme-btn-normal.active {
  color: #FFFFFF;
  background: #E72B00;
  border-color: #E72B00;
  text-decoration: none;
}
.vp-theme-btn-warning.vp-theme-btn-normal.disabled, .vp-theme-btn-warning.vp-theme-btn-normal[disabled] {
  background: #F7F8FA;
  border-color: #E6E7EB;
}
.vp-theme-btn-warning.vp-theme-btn-normal.disabled, .vp-theme-btn-warning.vp-theme-btn-normal.disabled:link, .vp-theme-btn-warning.vp-theme-btn-normal.disabled:visited, .vp-theme-btn-warning.vp-theme-btn-normal.disabled.visited, .vp-theme-btn-warning.vp-theme-btn-normal[disabled], .vp-theme-btn-warning.vp-theme-btn-normal[disabled]:link, .vp-theme-btn-warning.vp-theme-btn-normal[disabled]:visited, .vp-theme-btn-warning.vp-theme-btn-normal[disabled].visited {
  color: #CCCCCC;
}
.vp-theme-btn-warning.vp-theme-btn-normal.disabled:focus, .vp-theme-btn-warning.vp-theme-btn-normal.disabled:hover, .vp-theme-btn-warning.vp-theme-btn-normal.disabled.hover, .vp-theme-btn-warning.vp-theme-btn-normal[disabled]:focus, .vp-theme-btn-warning.vp-theme-btn-normal[disabled]:hover, .vp-theme-btn-warning.vp-theme-btn-normal[disabled].hover {
  color: #CCCCCC;
  background: #F7F8FA;
  border-color: #E6E7EB;
  text-decoration: none;
}
.vp-theme-btn-warning.vp-theme-btn-normal.disabled:active, .vp-theme-btn-warning.vp-theme-btn-normal.disabled.active, .vp-theme-btn-warning.vp-theme-btn-normal[disabled]:active, .vp-theme-btn-warning.vp-theme-btn-normal[disabled].active {
  color: #CCCCCC;
  background: #F7F8FA;
  border-color: #E6E7EB;
  text-decoration: none;
}
.vp-theme-btn-text {
  box-shadow: none;
  border-radius: 0;
  user-select: text;
}
.vp-theme-btn-text.hover, .vp-theme-btn-text:hover {
  box-shadow: none;
}
.vp-theme-btn-text.vp-theme-btn-primary {
  background: transparent;
  border-color: transparent;
}
.vp-theme-btn-text.vp-theme-btn-primary, .vp-theme-btn-text.vp-theme-btn-primary:link, .vp-theme-btn-text.vp-theme-btn-primary:visited, .vp-theme-btn-text.vp-theme-btn-primary.visited {
  color: #5584FF;
}
.vp-theme-btn-text.vp-theme-btn-primary:focus, .vp-theme-btn-text.vp-theme-btn-primary:hover, .vp-theme-btn-text.vp-theme-btn-primary.hover {
  color: #3E71F7;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-primary:active, .vp-theme-btn-text.vp-theme-btn-primary.active {
  color: #3E71F7;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-primary.disabled, .vp-theme-btn-text.vp-theme-btn-primary[disabled] {
  background: transparent;
  border-color: transparent;
}
.vp-theme-btn-text.vp-theme-btn-primary.disabled, .vp-theme-btn-text.vp-theme-btn-primary.disabled:link, .vp-theme-btn-text.vp-theme-btn-primary.disabled:visited, .vp-theme-btn-text.vp-theme-btn-primary.disabled.visited, .vp-theme-btn-text.vp-theme-btn-primary[disabled], .vp-theme-btn-text.vp-theme-btn-primary[disabled]:link, .vp-theme-btn-text.vp-theme-btn-primary[disabled]:visited, .vp-theme-btn-text.vp-theme-btn-primary[disabled].visited {
  color: #CCCCCC;
}
.vp-theme-btn-text.vp-theme-btn-primary.disabled:focus, .vp-theme-btn-text.vp-theme-btn-primary.disabled:hover, .vp-theme-btn-text.vp-theme-btn-primary.disabled.hover, .vp-theme-btn-text.vp-theme-btn-primary[disabled]:focus, .vp-theme-btn-text.vp-theme-btn-primary[disabled]:hover, .vp-theme-btn-text.vp-theme-btn-primary[disabled].hover {
  color: #CCCCCC;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-primary.disabled:active, .vp-theme-btn-text.vp-theme-btn-primary.disabled.active, .vp-theme-btn-text.vp-theme-btn-primary[disabled]:active, .vp-theme-btn-text.vp-theme-btn-primary[disabled].active {
  color: #CCCCCC;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-secondary {
  background: transparent;
  border-color: transparent;
}
.vp-theme-btn-text.vp-theme-btn-secondary, .vp-theme-btn-text.vp-theme-btn-secondary:link, .vp-theme-btn-text.vp-theme-btn-secondary:visited, .vp-theme-btn-text.vp-theme-btn-secondary.visited {
  color: #666666;
}
.vp-theme-btn-text.vp-theme-btn-secondary:focus, .vp-theme-btn-text.vp-theme-btn-secondary:hover, .vp-theme-btn-text.vp-theme-btn-secondary.hover {
  color: #5584FF;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-secondary:active, .vp-theme-btn-text.vp-theme-btn-secondary.active {
  color: #5584FF;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-secondary.disabled, .vp-theme-btn-text.vp-theme-btn-secondary[disabled] {
  background: transparent;
  border-color: transparent;
}
.vp-theme-btn-text.vp-theme-btn-secondary.disabled, .vp-theme-btn-text.vp-theme-btn-secondary.disabled:link, .vp-theme-btn-text.vp-theme-btn-secondary.disabled:visited, .vp-theme-btn-text.vp-theme-btn-secondary.disabled.visited, .vp-theme-btn-text.vp-theme-btn-secondary[disabled], .vp-theme-btn-text.vp-theme-btn-secondary[disabled]:link, .vp-theme-btn-text.vp-theme-btn-secondary[disabled]:visited, .vp-theme-btn-text.vp-theme-btn-secondary[disabled].visited {
  color: #CCCCCC;
}
.vp-theme-btn-text.vp-theme-btn-secondary.disabled:focus, .vp-theme-btn-text.vp-theme-btn-secondary.disabled:hover, .vp-theme-btn-text.vp-theme-btn-secondary.disabled.hover, .vp-theme-btn-text.vp-theme-btn-secondary[disabled]:focus, .vp-theme-btn-text.vp-theme-btn-secondary[disabled]:hover, .vp-theme-btn-text.vp-theme-btn-secondary[disabled].hover {
  color: #CCCCCC;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-secondary.disabled:active, .vp-theme-btn-text.vp-theme-btn-secondary.disabled.active, .vp-theme-btn-text.vp-theme-btn-secondary[disabled]:active, .vp-theme-btn-text.vp-theme-btn-secondary[disabled].active {
  color: #CCCCCC;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-normal {
  background: transparent;
  border-color: transparent;
}
.vp-theme-btn-text.vp-theme-btn-normal, .vp-theme-btn-text.vp-theme-btn-normal:link, .vp-theme-btn-text.vp-theme-btn-normal:visited, .vp-theme-btn-text.vp-theme-btn-normal.visited {
  color: #333333;
}
.vp-theme-btn-text.vp-theme-btn-normal:focus, .vp-theme-btn-text.vp-theme-btn-normal:hover, .vp-theme-btn-text.vp-theme-btn-normal.hover {
  color: #5584FF;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-normal:active, .vp-theme-btn-text.vp-theme-btn-normal.active {
  color: #5584FF;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-normal.disabled, .vp-theme-btn-text.vp-theme-btn-normal[disabled] {
  background: transparent;
  border-color: transparent;
}
.vp-theme-btn-text.vp-theme-btn-normal.disabled, .vp-theme-btn-text.vp-theme-btn-normal.disabled:link, .vp-theme-btn-text.vp-theme-btn-normal.disabled:visited, .vp-theme-btn-text.vp-theme-btn-normal.disabled.visited, .vp-theme-btn-text.vp-theme-btn-normal[disabled], .vp-theme-btn-text.vp-theme-btn-normal[disabled]:link, .vp-theme-btn-text.vp-theme-btn-normal[disabled]:visited, .vp-theme-btn-text.vp-theme-btn-normal[disabled].visited {
  color: #CCCCCC;
}
.vp-theme-btn-text.vp-theme-btn-normal.disabled:focus, .vp-theme-btn-text.vp-theme-btn-normal.disabled:hover, .vp-theme-btn-text.vp-theme-btn-normal.disabled.hover, .vp-theme-btn-text.vp-theme-btn-normal[disabled]:focus, .vp-theme-btn-text.vp-theme-btn-normal[disabled]:hover, .vp-theme-btn-text.vp-theme-btn-normal[disabled].hover {
  color: #CCCCCC;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-normal.disabled:active, .vp-theme-btn-text.vp-theme-btn-normal.disabled.active, .vp-theme-btn-text.vp-theme-btn-normal[disabled]:active, .vp-theme-btn-text.vp-theme-btn-normal[disabled].active {
  color: #CCCCCC;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-large {
  border-radius: 0;
  padding: 0 0px;
  height: 24px;
  font-size: 14px;
  border-width: 0;
}
.vp-theme-btn-text.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-first {
  transform: scale(1);
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn-text.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn-text.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-btn-text.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-last {
  transform: scale(1);
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn-text.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn-text.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-btn-text.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-alone {
  transform: scale(1);
}
.vp-theme-btn-text.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-alone:before, .vp-theme-btn-text.vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-alone .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-btn-text.vp-theme-large.vp-theme-btn-loading:before {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  left: 0px;
  top: 50%;
  text-align: center;
  margin-right: 4px;
}
.vp-theme-btn-text.vp-theme-large.vp-theme-btn-loading > .vp-theme-icon {
  display: none;
}
.vp-theme-btn-text.vp-theme-large > .vp-theme-btn-custom-loading-icon {
  opacity: 0;
  width: 0;
}
.vp-theme-btn-text.vp-theme-large > .vp-theme-btn-custom-loading-icon.show {
  width: 16px;
  margin-right: 4px;
  opacity: 1;
  transition: all 100ms linear;
}
.vp-theme-btn-text.vp-theme-medium {
  border-radius: 0;
  padding: 0 0px;
  height: 20px;
  font-size: 12px;
  border-width: 0;
}
.vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-first {
  transform: scale(1);
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-last {
  transform: scale(1);
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-alone {
  transform: scale(1);
}
.vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-alone:before, .vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-alone .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn-text.vp-theme-medium.vp-theme-btn-loading:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  left: 0px;
  top: 50%;
  text-align: center;
  margin-right: 4px;
}
.vp-theme-btn-text.vp-theme-medium.vp-theme-btn-loading > .vp-theme-icon {
  display: none;
}
.vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-custom-loading-icon {
  opacity: 0;
  width: 0;
}
.vp-theme-btn-text.vp-theme-medium > .vp-theme-btn-custom-loading-icon.show {
  width: 12px;
  margin-right: 4px;
  opacity: 1;
  transition: all 100ms linear;
}
.vp-theme-btn-text.vp-theme-small {
  border-radius: 0;
  padding: 0 0px;
  height: 16px;
  font-size: 12px;
  border-width: 0;
}
.vp-theme-btn-text.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-first {
  transform: scale(1);
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn-text.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn-text.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn-text.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-last {
  transform: scale(1);
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn-text.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn-text.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn-text.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-alone {
  transform: scale(1);
}
.vp-theme-btn-text.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-alone:before, .vp-theme-btn-text.vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-alone .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn-text.vp-theme-small.vp-theme-btn-loading:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  left: 0px;
  top: 50%;
  text-align: center;
  margin-right: 4px;
}
.vp-theme-btn-text.vp-theme-small.vp-theme-btn-loading > .vp-theme-icon {
  display: none;
}
.vp-theme-btn-text.vp-theme-small > .vp-theme-btn-custom-loading-icon {
  opacity: 0;
  width: 0;
}
.vp-theme-btn-text.vp-theme-small > .vp-theme-btn-custom-loading-icon.show {
  width: 12px;
  margin-right: 4px;
  opacity: 1;
  transition: all 100ms linear;
}
.vp-theme-btn-text.vp-theme-btn-loading {
  background: transparent;
  border-color: transparent;
}
.vp-theme-btn-text.vp-theme-btn-loading, .vp-theme-btn-text.vp-theme-btn-loading:link, .vp-theme-btn-text.vp-theme-btn-loading:visited, .vp-theme-btn-text.vp-theme-btn-loading.visited {
  color: #333333;
}
.vp-theme-btn-text.vp-theme-btn-loading:focus, .vp-theme-btn-text.vp-theme-btn-loading:hover, .vp-theme-btn-text.vp-theme-btn-loading.hover {
  color: #333333;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-text.vp-theme-btn-loading:active, .vp-theme-btn-text.vp-theme-btn-loading.active {
  color: #333333;
  background: transparent;
  border-color: transparent;
  text-decoration: none;
}
.vp-theme-btn-loading {
  pointer-events: none;
}
.vp-theme-btn-loading:before {
  font-family: Vp-themeIcon;
  content: "\e646";
  opacity: 1;
  visibility: visible;
  animation: loadingCircle 2s infinite linear;
}
.vp-theme-btn-loading:after {
  content: "";
  display: inline-block;
  position: static;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.vp-theme-btn-custom-loading {
  pointer-events: none;
}
.vp-theme-btn-ghost {
  box-shadow: none;
  border-style: solid;
}
.vp-theme-btn-ghost.vp-theme-btn-dark {
  background: rgba(0, 0, 0, 0);
  border-color: #FFFFFF;
}
.vp-theme-btn-ghost.vp-theme-btn-dark, .vp-theme-btn-ghost.vp-theme-btn-dark:link, .vp-theme-btn-ghost.vp-theme-btn-dark:visited, .vp-theme-btn-ghost.vp-theme-btn-dark.visited {
  color: #FFFFFF;
}
.vp-theme-btn-ghost.vp-theme-btn-dark:focus, .vp-theme-btn-ghost.vp-theme-btn-dark:hover, .vp-theme-btn-ghost.vp-theme-btn-dark.hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.8);
  border-color: #FFFFFF;
  text-decoration: none;
}
.vp-theme-btn-ghost.vp-theme-btn-dark:active, .vp-theme-btn-ghost.vp-theme-btn-dark.active {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.8);
  border-color: #FFFFFF;
  text-decoration: none;
}
.vp-theme-btn-ghost.vp-theme-btn-dark.disabled, .vp-theme-btn-ghost.vp-theme-btn-dark[disabled] {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.4);
}
.vp-theme-btn-ghost.vp-theme-btn-dark.disabled, .vp-theme-btn-ghost.vp-theme-btn-dark.disabled:link, .vp-theme-btn-ghost.vp-theme-btn-dark.disabled:visited, .vp-theme-btn-ghost.vp-theme-btn-dark.disabled.visited, .vp-theme-btn-ghost.vp-theme-btn-dark[disabled], .vp-theme-btn-ghost.vp-theme-btn-dark[disabled]:link, .vp-theme-btn-ghost.vp-theme-btn-dark[disabled]:visited, .vp-theme-btn-ghost.vp-theme-btn-dark[disabled].visited {
  color: rgba(255, 255, 255, 0.4);
}
.vp-theme-btn-ghost.vp-theme-btn-dark.disabled:focus, .vp-theme-btn-ghost.vp-theme-btn-dark.disabled:hover, .vp-theme-btn-ghost.vp-theme-btn-dark.disabled.hover, .vp-theme-btn-ghost.vp-theme-btn-dark[disabled]:focus, .vp-theme-btn-ghost.vp-theme-btn-dark[disabled]:hover, .vp-theme-btn-ghost.vp-theme-btn-dark[disabled].hover {
  color: rgba(255, 255, 255, 0.4);
  background: transparent;
  border-color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
}
.vp-theme-btn-ghost.vp-theme-btn-dark.disabled:active, .vp-theme-btn-ghost.vp-theme-btn-dark.disabled.active, .vp-theme-btn-ghost.vp-theme-btn-dark[disabled]:active, .vp-theme-btn-ghost.vp-theme-btn-dark[disabled].active {
  color: rgba(255, 255, 255, 0.4);
  background: transparent;
  border-color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
}
.vp-theme-btn-ghost.vp-theme-btn-light {
  background: rgba(0, 0, 0, 0);
  border-color: #333333;
}
.vp-theme-btn-ghost.vp-theme-btn-light, .vp-theme-btn-ghost.vp-theme-btn-light:link, .vp-theme-btn-ghost.vp-theme-btn-light:visited, .vp-theme-btn-ghost.vp-theme-btn-light.visited {
  color: #333333;
}
.vp-theme-btn-ghost.vp-theme-btn-light:focus, .vp-theme-btn-ghost.vp-theme-btn-light:hover, .vp-theme-btn-ghost.vp-theme-btn-light.hover {
  color: #999999;
  background: rgba(0, 0, 0, 0.92);
  border-color: #333333;
  text-decoration: none;
}
.vp-theme-btn-ghost.vp-theme-btn-light:active, .vp-theme-btn-ghost.vp-theme-btn-light.active {
  color: #999999;
  background: rgba(0, 0, 0, 0.92);
  border-color: #333333;
  text-decoration: none;
}
.vp-theme-btn-ghost.vp-theme-btn-light.disabled, .vp-theme-btn-ghost.vp-theme-btn-light[disabled] {
  background: transparent;
  border-color: rgba(0, 0, 0, 0.1);
}
.vp-theme-btn-ghost.vp-theme-btn-light.disabled, .vp-theme-btn-ghost.vp-theme-btn-light.disabled:link, .vp-theme-btn-ghost.vp-theme-btn-light.disabled:visited, .vp-theme-btn-ghost.vp-theme-btn-light.disabled.visited, .vp-theme-btn-ghost.vp-theme-btn-light[disabled], .vp-theme-btn-ghost.vp-theme-btn-light[disabled]:link, .vp-theme-btn-ghost.vp-theme-btn-light[disabled]:visited, .vp-theme-btn-ghost.vp-theme-btn-light[disabled].visited {
  color: rgba(0, 0, 0, 0.1);
}
.vp-theme-btn-ghost.vp-theme-btn-light.disabled:focus, .vp-theme-btn-ghost.vp-theme-btn-light.disabled:hover, .vp-theme-btn-ghost.vp-theme-btn-light.disabled.hover, .vp-theme-btn-ghost.vp-theme-btn-light[disabled]:focus, .vp-theme-btn-ghost.vp-theme-btn-light[disabled]:hover, .vp-theme-btn-ghost.vp-theme-btn-light[disabled].hover {
  color: rgba(0, 0, 0, 0.1);
  background: transparent;
  border-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.vp-theme-btn-ghost.vp-theme-btn-light.disabled:active, .vp-theme-btn-ghost.vp-theme-btn-light.disabled.active, .vp-theme-btn-ghost.vp-theme-btn-light[disabled]:active, .vp-theme-btn-ghost.vp-theme-btn-light[disabled].active {
  color: rgba(0, 0, 0, 0.1);
  background: transparent;
  border-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.vp-theme-btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.vp-theme-btn-group > .vp-theme-btn {
  position: relative;
  float: left;
  box-shadow: none;
}
.vp-theme-btn-group > .vp-theme-btn:hover, .vp-theme-btn-group > .vp-theme-btn:focus, .vp-theme-btn-group > .vp-theme-btn:active, .vp-theme-btn-group > .vp-theme-btn.active {
  z-index: 1;
}
.vp-theme-btn-group > .vp-theme-btn.disabled, .vp-theme-btn-group > .vp-theme-btn[disabled] {
  z-index: 0;
}
.vp-theme-btn-group .vp-theme-btn.vp-theme-btn {
  margin: 0 0 0 -1px;
}
.vp-theme-btn-group .vp-theme-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.vp-theme-btn-group > .vp-theme-btn:first-child {
  margin: 0;
}
.vp-theme-btn-group > .vp-theme-btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.vp-theme-btn-group > .vp-theme-btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.vp-theme-btn-group > .vp-theme-btn-primary:not(:first-child) {
  border-left-color: rgba(255, 255, 255, 0.2);
}
.vp-theme-btn-group > .vp-theme-btn-primary:not(:first-child):hover {
  border-left-color: transparent;
}
.vp-theme-btn-group > .vp-theme-btn-primary:not(:first-child).disabled, .vp-theme-btn-group > .vp-theme-btn-primary:not(:first-child)[disabled] {
  border-left-color: #E6E7EB;
}

/* 组合 */
/* ---------------------------------------- */
.vp-theme-btn-group[dir=rtl] > .vp-theme-btn {
  float: right;
}
.vp-theme-btn-group[dir=rtl] .vp-theme-btn.vp-theme-btn {
  margin: 0 -1px 0 0;
}
.vp-theme-btn-group[dir=rtl] > .vp-theme-btn:first-child:not(:last-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.vp-theme-btn-group[dir=rtl] > .vp-theme-btn:last-child:not(:first-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.vp-theme-btn-group[dir=rtl] > .vp-theme-btn-primary:not(:first-child) {
  border-right-color: rgba(255, 255, 255, 0.2);
}
.vp-theme-btn-group[dir=rtl] > .vp-theme-btn-primary:not(:first-child):hover {
  border-right-color: transparent;
}
.vp-theme-btn-group[dir=rtl] > .vp-theme-btn-primary:not(:first-child).disabled, .vp-theme-btn-group[dir=rtl] > .vp-theme-btn-primary:not(:first-child)[disabled] {
  border-right-color: #E6E7EB;
}

/* 尺寸维度 */
/* ---------------------------------------- */
.vp-theme-btn.vp-theme-small[dir=rtl] {
  border-radius: 3px;
}
.vp-theme-btn.vp-theme-small[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-first {
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn.vp-theme-small[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn.vp-theme-small[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-small[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-last {
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn.vp-theme-small[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn.vp-theme-small[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-small[dir=rtl].vp-theme-btn-loading {
  padding-left: 8px;
  padding-right: calc(8px + 12px + 4px);
}
.vp-theme-btn.vp-theme-small[dir=rtl].vp-theme-btn-loading:after {
  right: 8px;
  top: 50%;
  margin-right: 0;
  margin-left: 4px;
}
.vp-theme-btn.vp-theme-medium[dir=rtl] {
  border-radius: 3px;
}
.vp-theme-btn.vp-theme-medium[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-first {
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn.vp-theme-medium[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn.vp-theme-medium[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-medium[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-last {
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn.vp-theme-medium[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn.vp-theme-medium[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-medium[dir=rtl].vp-theme-btn-loading {
  padding-left: 12px;
  padding-right: calc(12px + 12px + 4px);
}
.vp-theme-btn.vp-theme-medium[dir=rtl].vp-theme-btn-loading:after {
  right: 12px;
  top: 50%;
  margin-right: 0;
  margin-left: 4px;
}
.vp-theme-btn.vp-theme-large[dir=rtl] {
  border-radius: 3px;
}
.vp-theme-btn.vp-theme-large[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-first {
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn.vp-theme-large[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn.vp-theme-large[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-large[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-last {
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn.vp-theme-large[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn.vp-theme-large[dir=rtl] > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-btn.vp-theme-large[dir=rtl].vp-theme-btn-loading {
  padding-left: 16px;
  padding-right: calc(16px + 16px + 4px);
}
.vp-theme-btn.vp-theme-large[dir=rtl].vp-theme-btn-loading:after {
  right: 16px;
  top: 50%;
  margin-right: 0;
  margin-left: 4px;
}

/* 文本按钮 */
.vp-theme-btn-text[dir=rtl].vp-theme-large {
  border-radius: 0;
}
.vp-theme-btn-text[dir=rtl].vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-first {
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn-text[dir=rtl].vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn-text[dir=rtl].vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-btn-text[dir=rtl].vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-last {
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn-text[dir=rtl].vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn-text[dir=rtl].vp-theme-large > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-btn-text[dir=rtl].vp-theme-large.vp-theme-btn-loading {
  padding-left: 0px;
  padding-right: calc(0px + 16px + 4px);
}
.vp-theme-btn-text[dir=rtl].vp-theme-large.vp-theme-btn-loading:after {
  right: 0px;
  top: 50%;
  margin-right: 0;
  margin-left: 4px;
}
.vp-theme-btn-text[dir=rtl].vp-theme-medium {
  border-radius: 0;
}
.vp-theme-btn-text[dir=rtl].vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-first {
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn-text[dir=rtl].vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn-text[dir=rtl].vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn-text[dir=rtl].vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-last {
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn-text[dir=rtl].vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn-text[dir=rtl].vp-theme-medium > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn-text[dir=rtl].vp-theme-medium.vp-theme-btn-loading {
  padding-left: 0px;
  padding-right: calc(0px + 12px + 4px);
}
.vp-theme-btn-text[dir=rtl].vp-theme-medium.vp-theme-btn-loading:after {
  right: 0px;
  top: 50%;
  margin-right: 0;
  margin-left: 4px;
}
.vp-theme-btn-text[dir=rtl].vp-theme-small {
  border-radius: 0;
}
.vp-theme-btn-text[dir=rtl].vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-first {
  margin-left: 4px;
  margin-right: 0;
}
.vp-theme-btn-text[dir=rtl].vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-first:before, .vp-theme-btn-text[dir=rtl].vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-first .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn-text[dir=rtl].vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-last {
  margin-left: 0;
  margin-right: 4px;
}
.vp-theme-btn-text[dir=rtl].vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-last:before, .vp-theme-btn-text[dir=rtl].vp-theme-small > .vp-theme-btn-icon.vp-theme-icon-last .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-btn-text[dir=rtl].vp-theme-small.vp-theme-btn-loading {
  padding-left: 0px;
  padding-right: calc(0px + 12px + 4px);
}
.vp-theme-btn-text[dir=rtl].vp-theme-small.vp-theme-btn-loading:after {
  right: 0px;
  top: 50%;
  margin-right: 0;
  margin-left: 4px;
}
.vp-theme-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: 0;
  margin: -1px;
}

.vp-theme-search-simple[dir=rtl].vp-theme-large .vp-theme-search-icon {
  margin-left: 12px;
  margin-right: 0;
}
.vp-theme-search-simple[dir=rtl].vp-theme-medium .vp-theme-search-icon {
  margin-left: 8px;
  margin-right: 0;
}
.vp-theme-search-simple[dir=rtl].vp-theme-normal .vp-theme-search-left .vp-theme-search-left-addon {
  border-left: 1px solid #C4C6CF;
  border-right: none;
}
.vp-theme-search-simple[dir=rtl].vp-theme-dark .vp-theme-search-left {
  border-color: #C4C6CF;
}
.vp-theme-search-simple[dir=rtl].vp-theme-dark .vp-theme-search-left .vp-theme-search-left-addon {
  border-right: 1px solid #C4C6CF;
}
.vp-theme-search-simple[dir=rtl].vp-theme-dark:hover .vp-theme-search-left {
  border-color: #C4C6CF;
}
.vp-theme-search-simple[dir=rtl].vp-theme-dark .vp-theme-search-icon {
  color: #999999;
}
.vp-theme-search-simple[dir=rtl].vp-theme-dark .vp-theme-search-icon:hover {
  color: #666666;
}
.vp-theme-search-normal[dir=rtl] .vp-theme-search-left {
  border-left: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.vp-theme-search-normal[dir=rtl] .vp-theme-search-btn.vp-theme-btn {
  border-radius: 3px 0 0 3px !important;
}
.vp-theme-search-normal[dir=rtl] .vp-theme-input {
  border-radius: 0 3px 3px 0;
}
.vp-theme-search-normal[dir=rtl].vp-theme-primary .vp-theme-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: calc(3px - 2px);
  border-bottom-right-radius: calc(3px - 2px);
}
.vp-theme-search-normal[dir=rtl].vp-theme-primary .vp-theme-search-left .vp-theme-search-left-addon {
  border-left: 1px solid #E6E7EB;
  border-right: none;
}
.vp-theme-search-normal[dir=rtl].vp-theme-secondary .vp-theme-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: calc(3px - 2px);
  border-bottom-right-radius: calc(3px - 2px);
}
.vp-theme-search-normal[dir=rtl].vp-theme-secondary .vp-theme-search-left .vp-theme-search-left-addon {
  border-left: 1px solid #E6E7EB;
  border-right: none;
}
.vp-theme-search-normal[dir=rtl].vp-theme-normal .vp-theme-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: calc(3px - 2px);
  border-bottom-right-radius: calc(3px - 2px);
}
.vp-theme-search-normal[dir=rtl].vp-theme-normal .vp-theme-search-left .vp-theme-search-left-addon {
  border-left: 1px solid #E6E7EB;
  border-right: none;
}
.vp-theme-search-normal[dir=rtl].vp-theme-dark .vp-theme-search-left .vp-theme-search-left-addon {
  border-left: 1px solid #5584FF;
  border-right: none;
}

.vp-theme-search {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
}
.vp-theme-search *,
.vp-theme-search *:before,
.vp-theme-search *:after {
  box-sizing: border-box;
}
.vp-theme-search .vp-theme-input,
.vp-theme-search .vp-theme-select {
  border: none;
  box-shadow: none;
}
.vp-theme-search .vp-theme-select .vp-theme-input {
  height: auto;
}
.vp-theme-search .vp-theme-select .vp-theme-input .vp-theme-input-text-field {
  height: auto;
}
.vp-theme-search .vp-theme-search-left {
  border-style: solid;
  transition: all 100ms linear;
}
.vp-theme-search .vp-theme-search-left-addon .vp-theme-input,
.vp-theme-search .vp-theme-search-left-addon .vp-theme-select-trigger-search {
  min-height: 100%;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.vp-theme-search .vp-theme-search-left-addon .vp-theme-select-values {
  line-height: 1;
}
.vp-theme-search .vp-theme-search-left-addon.vp-theme-input-group-addon .vp-theme-select {
  margin: 0;
}
.vp-theme-search .vp-theme-search-left-addon + .vp-theme-search-input .vp-theme-input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.vp-theme-search .vp-theme-search-input {
  width: 100%;
}
.vp-theme-search .vp-theme-search-btn {
  box-shadow: none;
}
.vp-theme-search .vp-theme-search-symbol-icon::before {
  content: "\e656";
}
.vp-theme-search-normal {
  width: 600px;
}
.vp-theme-search-normal .vp-theme-search-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.vp-theme-search-normal .vp-theme-input {
  border-radius: 3px 0 0 3px;
}
.vp-theme-search-normal .vp-theme-btn {
  border-radius: 0 3px 3px 0;
}
.vp-theme-search-normal.vp-theme-primary .vp-theme-search-left {
  border-color: #5584FF;
}
.vp-theme-search-normal.vp-theme-primary .vp-theme-search-left .vp-theme-search-left-addon {
  border-right: 1px solid #E6E7EB;
}
.vp-theme-search-normal.vp-theme-primary:hover .vp-theme-search-left,
.vp-theme-search-normal.vp-theme-primary:hover .vp-theme-btn {
  border-color: #5584FF;
}
.vp-theme-search-normal.vp-theme-primary .vp-theme-search-btn {
  background: #5584FF;
  border-color: #5584FF;
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-primary .vp-theme-search-btn:hover {
  background: #3E71F7;
  border-color: #5584FF;
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-primary .vp-theme-search-btn .vp-theme-icon {
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-primary .vp-theme-search-btn .vp-theme-icon:hover {
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-large {
  box-shadow: none;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-large .vp-theme-search-left, .vp-theme-search-normal.vp-theme-primary.vp-theme-large .vp-theme-search-btn {
  border-width: 2px;
  height: 60px;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-large .vp-theme-search-input {
  height: calc(60px - 2px*2);
  overflow-y: hidden;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-large .vp-theme-search-input input {
  height: calc(calc(60px - 2px*2) - 0px * 2);
  line-height: calc(calc(60px - 2px*2) - 0px * 2) \0 ;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-large .vp-theme-select {
  height: calc(60px - 2px * 2);
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-large .vp-theme-search-btn {
  font-size: 16px;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-large .vp-theme-search-btn .vp-theme-icon:before, .vp-theme-search-normal.vp-theme-primary.vp-theme-large .vp-theme-search-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 24px;
  font-size: 24px;
  line-height: inherit;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-large .vp-theme-search-btn .vp-theme-search-btn-text {
  display: inline-block;
  padding-left: 0px;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-medium {
  box-shadow: none;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-medium .vp-theme-search-left, .vp-theme-search-normal.vp-theme-primary.vp-theme-medium .vp-theme-search-btn {
  border-width: 2px;
  height: 40px;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-medium .vp-theme-search-input {
  height: calc(40px - 2px*2);
  overflow-y: hidden;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-medium .vp-theme-search-input input {
  height: calc(calc(40px - 2px*2) - 0px * 2);
  line-height: calc(calc(40px - 2px*2) - 0px * 2) \0 ;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-medium .vp-theme-select {
  height: calc(40px - 2px * 2);
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-medium .vp-theme-search-btn {
  font-size: 16px;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-medium .vp-theme-search-btn .vp-theme-icon:before, .vp-theme-search-normal.vp-theme-primary.vp-theme-medium .vp-theme-search-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-search-normal.vp-theme-primary.vp-theme-medium .vp-theme-search-btn .vp-theme-search-btn-text {
  display: inline-block;
  padding-left: 0px;
}
.vp-theme-search-normal.vp-theme-primary .vp-theme-input {
  border-top-left-radius: calc(3px - 2px);
  border-bottom-left-radius: calc(3px - 2px);
}
.vp-theme-search-normal.vp-theme-secondary .vp-theme-search-left {
  border-color: #C4C6CF;
}
.vp-theme-search-normal.vp-theme-secondary .vp-theme-search-left .vp-theme-search-left-addon {
  border-right: 1px solid #E6E7EB;
}
.vp-theme-search-normal.vp-theme-secondary:hover .vp-theme-search-left,
.vp-theme-search-normal.vp-theme-secondary:hover .vp-theme-btn {
  border-color: #5584FF;
}
.vp-theme-search-normal.vp-theme-secondary .vp-theme-search-btn {
  background: #5584FF;
  border-color: #5584FF;
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-secondary .vp-theme-search-btn:hover {
  background: #3E71F7;
  border-color: #5584FF;
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-secondary .vp-theme-search-btn .vp-theme-icon {
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-secondary .vp-theme-search-btn .vp-theme-icon:hover {
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-large {
  box-shadow: none;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-large .vp-theme-search-left, .vp-theme-search-normal.vp-theme-secondary.vp-theme-large .vp-theme-search-btn {
  border-width: 1px;
  height: 60px;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-large .vp-theme-search-input {
  height: calc(60px - 1px*2);
  overflow-y: hidden;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-large .vp-theme-search-input input {
  height: calc(calc(60px - 1px*2) - 0px * 2);
  line-height: calc(calc(60px - 1px*2) - 0px * 2) \0 ;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-large .vp-theme-select {
  height: calc(60px - 1px * 2);
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-large .vp-theme-search-btn {
  font-size: 16px;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-large .vp-theme-search-btn .vp-theme-icon:before, .vp-theme-search-normal.vp-theme-secondary.vp-theme-large .vp-theme-search-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 24px;
  font-size: 24px;
  line-height: inherit;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-large .vp-theme-search-btn .vp-theme-search-btn-text {
  display: inline-block;
  padding-left: 0px;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-medium {
  box-shadow: none;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-medium .vp-theme-search-left, .vp-theme-search-normal.vp-theme-secondary.vp-theme-medium .vp-theme-search-btn {
  border-width: 1px;
  height: 40px;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-medium .vp-theme-search-input {
  height: calc(40px - 1px*2);
  overflow-y: hidden;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-medium .vp-theme-search-input input {
  height: calc(calc(40px - 1px*2) - 0px * 2);
  line-height: calc(calc(40px - 1px*2) - 0px * 2) \0 ;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-medium .vp-theme-select {
  height: calc(40px - 1px * 2);
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-medium .vp-theme-search-btn {
  font-size: 16px;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-medium .vp-theme-search-btn .vp-theme-icon:before, .vp-theme-search-normal.vp-theme-secondary.vp-theme-medium .vp-theme-search-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-search-normal.vp-theme-secondary.vp-theme-medium .vp-theme-search-btn .vp-theme-search-btn-text {
  display: inline-block;
  padding-left: 0px;
}
.vp-theme-search-normal.vp-theme-secondary .vp-theme-input {
  border-top-left-radius: calc(3px - 1px);
  border-bottom-left-radius: calc(3px - 1px);
}
.vp-theme-search-normal.vp-theme-normal .vp-theme-search-left {
  border-color: #C4C6CF;
}
.vp-theme-search-normal.vp-theme-normal .vp-theme-search-left .vp-theme-search-left-addon {
  border-right: 1px solid #E6E7EB;
}
.vp-theme-search-normal.vp-theme-normal:hover .vp-theme-search-left,
.vp-theme-search-normal.vp-theme-normal:hover .vp-theme-btn {
  border-color: #A0A2AD;
}
.vp-theme-search-normal.vp-theme-normal .vp-theme-search-btn {
  background: #F7F8FA;
  border-color: #C4C6CF;
  color: #666666;
}
.vp-theme-search-normal.vp-theme-normal .vp-theme-search-btn:hover {
  background: #EBECF0;
  border-color: #A0A2AD;
  color: #333333;
}
.vp-theme-search-normal.vp-theme-normal .vp-theme-search-btn .vp-theme-icon {
  color: #666666;
}
.vp-theme-search-normal.vp-theme-normal .vp-theme-search-btn .vp-theme-icon:hover {
  color: #333333;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-large {
  box-shadow: none;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-large .vp-theme-search-left, .vp-theme-search-normal.vp-theme-normal.vp-theme-large .vp-theme-search-btn {
  border-width: 1px;
  height: 60px;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-large .vp-theme-search-input {
  height: calc(60px - 1px*2);
  overflow-y: hidden;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-large .vp-theme-search-input input {
  height: calc(calc(60px - 1px*2) - 0px * 2);
  line-height: calc(calc(60px - 1px*2) - 0px * 2) \0 ;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-large .vp-theme-select {
  height: calc(60px - 1px * 2);
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-large .vp-theme-search-btn {
  font-size: 16px;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-large .vp-theme-search-btn .vp-theme-icon:before, .vp-theme-search-normal.vp-theme-normal.vp-theme-large .vp-theme-search-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 24px;
  font-size: 24px;
  line-height: inherit;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-large .vp-theme-search-btn .vp-theme-search-btn-text {
  display: inline-block;
  padding-left: 0px;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-medium {
  box-shadow: none;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-medium .vp-theme-search-left, .vp-theme-search-normal.vp-theme-normal.vp-theme-medium .vp-theme-search-btn {
  border-width: 1px;
  height: 40px;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-medium .vp-theme-search-input {
  height: calc(40px - 1px*2);
  overflow-y: hidden;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-medium .vp-theme-search-input input {
  height: calc(calc(40px - 1px*2) - 0px * 2);
  line-height: calc(calc(40px - 1px*2) - 0px * 2) \0 ;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-medium .vp-theme-select {
  height: calc(40px - 1px * 2);
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-medium .vp-theme-search-btn {
  font-size: 16px;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-medium .vp-theme-search-btn .vp-theme-icon:before, .vp-theme-search-normal.vp-theme-normal.vp-theme-medium .vp-theme-search-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-search-normal.vp-theme-normal.vp-theme-medium .vp-theme-search-btn .vp-theme-search-btn-text {
  display: inline-block;
  padding-left: 0px;
}
.vp-theme-search-normal.vp-theme-normal .vp-theme-input {
  border-top-left-radius: calc(3px - 1px);
  border-bottom-left-radius: calc(3px - 1px);
}
.vp-theme-search-normal.vp-theme-dark .vp-theme-search-left {
  border-color: #5584FF;
}
.vp-theme-search-normal.vp-theme-dark .vp-theme-search-left .vp-theme-search-left-addon {
  border-right: 1px solid #5584FF;
}
.vp-theme-search-normal.vp-theme-dark:hover .vp-theme-search-left,
.vp-theme-search-normal.vp-theme-dark:hover .vp-theme-btn {
  border-color: #5584FF;
}
.vp-theme-search-normal.vp-theme-dark .vp-theme-search-btn {
  background: #5584FF;
  border-color: #5584FF;
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-dark .vp-theme-search-btn:hover {
  background: #3E71F7;
  border-color: #5584FF;
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-dark .vp-theme-search-btn .vp-theme-icon {
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-dark .vp-theme-search-btn .vp-theme-icon:hover {
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-dark .vp-theme-select-inner,
.vp-theme-search-normal.vp-theme-dark input {
  color: #FFFFFF;
}
.vp-theme-search-normal.vp-theme-dark .vp-theme-input {
  background: rgba(255, 255, 255, 0);
}
.vp-theme-search-normal.vp-theme-dark .vp-theme-select {
  background: rgba(255, 255, 255, 0);
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-large {
  box-shadow: none;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-large .vp-theme-search-left, .vp-theme-search-normal.vp-theme-dark.vp-theme-large .vp-theme-search-btn {
  border-width: 1px;
  height: 60px;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-large .vp-theme-search-input {
  height: calc(60px - 1px*2);
  overflow-y: hidden;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-large .vp-theme-search-input input {
  height: calc(calc(60px - 1px*2) - 0px * 2);
  line-height: calc(calc(60px - 1px*2) - 0px * 2) \0 ;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-large .vp-theme-select {
  height: calc(60px - 1px * 2);
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-large .vp-theme-search-btn {
  font-size: 16px;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-large .vp-theme-search-btn .vp-theme-icon:before, .vp-theme-search-normal.vp-theme-dark.vp-theme-large .vp-theme-search-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 24px;
  font-size: 24px;
  line-height: inherit;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-large .vp-theme-search-btn .vp-theme-search-btn-text {
  display: inline-block;
  padding-left: 0px;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-medium {
  box-shadow: none;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-medium .vp-theme-search-left, .vp-theme-search-normal.vp-theme-dark.vp-theme-medium .vp-theme-search-btn {
  border-width: 1px;
  height: 40px;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-medium .vp-theme-search-input {
  height: calc(40px - 1px*2);
  overflow-y: hidden;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-medium .vp-theme-search-input input {
  height: calc(calc(40px - 1px*2) - 0px * 2);
  line-height: calc(calc(40px - 1px*2) - 0px * 2) \0 ;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-medium .vp-theme-select {
  height: calc(40px - 1px * 2);
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-medium .vp-theme-search-btn {
  font-size: 16px;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-medium .vp-theme-search-btn .vp-theme-icon:before, .vp-theme-search-normal.vp-theme-dark.vp-theme-medium .vp-theme-search-btn .vp-theme-icon .vp-theme-icon-remote {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}
.vp-theme-search-normal.vp-theme-dark.vp-theme-medium .vp-theme-search-btn .vp-theme-search-btn-text {
  display: inline-block;
  padding-left: 0px;
}
.vp-theme-search-normal:not([dir=rtl]) .vp-theme-search-left {
  border-right: none;
}
.vp-theme-search-simple {
  width: 300px;
  box-shadow: none;
  border-radius: 3px;
}
.vp-theme-search-simple .vp-theme-search-icon {
  cursor: pointer;
  transition: all 100ms linear;
}
.vp-theme-search-simple .vp-theme-search-left, .vp-theme-search-simple .vp-theme-input {
  border-radius: 3px;
}
.vp-theme-search-simple.vp-theme-large .vp-theme-search-icon {
  margin-right: 12px;
}
.vp-theme-search-simple.vp-theme-medium .vp-theme-search-icon {
  margin-right: 8px;
}
.vp-theme-search-simple.vp-theme-normal .vp-theme-search-left {
  border-color: #C4C6CF;
}
.vp-theme-search-simple.vp-theme-normal .vp-theme-search-left .vp-theme-search-left-addon {
  border-right: 1px solid #C4C6CF;
}
.vp-theme-search-simple.vp-theme-normal:hover .vp-theme-search-left {
  border-color: #A0A2AD;
}
.vp-theme-search-simple.vp-theme-normal .vp-theme-search-icon {
  color: #999999;
}
.vp-theme-search-simple.vp-theme-normal .vp-theme-search-icon:hover {
  color: #666666;
}
.vp-theme-search-simple.vp-theme-normal .vp-theme-search-left {
  border-width: 1px;
}
.vp-theme-search-simple.vp-theme-normal.vp-theme-large .vp-theme-search-icon:before, .vp-theme-search-simple.vp-theme-normal.vp-theme-large .vp-theme-search-icon .vp-theme-icon-remote {
  width: 20px;
  font-size: 20px;
  line-height: inherit;
}
.vp-theme-search-simple.vp-theme-normal.vp-theme-medium .vp-theme-search-icon:before, .vp-theme-search-simple.vp-theme-normal.vp-theme-medium .vp-theme-search-icon .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}
.vp-theme-search-simple.vp-theme-dark .vp-theme-search-left {
  border-color: #C4C6CF;
}
.vp-theme-search-simple.vp-theme-dark .vp-theme-search-left .vp-theme-search-left-addon {
  border-right: 1px solid #C4C6CF;
}
.vp-theme-search-simple.vp-theme-dark:hover .vp-theme-search-left {
  border-color: #C4C6CF;
}
.vp-theme-search-simple.vp-theme-dark .vp-theme-search-icon {
  color: #999999;
}
.vp-theme-search-simple.vp-theme-dark .vp-theme-search-icon:hover {
  color: #666666;
}
.vp-theme-search-simple.vp-theme-dark .vp-theme-select-inner,
.vp-theme-search-simple.vp-theme-dark input {
  color: #FFFFFF;
}
.vp-theme-search-simple.vp-theme-dark .vp-theme-input {
  background: rgba(255, 255, 255, 0);
}
.vp-theme-search-simple.vp-theme-dark .vp-theme-select {
  background: rgba(255, 255, 255, 0);
}
.vp-theme-search-simple.vp-theme-dark .vp-theme-search-left {
  border-width: 1px;
}
.vp-theme-search-simple.vp-theme-dark.vp-theme-large .vp-theme-search-icon:before, .vp-theme-search-simple.vp-theme-dark.vp-theme-large .vp-theme-search-icon .vp-theme-icon-remote {
  width: 20px;
  font-size: 20px;
  line-height: inherit;
}
.vp-theme-search-simple.vp-theme-dark.vp-theme-medium .vp-theme-search-icon:before, .vp-theme-search-simple.vp-theme-dark.vp-theme-medium .vp-theme-search-icon .vp-theme-icon-remote {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.vp-theme-search-simple .vp-theme-select.vp-theme-large {
  height: calc(40px - 2px);
}
.vp-theme-search-simple .vp-theme-select.vp-theme-medium {
  height: calc(28px - 2px);
}