element.style {
}

.error:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 #4e73df;
  top: 0;
  color: #5a5c69;
  background: #f8f9fc;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
}

.error:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 #e74a3b;
  top: 0;
  color: #5a5c69;
  background: #f8f9fc;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
}

.error {
  color: #5a5c69;
  font-size: 7rem;
  position: relative;
  line-height: 1;
  width: 12.5rem;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

*, *::before, *::after {
  box-sizing: border-box;
}

.text-center {
  text-align: center !important;
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

:root {
  --bs-blue: #4e73df;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #e74a3b;
  --bs-orange: #fd7e14;
  --bs-yellow: #f6c23e;
  --bs-green: #1cc88a;
  --bs-teal: #20c9a6;
  --bs-cyan: #36b9cc;
  --bs-white: #fff;
  --bs-gray: #858796;
  --bs-gray-dark: #5a5c69;
  --bs-gray-100: #f8f9fc;
  --bs-gray-200: #eaecf4;
  --bs-gray-300: #dddfeb;
  --bs-gray-400: #d1d3e2;
  --bs-gray-500: #b7b9cc;
  --bs-gray-600: #858796;
  --bs-gray-700: #6e707e;
  --bs-gray-800: #5a5c69;
  --bs-gray-900: #3a3b45;
  --bs-primary: #4e73df;
  --bs-secondary: #858796;
  --bs-success: #1cc88a;
  --bs-info: #36b9cc;
  --bs-warning: #f6c23e;
  --bs-danger: #e74a3b;
  --bs-light: #f8f9fc;
  --bs-dark: #3a3b45;
  --bs-primary-rgb: 78, 115, 223;
  --bs-secondary-rgb: 133, 135, 150;
  --bs-success-rgb: 28, 200, 138;
  --bs-info-rgb: 54, 185, 204;
  --bs-warning-rgb: 246, 194, 62;
  --bs-danger-rgb: 231, 74, 59;
  --bs-light-rgb: 248, 249, 252;
  --bs-dark-rgb: 58, 59, 69;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 133, 135, 150;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #858796;
  --bs-body-bg: #fff;
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(38px, 9999px, 29px, 0);
  }
  5% {
    clip: rect(2px, 9999px, 55px, 0);
  }
  10% {
    clip: rect(29px, 9999px, 96px, 0);
  }
  15% {
    clip: rect(9px, 9999px, 43px, 0);
  }
  20% {
    clip: rect(13px, 9999px, 64px, 0);
  }
  25% {
    clip: rect(16px, 9999px, 93px, 0);
  }
  30% {
    clip: rect(28px, 9999px, 31px, 0);
  }
  35% {
    clip: rect(25px, 9999px, 24px, 0);
  }
  40% {
    clip: rect(83px, 9999px, 42px, 0);
  }
  45% {
    clip: rect(88px, 9999px, 17px, 0);
  }
  50% {
    clip: rect(88px, 9999px, 49px, 0);
  }
  55% {
    clip: rect(40px, 9999px, 28px, 0);
  }
  60% {
    clip: rect(79px, 9999px, 89px, 0);
  }
  65% {
    clip: rect(39px, 9999px, 97px, 0);
  }
  70% {
    clip: rect(93px, 9999px, 75px, 0);
  }
  75% {
    clip: rect(15px, 9999px, 11px, 0);
  }
  80% {
    clip: rect(17px, 9999px, 44px, 0);
  }
  85% {
    clip: rect(97px, 9999px, 97px, 0);
  }
  90% {
    clip: rect(33px, 9999px, 25px, 0);
  }
  95% {
    clip: rect(14px, 9999px, 96px, 0);
  }
  100% {
    clip: rect(59px, 9999px, 95px, 0);
  }
}

@keyframes noise-anim {
  0% {
    clip: rect(60px, 9999px, 4px, 0);
  }
  5% {
    clip: rect(36px, 9999px, 84px, 0);
  }
  10% {
    clip: rect(14px, 9999px, 45px, 0);
  }
  15% {
    clip: rect(63px, 9999px, 52px, 0);
  }
  20% {
    clip: rect(41px, 9999px, 64px, 0);
  }
  25% {
    clip: rect(73px, 9999px, 78px, 0);
  }
  30% {
    clip: rect(85px, 9999px, 60px, 0);
  }
  35% {
    clip: rect(68px, 9999px, 77px, 0);
  }
  40% {
    clip: rect(16px, 9999px, 55px, 0);
  }
  45% {
    clip: rect(70px, 9999px, 96px, 0);
  }
  50% {
    clip: rect(19px, 9999px, 48px, 0);
  }
  55% {
    clip: rect(24px, 9999px, 65px, 0);
  }
  60% {
    clip: rect(65px, 9999px, 90px, 0);
  }
  65% {
    clip: rect(91px, 9999px, 5px, 0);
  }
  70% {
    clip: rect(11px, 9999px, 41px, 0);
  }
  75% {
    clip: rect(79px, 9999px, 48px, 0);
  }
  80% {
    clip: rect(62px, 9999px, 63px, 0);
  }
  85% {
    clip: rect(88px, 9999px, 97px, 0);
  }
  90% {
    clip: rect(22px, 9999px, 39px, 0);
  }
  95% {
    clip: rect(1px, 9999px, 71px, 0);
  }
  100% {
    clip: rect(67px, 9999px, 70px, 0);
  }
}

