[MIRROR] split tgui html (#10594)

Co-authored-by: Kashargul <144968721+Kashargul@users.noreply.github.com>

tgui/packages/tgui-setup/ntos-error.css

@@ -0,0 +1,112 @@
+/* Blink polyfill, originally authored on /tg/ by @iamgoofball */
+blink {
+  animation: 1s linear infinite condemned-blink-effect;
+}
+
+@keyframes condemned-blink-effect {
+  0% {
+    visibility: hidden;
+  }
+  50% {
+    visibility: hidden;
+  }
+  100% {
+    visibility: visible;
+  }
+}
+
+.FatalError {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 12px;
+  font-size: 12px;
+  font-family: Consolas, monospace;
+  color: #ffffff;
+  background-color: #0000dd;
+  z-index: 1000;
+  overflow: hidden;
+  text-align: center;
+}
+
+.FatalError--visible {
+  display: block !important;
+}
+
+.FatalError__logo {
+  display: inline-block;
+  text-align: left;
+  font-size: 10px;
+  line-height: 12px;
+  position: relative;
+  margin: 16px;
+  top: 0;
+  left: 0;
+  animation:
+    FatalError__rainbow 2s linear infinite alternate,
+    FatalError__shadow 4s linear infinite alternate,
+    FatalError__tfmX 3s infinite alternate,
+    FatalError__tfmY 4s infinite alternate;
+  white-space: pre;
+}
+
+.FatalError__header {
+  margin-top: 12px;
+}
+
+.FatalError__stack {
+  text-align: left;
+  white-space: pre-wrap;
+  word-break: break-all;
+  margin-top: 24px;
+  margin-bottom: 24px;
+}
+
+.FatalError__footer {
+  margin-bottom: 24px;
+}
+
+@keyframes FatalError__rainbow {
+  0% {
+    color: #ff0;
+  }
+  50% {
+    color: #0ff;
+  }
+  100% {
+    color: #f0f;
+  }
+}
+
+@keyframes FatalError__shadow {
+  0% {
+    left: -2px;
+    text-shadow: 4px 0 #f0f;
+  }
+  50% {
+    left: 0px;
+    text-shadow: 0px 0 #0ff;
+  }
+  100% {
+    left: 2px;
+    text-shadow: -4px 0 #ff0;
+  }
+}
+
+@keyframes FatalError__tfmX {
+  0% {
+    left: 15px;
+  }
+  100% {
+    left: -15px;
+  }
+}
+
+@keyframes FatalError__tfmY {
+  100% {
+    top: -15px;
+  }
+}