tungsten 0.1.14 → 0.1.15

data/app/views/tungsten/errors/internal_server_error.html.slim

@@ -0,0 +1,5 @@
+.error-code
+  .error-svgs= error_code_svg @status_code
+.error-message
+  h1= @rescue_response.humanize.titlecase
+  p But don't worry, this shouldn't affect your databases.

data/app/views/tungsten/errors/method_not_allowed.html.slim

@@ -0,0 +1,5 @@
+.error-code
+  .error-svgs= error_code_svg @status_code
+.error-message
+  h1= @rescue_response.humanize.titlecase
+  p This endpoint does not support the method you used.

data/app/views/tungsten/errors/not_acceptable.html.slim

@@ -0,0 +1,5 @@
+.error-code
+  .error-svgs= error_code_svg @status_code
+.error-message
+  h1= @rescue_response.humanize.titlecase
+  p That's... not acceptable.

data/app/views/tungsten/errors/not_found.html.slim

@@ -0,0 +1,5 @@
+.error-code
+  .error-svgs= error_code_svg @status_code
+.error-message
+  h1 Page Not Found
+  p Regretably, this page does not exist.

data/app/views/tungsten/errors/not_implemented.html.slim

@@ -0,0 +1,5 @@
+.error-code
+  .error-svgs= error_code_svg @status_code
+.error-message
+  h1= @rescue_response.humanize.titlecase
+  p We don't implement this method here.

data/app/views/tungsten/errors/unauthorized.html.slim

@@ -0,0 +1,5 @@
+.error-code
+  .error-svgs= error_code_svg @status_code
+.error-message
+  h1= @rescue_response.humanize.titlecase
+  p You are not authorized here.

data/app/views/tungsten/errors/unprocessable_entity.html.slim

@@ -0,0 +1,5 @@
+.error-code
+  .error-svgs= error_code_svg @status_code
+.error-message
+  h1= @rescue_response.humanize.titlecase
+  p You may not have access to make this change.

data/lib/tungsten.rb

@@ -30,7 +30,12 @@ module Site
   end
 end
 
-Cyborg.register(Tungsten::Plugin, {
-  gem: 'tungsten',
-  engine: 'tungsten'
-})
+Cyborg.register(Tungsten::Plugin, gem: 'tungsten', engine: 'tungsten') do
+  initializer 'gaffe' do
+    Gaffe.configure do |config|
+      config.errors_controller = 'Tungsten::ErrorsController'
+    end
+
+    Gaffe.enable!
+  end
+end

data/lib/tungsten/version.rb

@@ -1,3 +1,3 @@
 module Tungsten
-  VERSION = "0.1.14"
+  VERSION = "0.1.15"
 end

data/public/{code-0.1.14.js → code-0.1.15.js}

@@ -89,4 +89,4 @@ function move(o){document.documentElement.scrollTop=o,document.body.parentNode.s
 });
 
 
-//# sourceMappingURL=/assets/tungsten/code-0.1.14.map.json
+//# sourceMappingURL=/assets/tungsten/code-0.1.15.map.json

data/public/{tungsten-0.1.14.css → tungsten-0.1.15.css}

