megatron 0.2.36 → 0.3.0

data/public/megatron-error-pages-0.3.0.css

@@ -0,0 +1,901 @@
+* {
+  box-sizing: border-box; }
+
+/*$code-purple: #8868BC;*/
+/*$code-green:  #539F50;*/
+/*$code-yellow: #E6DB74;*/
+/*$code-orange: #FD971F;*/
+/*$code-red:    #DB4139;*/
+/* Colors from Ethan Shoonover's _Solarized_:
+ * http://ethanschoonover.com/solarized
+ */
+@-webkit-keyframes drop-cube-1 {
+  0%, 7% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-1 {
+  0%, 7% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-1 {
+  0%, 7% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-1 {
+  0%, 7% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-1 {
+  0%, 3% {
+    opacity: 1; }
+  97% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-1 {
+  0%, 3% {
+    opacity: 1; }
+  97% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-2 {
+  0%, 14% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-2 {
+  0%, 14% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-2 {
+  0%, 14% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-2 {
+  0%, 14% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-2 {
+  0%, 6% {
+    opacity: 1; }
+  94% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-2 {
+  0%, 6% {
+    opacity: 1; }
+  94% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-3 {
+  0%, 21% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-3 {
+  0%, 21% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-3 {
+  0%, 21% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-3 {
+  0%, 21% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-3 {
+  0%, 9% {
+    opacity: 1; }
+  91% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-3 {
+  0%, 9% {
+    opacity: 1; }
+  91% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-4 {
+  0%, 28% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-4 {
+  0%, 28% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-4 {
+  0%, 28% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-4 {
+  0%, 28% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-4 {
+  0%, 12% {
+    opacity: 1; }
+  88% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-4 {
+  0%, 12% {
+    opacity: 1; }
+  88% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-5 {
+  0%, 35% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-5 {
+  0%, 35% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-5 {
+  0%, 35% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-5 {
+  0%, 35% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-5 {
+  0%, 15% {
+    opacity: 1; }
+  85% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-5 {
+  0%, 15% {
+    opacity: 1; }
+  85% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-6 {
+  0%, 42% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-6 {
+  0%, 42% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-6 {
+  0%, 42% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-6 {
+  0%, 42% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-6 {
+  0%, 18% {
+    opacity: 1; }
+  82% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-6 {
+  0%, 18% {
+    opacity: 1; }
+  82% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-7 {
+  0%, 49% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-7 {
+  0%, 49% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-7 {
+  0%, 49% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-7 {
+  0%, 49% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-7 {
+  0%, 21% {
+    opacity: 1; }
+  79% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-7 {
+  0%, 21% {
+    opacity: 1; }
+  79% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-8 {
+  0%, 56% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-8 {
+  0%, 56% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-8 {
+  0%, 56% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-8 {
+  0%, 56% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-8 {
+  0%, 24% {
+    opacity: 1; }
+  76% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-8 {
+  0%, 24% {
+    opacity: 1; }
+  76% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-9 {
+  0%, 63% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-9 {
+  0%, 63% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-9 {
+  0%, 63% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-9 {
+  0%, 63% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-9 {
+  0%, 27% {
+    opacity: 1; }
+  73% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-9 {
+  0%, 27% {
+    opacity: 1; }
+  73% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-10 {
+  0%, 70% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-10 {
+  0%, 70% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-10 {
+  0%, 70% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-10 {
+  0%, 70% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-10 {
+  0%, 30% {
+    opacity: 1; }
+  70% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-10 {
+  0%, 30% {
+    opacity: 1; }
+  70% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-11 {
+  0%, 77% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-11 {
+  0%, 77% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-11 {
+  0%, 77% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-11 {
+  0%, 77% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-11 {
+  0%, 33% {
+    opacity: 1; }
+  67% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-11 {
+  0%, 33% {
+    opacity: 1; }
+  67% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-12 {
+  0%, 84% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@keyframes drop-cube-12 {
+  0%, 84% {
+    -webkit-transform: translateY(200px);
+            transform: translateY(200px); }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); } }
+@-webkit-keyframes fade-cube-12 {
+  0%, 84% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-12 {
+  0%, 84% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes fade-out-cube-12 {
+  0%, 36% {
+    opacity: 1; }
+  64% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-out-cube-12 {
+  0%, 36% {
+    opacity: 1; }
+  64% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes error-party {
+  0% {
+    color: #8e55dd; }
+  20% {
+    color: #967adc; }
+  40% {
+    color: #fef0bd; }
+  60% {
+    color: #d4eef7; }
+  80% {
+    color: #82c1ed; }
+  100% {
+    color: #5d9cec; } }
+@keyframes error-party {
+  0% {
+    color: #8e55dd; }
+  20% {
+    color: #967adc; }
+  40% {
+    color: #fef0bd; }
+  60% {
+    color: #d4eef7; }
+  80% {
+    color: #82c1ed; }
+  100% {
+    color: #5d9cec; } }
+@-webkit-keyframes fade-in-slowly {
+  0% {
+    opacity: 0; }
+  80% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-in-slowly {
+  0% {
+    opacity: 0; }
+  80% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes error-bounce {
+  0%, 100% {
+    -webkit-transform: scale(0.95, 0.95);
+            transform: scale(0.95, 0.95); }
+  50% {
+    -webkit-transform: scale(1, 1);
+            transform: scale(1, 1); } }
+@keyframes error-bounce {
+  0%, 100% {
+    -webkit-transform: scale(0.95, 0.95);
+            transform: scale(0.95, 0.95); }
+  50% {
+    -webkit-transform: scale(1, 1);
+            transform: scale(1, 1); } }
+/*
+  @keyframes waves-1 {
+    0% {
+      transform: translate(0px, 0px);
+    } 100% {
+      transform: translate(40px, 0px);
+    }
+  }  
+  @keyframes waves-2 {
+    0% {
+      transform: translate(0px, 0px);
+    } 100% {
+      transform: translate(-40px, 0px);
+    }
+  }
+
+  @keyframes tide {
+    0%, 100% {
+      transform: translateY(0);
+    } 50% {
+      transform: translateY(-25px);
+    }
+  }
+
+  @keyframes csi {
+    0% {
+      transform: translateY(1.5em);
+    } 100% {
+      transform: translateY(-1.5em * 4);
+    }
+  }
+*/
+.error-layout {
+  background: #262b30;
+  height: 100%; }
+@media all and (min-width: 600px) and (min-height: 600px) {
+  .error-layout {
+    overflow: hidden; } }
+.error-layout body {
+  overflow: visible;
+  text-align: center; }
+.error-layout .error-page {
+  padding: 60px 0 20px;
+  display: inline-block;
+  font-family: Helvetica-neue, Helvetica, Arial, sans-serif;
+  color: #788392; }
+.error-layout .error-page svg {
+  position: relative;
+  overflow: visible;
+  z-index: 2;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+  margin: 4em; }
+.error-layout .error-page .error-message {
+  margin: 1em 0;
+  position: relative;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+  z-index: 2; }
+.error-layout .error-page h1 {
+  font-size: 50px;
+  font-weight: normal;
+  margin: 0; }
+.error-layout .error-page h1 span {
+  -webkit-animation: 1.5s ease-out fade-in-slowly;
+          animation: 1.5s ease-out fade-in-slowly; }
+.error-layout .error-page p {
+  font-size: 20px;
+  margin: 10px 0; }
+.error-layout .error-page p span {
+  -webkit-animation: 2s ease-out fade-in-slowly;
+          animation: 2s ease-out fade-in-slowly; }
+.error-layout .error-page .support-links {
+  margin: 1.5em 0;
+  -webkit-animation: 2.5s ease-out fade-in-slowly;
+          animation: 2.5s ease-out fade-in-slowly;
+  position: relative;
+  z-index: 3; }
+.error-layout .error-page a {
+  color: #535e69;
+  text-decoration: none; }
+.error-layout .error-page a:hover {
+  text-decoration: underline; }
+.error-layout .error-page a + a:before {
+  content: "";
+  position: relative;
+  top: -.3em;
+  width: 10px;
+  margin: 0 15px;
+  border-top: 1px solid #535e69;
+  display: inline-block; }
+.error-layout .error-page.error-404 svg:hover + .error-message {
+  -webkit-animation: error-party .9s linear infinite;
+          animation: error-party .9s linear infinite;
+  -webkit-transform: translateY(10px);
+          transform: translateY(10px); }
+.error-layout .error-page.error-404 svg:hover + .error-message [data-alt-message] {
+  font-size: 0; }
+.error-layout .error-page.error-404 svg:hover + .error-message [data-alt-message]:before {
+  content: attr(data-alt-message); }
+.error-layout .error-page.error-404 svg:hover + .error-message h1[data-alt-message]:before {
+  font-size: 20px; }
+.error-layout .error-page.error-404 svg:hover + .error-message p[data-alt-message]:before {
+  font-size: 50px; }
+.error-layout .error-page.error-404 svg:hover + .error-message p {
+  -webkit-animation: error-bounce .5s linear infinite;
+          animation: error-bounce .5s linear infinite; }
+.error-layout [id$=cube-1], .error-layout [id$=cube-13], .error-layout [id$=cube-25] {
+  -webkit-animation: drop-cube-1 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-1 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-1] path, .error-layout [id$=cube-13] path, .error-layout [id$=cube-25] path {
+  -webkit-animation: fade-cube-1 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-1 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-2], .error-layout [id$=cube-14], .error-layout [id$=cube-26] {
+  -webkit-animation: drop-cube-2 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-2 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-2] path, .error-layout [id$=cube-14] path, .error-layout [id$=cube-26] path {
+  -webkit-animation: fade-cube-2 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-2 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-3], .error-layout [id$=cube-15], .error-layout [id$=cube-27] {
+  -webkit-animation: drop-cube-3 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-3 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-3] path, .error-layout [id$=cube-15] path, .error-layout [id$=cube-27] path {
+  -webkit-animation: fade-cube-3 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-3 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-4], .error-layout [id$=cube-16], .error-layout [id$=cube-28] {
+  -webkit-animation: drop-cube-4 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-4 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-4] path, .error-layout [id$=cube-16] path, .error-layout [id$=cube-28] path {
+  -webkit-animation: fade-cube-4 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-4 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-5], .error-layout [id$=cube-17], .error-layout [id$=cube-29] {
+  -webkit-animation: drop-cube-5 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-5 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-5] path, .error-layout [id$=cube-17] path, .error-layout [id$=cube-29] path {
+  -webkit-animation: fade-cube-5 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-5 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-6], .error-layout [id$=cube-18], .error-layout [id$=cube-30] {
+  -webkit-animation: drop-cube-6 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-6 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-6] path, .error-layout [id$=cube-18] path, .error-layout [id$=cube-30] path {
+  -webkit-animation: fade-cube-6 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-6 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-7], .error-layout [id$=cube-19], .error-layout [id$=cube-31] {
+  -webkit-animation: drop-cube-7 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-7 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-7] path, .error-layout [id$=cube-19] path, .error-layout [id$=cube-31] path {
+  -webkit-animation: fade-cube-7 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-7 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-8], .error-layout [id$=cube-20], .error-layout [id$=cube-32] {
+  -webkit-animation: drop-cube-8 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-8 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-8] path, .error-layout [id$=cube-20] path, .error-layout [id$=cube-32] path {
+  -webkit-animation: fade-cube-8 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-8 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-9], .error-layout [id$=cube-21], .error-layout [id$=cube-33] {
+  -webkit-animation: drop-cube-9 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-9 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-9] path, .error-layout [id$=cube-21] path, .error-layout [id$=cube-33] path {
+  -webkit-animation: fade-cube-9 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-9 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-10], .error-layout [id$=cube-22], .error-layout [id$=cube-34] {
+  -webkit-animation: drop-cube-10 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-10 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-10] path, .error-layout [id$=cube-22] path, .error-layout [id$=cube-34] path {
+  -webkit-animation: fade-cube-10 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-10 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-11], .error-layout [id$=cube-23], .error-layout [id$=cube-35] {
+  -webkit-animation: drop-cube-11 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-11 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-11] path, .error-layout [id$=cube-23] path, .error-layout [id$=cube-35] path {
+  -webkit-animation: fade-cube-11 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-11 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-12], .error-layout [id$=cube-24], .error-layout [id$=cube-36] {
+  -webkit-animation: drop-cube-12 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: drop-cube-12 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout [id$=cube-12] path, .error-layout [id$=cube-24] path, .error-layout [id$=cube-36] path {
+  -webkit-animation: fade-cube-12 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+          animation: fade-cube-12 0.9s cubic-bezier(0.19, 1, 0.32, 1); }
+.error-layout .reverse-stack svg:hover + .error-message h1[data-alt-message]:before {
+  font-size: 20px;
+  position: relative;
+  top: 10px; }
+.error-layout .reverse-stack svg:hover + .error-message p[data-alt-message]:before {
+  font-size: 50px; }
+.error-layout .error-404 svg:hover [id$=cube-1] path, .error-layout .error-404 svg:hover [id$=cube-13] path, .error-layout .error-404 svg:hover [id$=cube-25] path {
+  -webkit-animation: fade-out-cube-1 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-1 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-2] path, .error-layout .error-404 svg:hover [id$=cube-14] path, .error-layout .error-404 svg:hover [id$=cube-26] path {
+  -webkit-animation: fade-out-cube-2 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-2 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-3] path, .error-layout .error-404 svg:hover [id$=cube-15] path, .error-layout .error-404 svg:hover [id$=cube-27] path {
+  -webkit-animation: fade-out-cube-3 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-3 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-4] path, .error-layout .error-404 svg:hover [id$=cube-16] path, .error-layout .error-404 svg:hover [id$=cube-28] path {
+  -webkit-animation: fade-out-cube-4 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-4 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-5] path, .error-layout .error-404 svg:hover [id$=cube-17] path, .error-layout .error-404 svg:hover [id$=cube-29] path {
+  -webkit-animation: fade-out-cube-5 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-5 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-6] path, .error-layout .error-404 svg:hover [id$=cube-18] path, .error-layout .error-404 svg:hover [id$=cube-30] path {
+  -webkit-animation: fade-out-cube-6 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-6 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-7] path, .error-layout .error-404 svg:hover [id$=cube-19] path, .error-layout .error-404 svg:hover [id$=cube-31] path {
+  -webkit-animation: fade-out-cube-7 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-7 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-8] path, .error-layout .error-404 svg:hover [id$=cube-20] path, .error-layout .error-404 svg:hover [id$=cube-32] path {
+  -webkit-animation: fade-out-cube-8 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-8 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-9] path, .error-layout .error-404 svg:hover [id$=cube-21] path, .error-layout .error-404 svg:hover [id$=cube-33] path {
+  -webkit-animation: fade-out-cube-9 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-9 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-10] path, .error-layout .error-404 svg:hover [id$=cube-22] path, .error-layout .error-404 svg:hover [id$=cube-34] path {
+  -webkit-animation: fade-out-cube-10 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-10 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-11] path, .error-layout .error-404 svg:hover [id$=cube-23] path, .error-layout .error-404 svg:hover [id$=cube-35] path {
+  -webkit-animation: fade-out-cube-11 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-11 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+.error-layout .error-404 svg:hover [id$=cube-12] path, .error-layout .error-404 svg:hover [id$=cube-24] path, .error-layout .error-404 svg:hover [id$=cube-36] path {
+  -webkit-animation: fade-out-cube-12 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+          animation: fade-out-cube-12 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite; }
+
+@-webkit-keyframes small-tetromino-animation-1 {
+  0%, 40% {
+    /* compose logo */
+    /* 1 on 3 */
+    /* L-shape */
+    -webkit-transform: translate(0, 0);
+            transform: translate(0, 0); }
+  50% {
+    /* pre-box */
+    -webkit-transform: translate(9.5px, -5.165px);
+            transform: translate(9.5px, -5.165px); }
+  60%, 100% {
+    /* box */
+    /* compose logo */
+    -webkit-transform: translate(19px, 0);
+            transform: translate(19px, 0); } }
+
+@keyframes small-tetromino-animation-1 {
+  0%, 40% {
+    /* compose logo */
+    /* 1 on 3 */
+    /* L-shape */
+    -webkit-transform: translate(0, 0);
+            transform: translate(0, 0); }
+  50% {
+    /* pre-box */
+    -webkit-transform: translate(9.5px, -5.165px);
+            transform: translate(9.5px, -5.165px); }
+  60%, 100% {
+    /* box */
+    /* compose logo */
+    -webkit-transform: translate(19px, 0);
+            transform: translate(19px, 0); } }
+@-webkit-keyframes small-tetromino-animation-2 {
+  0%, 20% {
+    /* compose logo */
+    /* 1 on 3 */
+    -webkit-transform: translate(19px, 0px);
+            transform: translate(19px, 0px); }
+  40%, 100% {
+    /* L-shape */
+    /* box */
+    /* compose logo */
+    -webkit-transform: translate(28.5px, 5.165px);
+            transform: translate(28.5px, 5.165px); } }
+@keyframes small-tetromino-animation-2 {
+  0%, 20% {
+    /* compose logo */
+    /* 1 on 3 */
+    -webkit-transform: translate(19px, 0px);
+            transform: translate(19px, 0px); }
+  40%, 100% {
+    /* L-shape */
+    /* box */
+    /* compose logo */
+    -webkit-transform: translate(28.5px, 5.165px);
+            transform: translate(28.5px, 5.165px); } }
+@-webkit-keyframes small-tetromino-animation-3 {
+  0% {
+    /* compose logo */
+    -webkit-transform: translate(28.5px, 5.165px);
+            transform: translate(28.5px, 5.165px); }
+  20%, 60% {
+    /* 1 on 3 */
+    /* L-shape */
+    /* box */
+    -webkit-transform: translate(19px, 10.33px);
+            transform: translate(19px, 10.33px); }
+  90%, 100% {
+    /* compose logo */
+    -webkit-transform: translate(9.5px, 5.165px);
+            transform: translate(9.5px, 5.165px); } }
+@keyframes small-tetromino-animation-3 {
+  0% {
+    /* compose logo */
+    -webkit-transform: translate(28.5px, 5.165px);
+            transform: translate(28.5px, 5.165px); }
+  20%, 60% {
+    /* 1 on 3 */
+    /* L-shape */
+    /* box */
+    -webkit-transform: translate(19px, 10.33px);
+            transform: translate(19px, 10.33px); }
+  90%, 100% {
+    /* compose logo */
+    -webkit-transform: translate(9.5px, 5.165px);
+            transform: translate(9.5px, 5.165px); } }
+@-webkit-keyframes small-tetromino-animation-4 {
+  0%, 60% {
+    /* compose logo */
+    /* 1 on 3 */
+    /* L-shape */
+    /* box */
+    -webkit-transform: translate(9.5px, 5.165px);
+            transform: translate(9.5px, 5.165px); }
+  90%, 100% {
+    /* compose logo */
+    -webkit-transform: translate(0, 0);
+            transform: translate(0, 0); } }
+@keyframes small-tetromino-animation-4 {
+  0%, 60% {
+    /* compose logo */
+    /* 1 on 3 */
+    /* L-shape */
+    /* box */
+    -webkit-transform: translate(9.5px, 5.165px);
+            transform: translate(9.5px, 5.165px); }
+  90%, 100% {
+    /* compose logo */
+    -webkit-transform: translate(0, 0);
+            transform: translate(0, 0); } }
+.compose-logo:before, .compose-logo:after, .compose-logo .hidden_label:before, .compose-logo .hidden_label:after {
+  content: "";
+  width: 20px;
+  height: 23.46px;
+  position: absolute;
+  background: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 38 44" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"%3E%3Cpath fill="%2347515b" d="M18.76 43.28L.017 32.46V10.82L18.758 0 37.5 10.82v21.64L18.76 43.28z"/%3E%3Cpath d="M18.76 2.885L33.75 11.54 18.76 20.2 3.764 11.54 18.76 2.886zM2.516 31.018V13.705L17.51 22.36v17.315L2.516 31.018z" fill="%23262b30"/%3E%3Cpath d="M2.516 31.018V13.705L17.51 22.36v17.315L2.516 31.018z" fill-opacity=".50" fill="%2347515b" /%3E%3C/svg%3E') no-repeat top center; }
+
+.compose-logo:before {
+  -webkit-transform: translate(0, 0);
+          transform: translate(0, 0); }
+
+.compose-logo .hidden_label:before {
+  -webkit-transform: translate(19px, 0px);
+          transform: translate(19px, 0px); }
+
+.compose-logo .hidden_label:after {
+  -webkit-transform: translate(28.5px, 5.165px);
+          transform: translate(28.5px, 5.165px); }
+
+.compose-logo:after {
+  -webkit-transform: translate(9.5px, 5.165px);
+          transform: translate(9.5px, 5.165px); }
+
+.hidden_label {
+  font-size: 0; }
+
+.compose-logo {
+  position: relative;
+  height: 39.882px;
+  width: 50px;
+  display: inline-block;
+  text-align: left;
+  top: -5px;
+  margin: 4em 0; }
+.compose-logo:hover:before {
+  -webkit-animation: small-tetromino-animation-1 1.5s ease-out infinite;
+          animation: small-tetromino-animation-1 1.5s ease-out infinite; }
+.compose-logo:hover .hidden_label:before {
+  -webkit-animation: small-tetromino-animation-2 1.5s ease-out infinite;
+          animation: small-tetromino-animation-2 1.5s ease-out infinite; }
+.compose-logo:hover .hidden_label:after {
+  -webkit-animation: small-tetromino-animation-3 1.5s ease-out infinite;
+          animation: small-tetromino-animation-3 1.5s ease-out infinite;
+  z-index: 2; }
+.compose-logo:hover:after {
+  -webkit-animation: small-tetromino-animation-4 1.5s ease-out infinite;
+          animation: small-tetromino-animation-4 1.5s ease-out infinite; }