@@ -1993,3 +1993,693 @@ input::-moz-focus-inner {
   box-shadow: #1f8bf8 0 0 0 1px inset; }
 .slider-input.fill ~ .slider-track .filled .slider-segment-mark[data-index]:after {
   box-shadow: #1f8bf8 0 0 0 1px; }
+
+.error-page {
+  background: #5a6872;
+  background: -webkit-linear-gradient(top, #444e56, #5a6872, #5a6872, #5a6872);
+  background: linear-gradient(to bottom, #444e56, #5a6872, #5a6872, #5a6872); }
+.error-page h1 {
+  font-size: 50px;
+  font-weight: 600;
+  color: #fff;
+  text-shadow: 0 1px 0 #0f212e; }
+.error-page p {
+  color: #fff;
+  font-size: 1.2em; }
+.error-page footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  line-height: 2.5em;
+  padding: .5em; }
+
+.error-page body {
+  text-align: center;
+  display: -ms-grid;
+  display: grid;
+  -ms-flex-line-pack: center;
+      align-content: center; }
+
+.error-svgs {
+  padding-bottom: 114px;
+  margin: 2em auto;
+  width: 394px;
+  -webkit-animation: slide-error-code 0.6s 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: slide-error-code 0.6s 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-transform: translate3d(0, 15px, 0);
+          transform: translate3d(0, 15px, 0); }
+.error-svgs .error-number {
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+  overflow: visible;
+  width: 200px;
+  position: relative; }
+.error-svgs .error-number .error-box {
+  opacity: 0;
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards; }
+.error-svgs .error-number .error-box-side, .error-svgs .error-number .error-box-bg {
+  fill: #5a6872; }
+.error-svgs .error-number .error-box-side {
+  fill-opacity: .5; }
+.error-svgs .error-number:nth-of-type(1) {
+  top: 114px;
+  margin-right: -103px;
+  z-index: 2; }
+.error-svgs .error-number:nth-of-type(1) .error-box {
+  -webkit-animation-delay: .1s;
+          animation-delay: .1s; }
+.error-svgs .error-number:nth-of-type(2) {
+  margin-right: -103px;
+  top: 57px;
+  z-index: 1; }
+.error-svgs .error-number:nth-of-type(2) .error-box {
+  -webkit-animation-delay: .2s;
+          animation-delay: .2s; }
+.error-svgs .error-number:nth-of-type(3) {
+  z-index: 0; }
+.error-svgs .error-number:nth-of-type(3) .error-box {
+  -webkit-animation-delay: .3s;
+          animation-delay: .3s; }
+
+.error-box:nth-child(1) {
+  -webkit-animation: drop-cube-1 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-1 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(1) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(2) {
+  -webkit-animation: drop-cube-2 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-2 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(2) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(3) {
+  -webkit-animation: drop-cube-3 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-3 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(3) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(4) {
+  -webkit-animation: drop-cube-4 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-4 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(4) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(5) {
+  -webkit-animation: drop-cube-5 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-5 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(5) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(6) {
+  -webkit-animation: drop-cube-6 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-6 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(6) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(7) {
+  -webkit-animation: drop-cube-7 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-7 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(7) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(8) {
+  -webkit-animation: drop-cube-8 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-8 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(8) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(9) {
+  -webkit-animation: drop-cube-9 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-9 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(9) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(10) {
+  -webkit-animation: drop-cube-10 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-10 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(10) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(11) {
+  -webkit-animation: drop-cube-11 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-11 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(11) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(12) {
+  -webkit-animation: drop-cube-12 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-12 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(12) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+.error-box:nth-child(13) {
+  -webkit-animation: drop-cube-13 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+          animation: drop-cube-13 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
+.error-box:nth-child(13) .error-box-bg {
+  -webkit-animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+          animation: darken-cube 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  -webkit-animation-delay: 0.5s;
+          animation-delay: 0.5s; }
+
+@-webkit-keyframes slide-error-code {
+  0% {
+    -webkit-transform: translate3d(0, 15px, 0);
+            transform: translate3d(0, 15px, 0); }
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0); } }
+
+@keyframes slide-error-code {
+  0% {
+    -webkit-transform: translate3d(0, 15px, 0);
+            transform: translate3d(0, 15px, 0); }
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0); } }
+@-webkit-keyframes drop-cube-1 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  4%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-1 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  4%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@-webkit-keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-1 {
+  0%, 6% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-1 {
+  0%, 6% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-2 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  8%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-2 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  8%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-2 {
+  0%, 12% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-2 {
+  0%, 12% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-3 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  12%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-3 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  12%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-3 {
+  0%, 18% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-3 {
+  0%, 18% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-4 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  16%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-4 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  16%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-4 {
+  0%, 24% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-4 {
+  0%, 24% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-5 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  20%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-5 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  20%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-5 {
+  0%, 30% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-5 {
+  0%, 30% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-6 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  24%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-6 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  24%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-6 {
+  0%, 36% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-6 {
+  0%, 36% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-7 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  28%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-7 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  28%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-7 {
+  0%, 42% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-7 {
+  0%, 42% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-8 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  32%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-8 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  32%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-8 {
+  0%, 48% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-8 {
+  0%, 48% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-9 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  36%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-9 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  36%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-9 {
+  0%, 54% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-9 {
+  0%, 54% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-10 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  40%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-10 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  40%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-10 {
+  0%, 60% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-10 {
+  0%, 60% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-11 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  44%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-11 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  44%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-11 {
+  0%, 66% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-11 {
+  0%, 66% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-12 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  48%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-12 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  48%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-12 {
+  0%, 72% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-12 {
+  0%, 72% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@-webkit-keyframes drop-cube-13 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  52%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes drop-cube-13 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(20px, -40px, 0) scale(0.4);
+            transform: translate3d(20px, -40px, 0) scale(0.4); }
+  52%, 100% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1); } }
+@keyframes darken-cube {
+  0% {
+    fill: #5a6872; }
+  100% {
+    fill: #2d3439; } }
+@-webkit-keyframes fade-cube-13 {
+  0%, 78% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+@keyframes fade-cube-13 {
+  0%, 78% {
+    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 zbounce {
+  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 zbounce {
+  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); } }