@charset "UTF-8";
      @-webkit-keyframes bounce {
        0%,
        20%,
        53%,
        80%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        40%,
        43% {
          -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
          );
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          -webkit-transform: translate3d(0, -30px, 0);
          transform: translate3d(0, -30px, 0);
        }
        70% {
          -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
          );
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0);
        }
        90% {
          -webkit-transform: translate3d(0, -4px, 0);
          transform: translate3d(0, -4px, 0);
        }
      }
      @keyframes bounce {
        0%,
        20%,
        53%,
        80%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        40%,
        43% {
          -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
          );
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          -webkit-transform: translate3d(0, -30px, 0);
          transform: translate3d(0, -30px, 0);
        }
        70% {
          -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
          );
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          -webkit-transform: translate3d(0, -15px, 0);
          transform: translate3d(0, -15px, 0);
        }
        90% {
          -webkit-transform: translate3d(0, -4px, 0);
          transform: translate3d(0, -4px, 0);
        }
      }
      .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
      }
      @-webkit-keyframes flash {
        0%,
        50%,
        to {
          opacity: 1;
        }
        25%,
        75% {
          opacity: 0;
        }
      }
      @keyframes flash {
        0%,
        50%,
        to {
          opacity: 1;
        }
        25%,
        75% {
          opacity: 0;
        }
      }
      .flash {
        -webkit-animation-name: flash;
        animation-name: flash;
      }
      @-webkit-keyframes pulse {
        0% {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
        50% {
          -webkit-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05);
        }
        to {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
      }
      @keyframes pulse {
        0% {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
        50% {
          -webkit-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05);
        }
        to {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
      }
      .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse;
      }
      @-webkit-keyframes rubberBand {
        0% {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
        30% {
          -webkit-transform: scale3d(1.25, 0.75, 1);
          transform: scale3d(1.25, 0.75, 1);
        }
        40% {
          -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1);
        }
        50% {
          -webkit-transform: scale3d(1.15, 0.85, 1);
          transform: scale3d(1.15, 0.85, 1);
        }
        65% {
          -webkit-transform: scale3d(0.95, 1.05, 1);
          transform: scale3d(0.95, 1.05, 1);
        }
        75% {
          -webkit-transform: scale3d(1.05, 0.95, 1);
          transform: scale3d(1.05, 0.95, 1);
        }
        to {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
      }
      @keyframes rubberBand {
        0% {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
        30% {
          -webkit-transform: scale3d(1.25, 0.75, 1);
          transform: scale3d(1.25, 0.75, 1);
        }
        40% {
          -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1);
        }
        50% {
          -webkit-transform: scale3d(1.15, 0.85, 1);
          transform: scale3d(1.15, 0.85, 1);
        }
        65% {
          -webkit-transform: scale3d(0.95, 1.05, 1);
          transform: scale3d(0.95, 1.05, 1);
        }
        75% {
          -webkit-transform: scale3d(1.05, 0.95, 1);
          transform: scale3d(1.05, 0.95, 1);
        }
        to {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
      }
      .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
      }
      @-webkit-keyframes shake {
        0%,
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        10%,
        30%,
        50%,
        70%,
        90% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
        }
        20%,
        40%,
        60%,
        80% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
        }
      }
      @keyframes shake {
        0%,
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        10%,
        30%,
        50%,
        70%,
        90% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
        }
        20%,
        40%,
        60%,
        80% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
        }
      }
      .shake {
        -webkit-animation-name: shake;
        animation-name: shake;
      }
      @-webkit-keyframes headShake {
        0% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
        }
        6.5% {
          -webkit-transform: translateX(-6px) rotateY(-9deg);
          transform: translateX(-6px) rotateY(-9deg);
        }
        18.5% {
          -webkit-transform: translateX(5px) rotateY(7deg);
          transform: translateX(5px) rotateY(7deg);
        }
        31.5% {
          -webkit-transform: translateX(-3px) rotateY(-5deg);
          transform: translateX(-3px) rotateY(-5deg);
        }
        43.5% {
          -webkit-transform: translateX(2px) rotateY(3deg);
          transform: translateX(2px) rotateY(3deg);
        }
        50% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
        }
      }
      @keyframes headShake {
        0% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
        }
        6.5% {
          -webkit-transform: translateX(-6px) rotateY(-9deg);
          transform: translateX(-6px) rotateY(-9deg);
        }
        18.5% {
          -webkit-transform: translateX(5px) rotateY(7deg);
          transform: translateX(5px) rotateY(7deg);
        }
        31.5% {
          -webkit-transform: translateX(-3px) rotateY(-5deg);
          transform: translateX(-3px) rotateY(-5deg);
        }
        43.5% {
          -webkit-transform: translateX(2px) rotateY(3deg);
          transform: translateX(2px) rotateY(3deg);
        }
        50% {
          -webkit-transform: translateX(0);
          transform: translateX(0);
        }
      }
      .headShake {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-name: headShake;
        animation-name: headShake;
      }
      @-webkit-keyframes swing {
        20% {
          -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
        }
        40% {
          -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
        }
        60% {
          -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
        }
        80% {
          -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
        }
        to {
          -webkit-transform: rotate(0);
          transform: rotate(0);
        }
      }
      @keyframes swing {
        20% {
          -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
        }
        40% {
          -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
        }
        60% {
          -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
        }
        80% {
          -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
        }
        to {
          -webkit-transform: rotate(0);
          transform: rotate(0);
        }
      }
      .swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing;
      }
      @-webkit-keyframes tada {
        0% {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
        10%,
        20% {
          -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        }
        30%,
        50%,
        70%,
        90% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        }
        40%,
        60%,
        80% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        }
        to {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
      }
      @keyframes tada {
        0% {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
        10%,
        20% {
          -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        }
        30%,
        50%,
        70%,
        90% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        }
        40%,
        60%,
        80% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        }
        to {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
      }
      .tada {
        -webkit-animation-name: tada;
        animation-name: tada;
      }
      @-webkit-keyframes wobble {
        0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        15% {
          -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
          transform: translate3d(-25%, 0, 0) rotate(-5deg);
        }
        30% {
          -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
          transform: translate3d(20%, 0, 0) rotate(3deg);
        }
        45% {
          -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
          transform: translate3d(-15%, 0, 0) rotate(-3deg);
        }
        60% {
          -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
          transform: translate3d(10%, 0, 0) rotate(2deg);
        }
        75% {
          -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
          transform: translate3d(-5%, 0, 0) rotate(-1deg);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes wobble {
        0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        15% {
          -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
          transform: translate3d(-25%, 0, 0) rotate(-5deg);
        }
        30% {
          -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
          transform: translate3d(20%, 0, 0) rotate(3deg);
        }
        45% {
          -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
          transform: translate3d(-15%, 0, 0) rotate(-3deg);
        }
        60% {
          -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
          transform: translate3d(10%, 0, 0) rotate(2deg);
        }
        75% {
          -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
          transform: translate3d(-5%, 0, 0) rotate(-1deg);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble;
      }
      @-webkit-keyframes jello {
        0%,
        11.1%,
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        22.2% {
          -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
          transform: skewX(-12.5deg) skewY(-12.5deg);
        }
        33.3% {
          -webkit-transform: skewX(6.25deg) skewY(6.25deg);
          transform: skewX(6.25deg) skewY(6.25deg);
        }
        44.4% {
          -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
          transform: skewX(-3.125deg) skewY(-3.125deg);
        }
        55.5% {
          -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
          transform: skewX(1.5625deg) skewY(1.5625deg);
        }
        66.6% {
          -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
          transform: skewX(-0.78125deg) skewY(-0.78125deg);
        }
        77.7% {
          -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
          transform: skewX(0.390625deg) skewY(0.390625deg);
        }
        88.8% {
          -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
          transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        }
      }
      @keyframes jello {
        0%,
        11.1%,
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        22.2% {
          -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
          transform: skewX(-12.5deg) skewY(-12.5deg);
        }
        33.3% {
          -webkit-transform: skewX(6.25deg) skewY(6.25deg);
          transform: skewX(6.25deg) skewY(6.25deg);
        }
        44.4% {
          -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
          transform: skewX(-3.125deg) skewY(-3.125deg);
        }
        55.5% {
          -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
          transform: skewX(1.5625deg) skewY(1.5625deg);
        }
        66.6% {
          -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
          transform: skewX(-0.78125deg) skewY(-0.78125deg);
        }
        77.7% {
          -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
          transform: skewX(0.390625deg) skewY(0.390625deg);
        }
        88.8% {
          -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
          transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        }
      }
      .jello {
        -webkit-animation-name: jello;
        animation-name: jello;
        -webkit-transform-origin: center;
        transform-origin: center;
      }
      @-webkit-keyframes heartBeat {
        0% {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
        14% {
          -webkit-transform: scale(1.3);
          transform: scale(1.3);
        }
        28% {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
        42% {
          -webkit-transform: scale(1.3);
          transform: scale(1.3);
        }
        70% {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
      }
      @keyframes heartBeat {
        0% {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
        14% {
          -webkit-transform: scale(1.3);
          transform: scale(1.3);
        }
        28% {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
        42% {
          -webkit-transform: scale(1.3);
          transform: scale(1.3);
        }
        70% {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
      }
      .heartBeat {
        -webkit-animation-name: heartBeat;
        animation-name: heartBeat;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }
      @-webkit-keyframes bounceIn {
        0%,
        20%,
        40%,
        60%,
        80%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
        }
        20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }
        40% {
          -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03);
        }
        80% {
          -webkit-transform: scale3d(0.97, 0.97, 0.97);
          transform: scale3d(0.97, 0.97, 0.97);
        }
        to {
          opacity: 1;
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
      }
      @keyframes bounceIn {
        0%,
        20%,
        40%,
        60%,
        80%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
        }
        20% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }
        40% {
          -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03);
        }
        80% {
          -webkit-transform: scale3d(0.97, 0.97, 0.97);
          transform: scale3d(0.97, 0.97, 0.97);
        }
        to {
          opacity: 1;
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
        }
      }
      .bounceIn {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
      }
      @-webkit-keyframes bounceInDown {
        0%,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -3000px, 0);
          transform: translate3d(0, -3000px, 0);
        }
        60% {
          opacity: 1;
          -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0);
        }
        75% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
        }
        90% {
          -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes bounceInDown {
        0%,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -3000px, 0);
          transform: translate3d(0, -3000px, 0);
        }
        60% {
          opacity: 1;
          -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0);
        }
        75% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
        }
        90% {
          -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
      }
      @-webkit-keyframes bounceInLeft {
        0%,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-3000px, 0, 0);
          transform: translate3d(-3000px, 0, 0);
        }
        60% {
          opacity: 1;
          -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0);
        }
        75% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
        }
        90% {
          -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes bounceInLeft {
        0%,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-3000px, 0, 0);
          transform: translate3d(-3000px, 0, 0);
        }
        60% {
          opacity: 1;
          -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0);
        }
        75% {
          -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
        }
        90% {
          -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
      }
      @-webkit-keyframes bounceInRight {
        0%,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: translate3d(3000px, 0, 0);
          transform: translate3d(3000px, 0, 0);
        }
        60% {
          opacity: 1;
          -webkit-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0);
        }
        75% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
        }
        90% {
          -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes bounceInRight {
        0%,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: translate3d(3000px, 0, 0);
          transform: translate3d(3000px, 0, 0);
        }
        60% {
          opacity: 1;
          -webkit-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0);
        }
        75% {
          -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
        }
        90% {
          -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
      }
      @-webkit-keyframes bounceInUp {
        0%,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 3000px, 0);
          transform: translate3d(0, 3000px, 0);
        }
        60% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
        }
        75% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
        }
        90% {
          -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes bounceInUp {
        0%,
        60%,
        75%,
        90%,
        to {
          -webkit-animation-timing-function: cubic-bezier(
            0.215,
            0.61,
            0.355,
            1
          );
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 3000px, 0);
          transform: translate3d(0, 3000px, 0);
        }
        60% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
        }
        75% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
        }
        90% {
          -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
      }
      @-webkit-keyframes bounceOut {
        20% {
          -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
        }
        50%,
        55% {
          opacity: 1;
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }
        to {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
        }
      }
      @keyframes bounceOut {
        20% {
          -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
        }
        50%,
        55% {
          opacity: 1;
          -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
        }
        to {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
        }
      }
      .bounceOut {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut;
      }
      @-webkit-keyframes bounceOutDown {
        20% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
        }
        40%,
        45% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }
      }
      @keyframes bounceOutDown {
        20% {
          -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
        }
        40%,
        45% {
          opacity: 1;
          -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }
      }
      .bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown;
      }
      @-webkit-keyframes bounceOutLeft {
        20% {
          opacity: 1;
          -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }
      }
      @keyframes bounceOutLeft {
        20% {
          opacity: 1;
          -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }
      }
      .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft;
      }
      @-webkit-keyframes bounceOutRight {
        20% {
          opacity: 1;
          -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }
      }
      @keyframes bounceOutRight {
        20% {
          opacity: 1;
          -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }
      }
      .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight;
      }
      @-webkit-keyframes bounceOutUp {
        20% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
        }
        40%,
        45% {
          opacity: 1;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }
      }
      @keyframes bounceOutUp {
        20% {
          -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
        }
        40%,
        45% {
          opacity: 1;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }
      }
      .bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp;
      }
      @-webkit-keyframes fadeIn {
        0% {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }
      @keyframes fadeIn {
        0% {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }
      .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
      }
      @-webkit-keyframes fadeInDown {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes fadeInDown {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
      }
      @-webkit-keyframes fadeInDownBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes fadeInDownBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig;
      }
      @-webkit-keyframes fadeInLeft {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes fadeInLeft {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
      }
      @-webkit-keyframes fadeInLeftBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes fadeInLeftBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
      }
      @-webkit-keyframes fadeInRight {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes fadeInRight {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
      }
      @-webkit-keyframes fadeInRightBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes fadeInRightBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
      }
      @-webkit-keyframes fadeInUp {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes fadeInUp {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
      }
      @-webkit-keyframes fadeInUpBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes fadeInUpBig {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig;
      }
      @-webkit-keyframes fadeOut {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
        }
      }
      @keyframes fadeOut {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
        }
      }
      .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
      }
      @-webkit-keyframes fadeOutDown {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      }
      @keyframes fadeOutDown {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      }
      .fadeOutDown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown;
      }
      @-webkit-keyframes fadeOutDownBig {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }
      }
      @keyframes fadeOutDownBig {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
        }
      }
      .fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig;
      }
      @-webkit-keyframes fadeOutLeft {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }
      @keyframes fadeOutLeft {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }
      .fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft;
      }
      @-webkit-keyframes fadeOutLeftBig {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }
      }
      @keyframes fadeOutLeftBig {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
        }
      }
      .fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig;
      }
      @-webkit-keyframes fadeOutRight {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }
      @keyframes fadeOutRight {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }
      .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
      }
      @-webkit-keyframes fadeOutRightBig {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }
      }
      @keyframes fadeOutRightBig {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
        }
      }
      .fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig;
      }
      @-webkit-keyframes fadeOutUp {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
      }
      @keyframes fadeOutUp {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
      }
      .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
      }
      @-webkit-keyframes fadeOutUpBig {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }
      }
      @keyframes fadeOutUpBig {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
        }
      }
      .fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig;
      }
      @-webkit-keyframes flip {
        0% {
          -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
            rotateY(-1turn);
          transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
        }
        40% {
          -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
            rotateY(-190deg);
          transform: perspective(400px) scaleX(1) translateZ(150px)
            rotateY(-190deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
        }
        50% {
          -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
            rotateY(-170deg);
          transform: perspective(400px) scaleX(1) translateZ(150px)
            rotateY(-170deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
        80% {
          -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
            translateZ(0) rotateY(0);
          transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
            rotateY(0);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
        to {
          -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
            rotateY(0);
          transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
      }
      @keyframes flip {
        0% {
          -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
            rotateY(-1turn);
          transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
        }
        40% {
          -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
            rotateY(-190deg);
          transform: perspective(400px) scaleX(1) translateZ(150px)
            rotateY(-190deg);
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
        }
        50% {
          -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
            rotateY(-170deg);
          transform: perspective(400px) scaleX(1) translateZ(150px)
            rotateY(-170deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
        80% {
          -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
            translateZ(0) rotateY(0);
          transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
            rotateY(0);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
        to {
          -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
            rotateY(0);
          transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
      }
      .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip;
      }
      @-webkit-keyframes flipInX {
        0% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
        }
        40% {
          -webkit-transform: perspective(400px) rotateX(-20deg);
          transform: perspective(400px) rotateX(-20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
        60% {
          -webkit-transform: perspective(400px) rotateX(10deg);
          transform: perspective(400px) rotateX(10deg);
          opacity: 1;
        }
        80% {
          -webkit-transform: perspective(400px) rotateX(-5deg);
          transform: perspective(400px) rotateX(-5deg);
        }
        to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
      }
      @keyframes flipInX {
        0% {
          -webkit-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
        }
        40% {
          -webkit-transform: perspective(400px) rotateX(-20deg);
          transform: perspective(400px) rotateX(-20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
        60% {
          -webkit-transform: perspective(400px) rotateX(10deg);
          transform: perspective(400px) rotateX(10deg);
          opacity: 1;
        }
        80% {
          -webkit-transform: perspective(400px) rotateX(-5deg);
          transform: perspective(400px) rotateX(-5deg);
        }
        to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
      }
      .flipInX {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX;
      }
      @-webkit-keyframes flipInY {
        0% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
        }
        40% {
          -webkit-transform: perspective(400px) rotateY(-20deg);
          transform: perspective(400px) rotateY(-20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
        60% {
          -webkit-transform: perspective(400px) rotateY(10deg);
          transform: perspective(400px) rotateY(10deg);
          opacity: 1;
        }
        80% {
          -webkit-transform: perspective(400px) rotateY(-5deg);
          transform: perspective(400px) rotateY(-5deg);
        }
        to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
      }
      @keyframes flipInY {
        0% {
          -webkit-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
        }
        40% {
          -webkit-transform: perspective(400px) rotateY(-20deg);
          transform: perspective(400px) rotateY(-20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }
        60% {
          -webkit-transform: perspective(400px) rotateY(10deg);
          transform: perspective(400px) rotateY(10deg);
          opacity: 1;
        }
        80% {
          -webkit-transform: perspective(400px) rotateY(-5deg);
          transform: perspective(400px) rotateY(-5deg);
        }
        to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
      }
      .flipInY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY;
      }
      @-webkit-keyframes flipOutX {
        0% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
        30% {
          -webkit-transform: perspective(400px) rotateX(-20deg);
          transform: perspective(400px) rotateX(-20deg);
          opacity: 1;
        }
        to {
          -webkit-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          opacity: 0;
        }
      }
      @keyframes flipOutX {
        0% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
        30% {
          -webkit-transform: perspective(400px) rotateX(-20deg);
          transform: perspective(400px) rotateX(-20deg);
          opacity: 1;
        }
        to {
          -webkit-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
          opacity: 0;
        }
      }
      .flipOutX {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
      }
      @-webkit-keyframes flipOutY {
        0% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
        30% {
          -webkit-transform: perspective(400px) rotateY(-15deg);
          transform: perspective(400px) rotateY(-15deg);
          opacity: 1;
        }
        to {
          -webkit-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          opacity: 0;
        }
      }
      @keyframes flipOutY {
        0% {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
        30% {
          -webkit-transform: perspective(400px) rotateY(-15deg);
          transform: perspective(400px) rotateY(-15deg);
          opacity: 1;
        }
        to {
          -webkit-transform: perspective(400px) rotateY(90deg);
          transform: perspective(400px) rotateY(90deg);
          opacity: 0;
        }
      }
      .flipOutY {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY;
      }
      @-webkit-keyframes lightSpeedIn {
        0% {
          -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
          transform: translate3d(100%, 0, 0) skewX(-30deg);
          opacity: 0;
        }
        60% {
          -webkit-transform: skewX(20deg);
          transform: skewX(20deg);
          opacity: 1;
        }
        80% {
          -webkit-transform: skewX(-5deg);
          transform: skewX(-5deg);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes lightSpeedIn {
        0% {
          -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
          transform: translate3d(100%, 0, 0) skewX(-30deg);
          opacity: 0;
        }
        60% {
          -webkit-transform: skewX(20deg);
          transform: skewX(20deg);
          opacity: 1;
        }
        80% {
          -webkit-transform: skewX(-5deg);
          transform: skewX(-5deg);
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }
      @-webkit-keyframes lightSpeedOut {
        0% {
          opacity: 1;
        }
        to {
          -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
          transform: translate3d(100%, 0, 0) skewX(30deg);
          opacity: 0;
        }
      }
      @keyframes lightSpeedOut {
        0% {
          opacity: 1;
        }
        to {
          -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
          transform: translate3d(100%, 0, 0) skewX(30deg);
          opacity: 0;
        }
      }
      .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }
      @-webkit-keyframes rotateIn {
        0% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate(-200deg);
          transform: rotate(-200deg);
          opacity: 0;
        }
        to {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          opacity: 1;
        }
      }
      @keyframes rotateIn {
        0% {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate(-200deg);
          transform: rotate(-200deg);
          opacity: 0;
        }
        to {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          opacity: 1;
        }
      }
      .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn;
      }
      @-webkit-keyframes rotateInDownLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          opacity: 0;
        }
        to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          opacity: 1;
        }
      }
      @keyframes rotateInDownLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          opacity: 0;
        }
        to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          opacity: 1;
        }
      }
      .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
      }
      @-webkit-keyframes rotateInDownRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          opacity: 0;
        }
        to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          opacity: 1;
        }
      }
      @keyframes rotateInDownRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          opacity: 0;
        }
        to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          opacity: 1;
        }
      }
      .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
      }
      @-webkit-keyframes rotateInUpLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          opacity: 0;
        }
        to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          opacity: 1;
        }
      }
      @keyframes rotateInUpLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          opacity: 0;
        }
        to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          opacity: 1;
        }
      }
      .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
      }
      @-webkit-keyframes rotateInUpRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
        }
        to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          opacity: 1;
        }
      }
      @keyframes rotateInUpRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
          opacity: 0;
        }
        to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          opacity: 1;
        }
      }
      .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
      }
      @-webkit-keyframes rotateOut {
        0% {
          -webkit-transform-origin: center;
          transform-origin: center;
          opacity: 1;
        }
        to {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate(200deg);
          transform: rotate(200deg);
          opacity: 0;
        }
      }
      @keyframes rotateOut {
        0% {
          -webkit-transform-origin: center;
          transform-origin: center;
          opacity: 1;
        }
        to {
          -webkit-transform-origin: center;
          transform-origin: center;
          -webkit-transform: rotate(200deg);
          transform: rotate(200deg);
          opacity: 0;
        }
      }
      .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut;
      }
      @-webkit-keyframes rotateOutDownLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1;
        }
        to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          opacity: 0;
        }
      }
      @keyframes rotateOutDownLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1;
        }
        to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          opacity: 0;
        }
      }
      .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft;
      }
      @-webkit-keyframes rotateOutDownRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1;
        }
        to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          opacity: 0;
        }
      }
      @keyframes rotateOutDownRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1;
        }
        to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          opacity: 0;
        }
      }
      .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight;
      }
      @-webkit-keyframes rotateOutUpLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1;
        }
        to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          opacity: 0;
        }
      }
      @keyframes rotateOutUpLeft {
        0% {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          opacity: 1;
        }
        to {
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          opacity: 0;
        }
      }
      .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft;
      }
      @-webkit-keyframes rotateOutUpRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1;
        }
        to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
        }
      }
      @keyframes rotateOutUpRight {
        0% {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          opacity: 1;
        }
        to {
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
          opacity: 0;
        }
      }
      .rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight;
      }
      @-webkit-keyframes hinge {
        0% {
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
        }
        20%,
        60% {
          -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
        }
        40%,
        80% {
          -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          opacity: 1;
        }
        to {
          -webkit-transform: translate3d(0, 700px, 0);
          transform: translate3d(0, 700px, 0);
          opacity: 0;
        }
      }
      @keyframes hinge {
        0% {
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
        }
        20%,
        60% {
          -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
        }
        40%,
        80% {
          -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
          -webkit-transform-origin: top left;
          transform-origin: top left;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          opacity: 1;
        }
        to {
          -webkit-transform: translate3d(0, 700px, 0);
          transform: translate3d(0, 700px, 0);
          opacity: 0;
        }
      }
      .hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-name: hinge;
        animation-name: hinge;
      }
      @-webkit-keyframes jackInTheBox {
        0% {
          opacity: 0;
          -webkit-transform: scale(0.1) rotate(30deg);
          transform: scale(0.1) rotate(30deg);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
        }
        50% {
          -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
        }
        70% {
          -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
        }
        to {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
        }
      }
      @keyframes jackInTheBox {
        0% {
          opacity: 0;
          -webkit-transform: scale(0.1) rotate(30deg);
          transform: scale(0.1) rotate(30deg);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
        }
        50% {
          -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
        }
        70% {
          -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
        }
        to {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
        }
      }
      .jackInTheBox {
        -webkit-animation-name: jackInTheBox;
        animation-name: jackInTheBox;
      }
      @-webkit-keyframes rollIn {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
          transform: translate3d(-100%, 0, 0) rotate(-120deg);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes rollIn {
        0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
          transform: translate3d(-100%, 0, 0) rotate(-120deg);
        }
        to {
          opacity: 1;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn;
      }
      @-webkit-keyframes rollOut {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
          transform: translate3d(100%, 0, 0) rotate(120deg);
        }
      }
      @keyframes rollOut {
        0% {
          opacity: 1;
        }
        to {
          opacity: 0;
          -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
          transform: translate3d(100%, 0, 0) rotate(120deg);
        }
      }
      .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut;
      }
      @-webkit-keyframes zoomIn {
        0% {
          opacity: 0;
          -webkit-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);
          transform: scale3d(0.3, 0.3, 0.3);
        }
        50% {
          opacity: 1;
        }
      }
      .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
      }
      @-webkit-keyframes zoomInDown {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(0, 60px, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      @keyframes zoomInDown {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(0, 60px, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      .zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown;
      }
      @-webkit-keyframes zoomInLeft {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(10px, 0, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      @keyframes zoomInLeft {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(10px, 0, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      .zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft;
      }
      @-webkit-keyframes zoomInRight {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(-10px, 0, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      @keyframes zoomInRight {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(-10px, 0, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      .zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight;
      }
      @-webkit-keyframes zoomInUp {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(0, -60px, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      @keyframes zoomInUp {
        0% {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        60% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(0, -60px, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      .zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
      }
      @-webkit-keyframes zoomOut {
        0% {
          opacity: 1;
        }
        50% {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
        }
        to {
          opacity: 0;
        }
      }
      @keyframes zoomOut {
        0% {
          opacity: 1;
        }
        50% {
          opacity: 0;
          -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
        }
        to {
          opacity: 0;
        }
      }
      .zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut;
      }
      @-webkit-keyframes zoomOutDown {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(0, -60px, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      @keyframes zoomOutDown {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(0, -60px, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      .zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown;
      }
      @-webkit-keyframes zoomOutLeft {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(42px, 0, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
          transform: scale(0.1) translate3d(-2000px, 0, 0);
          -webkit-transform-origin: left center;
          transform-origin: left center;
        }
      }
      @keyframes zoomOutLeft {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(42px, 0, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
          transform: scale(0.1) translate3d(-2000px, 0, 0);
          -webkit-transform-origin: left center;
          transform-origin: left center;
        }
      }
      .zoomOutLeft {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft;
      }
      @-webkit-keyframes zoomOutRight {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(-42px, 0, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
          transform: scale(0.1) translate3d(2000px, 0, 0);
          -webkit-transform-origin: right center;
          transform-origin: right center;
        }
      }
      @keyframes zoomOutRight {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(-42px, 0, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        }
        to {
          opacity: 0;
          -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
          transform: scale(0.1) translate3d(2000px, 0, 0);
          -webkit-transform-origin: right center;
          transform-origin: right center;
        }
      }
      .zoomOutRight {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight;
      }
      @-webkit-keyframes zoomOutUp {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(0, 60px, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      @keyframes zoomOutUp {
        40% {
          opacity: 1;
          -webkit-transform: scale3d(0.475, 0.475, 0.475)
            translate3d(0, 60px, 0);
          transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
          -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
          );
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        to {
          opacity: 0;
          -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
          transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-timing-function: cubic-bezier(
            0.175,
            0.885,
            0.32,
            1
          );
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        }
      }
      .zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp;
      }
      @-webkit-keyframes slideInDown {
        0% {
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
          visibility: visible;
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes slideInDown {
        0% {
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
          visibility: visible;
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
      }
      @-webkit-keyframes slideInLeft {
        0% {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          visibility: visible;
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes slideInLeft {
        0% {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          visibility: visible;
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
      }
      @-webkit-keyframes slideInRight {
        0% {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          visibility: visible;
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes slideInRight {
        0% {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          visibility: visible;
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
      }
      @-webkit-keyframes slideInUp {
        0% {
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
          visibility: visible;
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      @keyframes slideInUp {
        0% {
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
          visibility: visible;
        }
        to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
      }
      .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
      }
      @-webkit-keyframes slideOutDown {
        0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        to {
          visibility: hidden;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      }
      @keyframes slideOutDown {
        0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        to {
          visibility: hidden;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
      }
      .slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown;
      }
      @-webkit-keyframes slideOutLeft {
        0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        to {
          visibility: hidden;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }
      @keyframes slideOutLeft {
        0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        to {
          visibility: hidden;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
      }
      .slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft;
      }
      @-webkit-keyframes slideOutRight {
        0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        to {
          visibility: hidden;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }
      @keyframes slideOutRight {
        0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        to {
          visibility: hidden;
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
      }
      .slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight;
      }
      @-webkit-keyframes slideOutUp {
        0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        to {
          visibility: hidden;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
      }
      @keyframes slideOutUp {
        0% {
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        to {
          visibility: hidden;
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
      }
      .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp;
      }
      .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
      }
      .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
      }
      .animated.delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
      }
      .animated.delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
      }
      .animated.delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
      }
      .animated.delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
      }
      .animated.delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
      }
      .animated.fast {
        -webkit-animation-duration: 0.8s;
        animation-duration: 0.8s;
      }
      .animated.faster {
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
      }
      .animated.slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
      }
      .animated.slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
      }
      @media (prefers-reduced-motion: reduce), (print) {
        .animated {
          -webkit-animation-duration: 1ms !important;
          animation-duration: 1ms !important;
          -webkit-transition-duration: 1ms !important;
          transition-duration: 1ms !important;
          -webkit-animation-iteration-count: 1 !important;
          animation-iteration-count: 1 !important;
        }
      }
      @font-face {
        font-family: Nunito;
        src: url("fonts/nunito-bold.ttf") format("truetype");
        font-weight: 700;
        font-style: normal;
      }
      @font-face {
        font-family: Nunito;
        src: url("fonts/nunito-extrabold.ttf") format("truetype");
        font-weight: 900;
        font-style: normal;
      }
      @font-face {
        font-family: Nunito;
        src: url("fonts/nunito-regular.ttf") format("truetype");
        font-weight: 400;
        font-style: normal;
      }
      body,
      html {
        height: 100%;
        font-family: Arial;
        font-family: Nunito, sans-serif;
      }
      body {
        padding: 0;
        margin: 0;
        overflow: hidden;
      }
      .button {
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
        display: inline-block;
        outline: 0;
        text-align: center;
        padding: 16px 24px;
        border-radius: 8px;
        box-shadow: none;
        border: none;
        color: #fff;
        text-decoration: none;
        margin: 16px auto;
        font-weight: 700;
        font-size: 22px;
        letter-spacing: 1px;
        background-color: #3d5dff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #374ebf;
      }
      .button:hover {
        background-color: #5b76ff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #5064c7;
      }
      .button.back {
        background-color: #95a5a6;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #95a5a6;
      }
      .button.back:hover {
        background-color: #798d8f;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #647071;
      }
      .orange.button {
        background-color: #ff8a2a;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #c56c22;
      }
      .orange.button:hover {
        background-color: #f59444;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #dc7a28;
      }
      .red.button {
        background-color: #dc0000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #c50000;
      }
      .red.button:hover {
        background-color: #ff1212;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #e01212;
      }
      .black.button {
        background-color: #2b2b2b;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #000;
      }
      .black.button:hover {
        background-color: #4e4e4e;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #333;
      }
      .disabled.button {
        background-color: #95a5a6;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 4px 0 #95a5a6;
      }
      .green.button {
        background-color: #35c500;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #2fb000;
      }
      .green.button:hover {
        background-color: #3ad600;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #35c500;
      }
      @keyframes spinner {
        0% {
          -webkit-transform: rotate(0);
          transform: rotate(0);
        }
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      @-webkit-keyframes spinner {
        0% {
          -webkit-transform: rotate(0);
          transform: rotate(0);
        }
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      .spinner {
        position: relative;
        width: 100%;
        height: 100%;
        -webkit-transform: translate(-100px, -100px) scale(1)
          translate(100px, 100px);
        transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
      }
      .spinner div {
        width: 26px;
        height: 26px;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        border-radius: 50%;
        border: 4px solid #000;
        border-color: #fdfdfd transparent #fdfdfd transparent;
        -webkit-animation: spinner 1s linear infinite;
        animation: spinner 1s linear infinite;
      }
      .spinner.black div {
        border-color: #000 transparent #000 transparent;
      }
      @-webkit-keyframes pulsate {
        0% {
          transform: scale(0.7, 0.7);
          opacity: 0;
        }
        50% {
          opacity: 1;
        }
        100% {
          transform: scale(1.5, 1.5);
          opacity: 0;
        }
      }
      @keyframes pulsate {
        0% {
          transform: scale(0.7, 0.7);
          opacity: 0;
        }
        50% {
          opacity: 1;
        }
        100% {
          transform: scale(1.5, 1.5);
          opacity: 0;
        }
      }
      #homepage {
        z-index: 10;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        text-align: center;
        overflow: auto;
      }
      #homepage .background {
        width: 100%;
        height: 100%;
      }
      #homepage .fade {
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        display: table;
        table-layout: fixed;
      }
      #homepage .row {
        display: table-row;
      }
      #homepage .logo {
        position: absolute;
        left: 0;
        top: 32px;
        width: 100%;
      }
      #homepage .logo .title {
        font-variant: small-caps;
        font-weight: 900;
        font-size: 8vh;
        line-height: 8vh;
        margin: auto auto;
      }
      #homepage .logo .title > div {
        position: relative;
        display: inline-block;
      }
      #homepage .logo .title > div #flag {
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(-130%);
      }
      #homepage .logo .title > div #flag img,
      #homepage .logo .title > div #flag svg {
        overflow: visible;
        height: 11vh;
        width: auto;
      }
      #homepage .logo .subtitle {
        font-variant: small-caps;
        font-size: 3vh;
        margin: auto auto;
        text-transform: uppercase;
      }
      #homepage .logo .subtitle2 {
        font-size: 2.5vh;
        margin: auto auto;
        margin-top: 1vh;
      }
      @media screen and (max-width: 768px) {
        #homepage .logo .subtitle2 {
          font-size: 2vh;
        }
      }
      @media screen and (max-width: 700px) {
        #homepage .logo {
          top: 16px;
        }
        #homepage .logo .title {
          font-size: 8vw;
        }
        #homepage .logo .subtitle {
          font-size: 3vw;
        }
        #homepage .logo .subtitle2 {
          font-size: 1.5vw;
        }
      }
      @media screen and (max-height: 700px) {
        #homepage .logo {
          top: 16px;
        }
        #homepage .logo .title {
          font-size: 8vh;
        }
        #homepage .logo .subtitle {
          font-size: 3vh;
        }
        #homepage .logo .subtitle2 {
          font-size: 1.5vh;
        }
      }
      @media screen and (max-height: 610px) {
        #homepage .logo {
          top: 8px;
        }
      }
      #homepage .content {
        height: 100%;
        position: absolute;
        width: 100%;
        pointer-events: none;
        font-size: 0;
      }
      #homepage .content > div {
        width: 33%;
        display: inline-block;
        height: 95%;
        position: relative;
      }
      #homepage .content > div .inside {
        margin: auto auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      #homepage .content .left-box {
        min-width: 300px;
        left: 0;
      }
      #homepage .content .left-box .inside {
        min-width: 80%;
        pointer-events: all;
        color: #fff;
      }
      #homepage .content .left-box .inside .box {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 16px 16px;
        border-radius: 16px;
      }
      #homepage .content .left-box .inside .cp {
        margin-top: 16px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        width: 267px;
        height: 120px;
      }
      @media screen and (max-height: 550px) {
        #homepage .content .left-box .inside .cp {
          margin-top: 4px;
        }
      }
      #homepage .content .left-box .inside .cp iframe {
        border: none;
        border-radius: 16px;
      }
      #homepage .content .left-box .inside .cp img {
        border-radius: 16px;
      }
      #homepage .content .left-box .inside .cp .label {
        position: absolute;
        right: 0;
        bottom: 0;
        background-color: #b0f;
        padding: 2px 28px;
        transform: rotate(-45deg) translate(28px, 12px);
        font-size: 20px;
        font-weight: 700;
        line-height: normal;
      }
      #homepage .content .left-box .inside div {
        font-size: 2vh;
        margin-bottom: 0.5vh;
        line-height: 2.5vh;
      }
      #homepage .content .left-box .inside .title,
      #homepage .content .left-box .inside .title2 {
        font-size: 2.5vh;
        line-height: 4vh;
        margin-bottom: 1vh;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
      }
      #homepage .content .left-box .inside .bolder {
        font-weight: 700;
      }
      #homepage .content .left-box .inside .title2 {
        margin-top: 2vh;
      }
      #homepage .content .left-box .inside a {
        text-decoration: none;
        color: #d3d3d3;
      }
      #homepage .content .left-box .inside a:visited {
        color: #d3d3d3;
      }
      #homepage .content .left-box .inside a:hover {
        color: #fff;
      }
      #homepage .content .left-box .inside .separator {
        margin: 16px 0 8px 0;
        padding: 0 0 8px 0;
        border-top: 1px solid #fff;
      }
      #homepage .content .left-box .left-pub {
        width: 300px;
        height: 250px;
        text-align: center;
      }
      #homepage .content .left-box .left-pub .adblocked {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Arial;
        font-size: 32px;
        width: 100%;
      }
      #homepage .content .middle-box .inside {
        max-width: 300px;
        width: 80%;
        pointer-events: all;
      }
      @media screen and (max-width: 1024px) {
        #homepage .content .middle-box .inside {
          width: 90%;
        }
      }
      #homepage .content .middle-box #homepage-loading {
        font-size: 32px;
      }
      #homepage .content .middle-box #homepage-loading .spinner {
        width: 28px;
        height: 28px;
        display: inline-block;
        margin-right: 16px;
      }
      #homepage .content .middle-box #homepage-loaded {
        display: none;
        padding: 16px 16px;
        border-radius: 16px;
      }
      #homepage .content .middle-box .info {
        margin: 2vh auto;
        display: flex;
        justify-content: space-between;
        padding: 0 8px;
        max-width: 300px;
      }
      #homepage .content .middle-box .info .level {
        font-size: 2vh;
        font-variant: small-caps;
        text-align: left;
      }
      #homepage .content .middle-box .info .level #homepage-league {
        font-size: 2.5vh;
        font-weight: 700;
        text-transform: uppercase;
      }
      #homepage .content .middle-box .info .booty {
        font-size: 2.5vh;
        text-align: right;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 700;
      }
      #homepage .content .middle-box .info .booty img {
        vertical-align: middle;
        height: 4vh;
      }
      #homepage .content .middle-box input {
        text-align: left;
        padding: 8px 16px;
        border-radius: 16px;
        box-shadow: none;
        border: none;
        font-size: 16px;
        outline: 0;
        border-radius: 4px;
      }
      #homepage .content .middle-box #username {
        width: 100%;
        display: block;
        border-radius: 4vh;
        box-sizing: border-box;
        margin-bottom: 32px;
        max-width: 300px;
        height: 48px;
        font-size: 16px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px;
        font-weight: 700;
        color: #444;
        border: 1px solid #bdbdbd;
      }
      #homepage .content .middle-box .buttons {
        max-width: 320px;
        margin: auto auto;
        white-space: nowrap;
      }
      #homepage .content .middle-box .button {
        margin-left: auto;
        margin-right: auto;
        margin-top: 8px;
      }
      #homepage .content .middle-box #play-button {
        display: block;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        min-width: 200px;
        width: 90%;
        font-size: 32px;
        display: inline-block;
      }
      #homepage .content .middle-box #play-spinner {
        display: none;
        min-width: 200px;
        width: 90%;
      }
      #homepage .content .middle-box #play-spinner .spinner {
        width: 20px;
        height: 20px;
        padding-bottom: 4px;
        padding-right: 4px;
        transform: translate(-50%, 0);
        left: 50%;
      }
      #homepage .content .middle-box #play-button.withreward {
        width: 50%;
        min-width: 120px;
        vertical-align: middle;
        margin-left: -40px;
      }
      #homepage .content .middle-box #homepage-rewarded-button {
        display: none;
        vertical-align: middle;
        font-size: 20px;
        padding: 0 12px;
        position: relative;
        transform: translateY(-4px);
        width: max-content;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        margin-left: 12px;
      }
      #homepage .content .middle-box #homepage-rewarded-button .text {
        padding: 15px 0;
        display: inline-block;
        vertical-align: middle;
      }
      #homepage .content .middle-box #homepage-rewarded-button .video {
        vertical-align: middle;
        margin-right: 0.5em;
      }
      #homepage .content .middle-box #homepage-rewarded-button .video img {
        height: 40px;
      }
      #homepage .content .middle-box #homepage-rewarded-button .notice {
        position: absolute;
        left: 15%;
        top: 20%;
        transform: translate(50%, -50%);
        background-color: #613b3b;
        border-radius: 1vh;
        font-size: 10px;
        padding: 0.25vh 0.5vh;
      }
      #homepage .content .middle-box .skin {
        display: table;
        margin-left: auto;
        margin-right: auto;
      }
      #homepage .content .middle-box .skin > div {
        display: table-cell;
      }
      #homepage .content .middle-box .skin > div:last-child {
        width: auto;
      }
      #homepage .content .middle-box .skin #skin-homepage-canvas {
        padding-right: 16px;
        vertical-align: middle;
      }
      #homepage .content .middle-box .skin #skin-homepage-canvas > div {
        background-color: #fff;
        border: 2px solid #d3d3d3;
        vertical-align: middle;
        border-radius: 16px;
        border-radius: 50%;
      }
      #homepage .content .middle-box .skin .button {
        position: relative;
      }
      #homepage .content .middle-box .skin .button .new {
        display: none;
        animation-iteration-count: infinite;
        position: absolute;
        right: -5%;
        top: -5%;
        background-color: red;
        border-radius: 12px;
        font-size: 18px;
        padding: 4px 8px;
      }
      #homepage .content .middle-box .skin .button .pulse-ring {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: 2px solid #fff;
        border-radius: 12px;
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
      }
      @media screen and (max-width: 500px) {
        #homepage .content .middle-box #username {
          height: 12vw;
          font-size: 4vw;
        }
        #homepage .content .middle-box #play-button {
          font-size: 6vw;
          min-width: inherit;
        }
        #homepage .content .middle-box #play-bigger-button {
          font-size: 5vw;
          min-width: inherit;
        }
        #homepage .content .middle-box .button {
          padding: 1.5vw 6vw;
          font-size: 4vw;
        }
      }
      @media screen and (max-height: 500px) {
        #homepage .content .middle-box #username {
          height: 12vh;
          font-size: 4vh;
        }
        #homepage .content .middle-box #play-button {
          font-size: 6vh;
          min-width: inherit;
        }
        #homepage .content .middle-box #play-bigger-button {
          font-size: 5vh;
          min-width: inherit;
        }
        #homepage .content .middle-box .buttons div {
          vertical-align: middle;
        }
        #homepage .content .middle-box .button {
          padding: 1.5vh 6vh;
          font-size: 4vh;
        }
      }
      #homepage .content .middle-box .ipad-help {
        display: none;
      }
      #homepage .content .right-box {
        min-width: 300px;
        left: 0;
      }
      #homepage .content .right-box .inside {
        max-width: 300px;
        pointer-events: all;
      }
      #homepage .content .right-box .right-pub {
        text-align: center;
      }
      #homepage .content .right-box .right-pub .adblocked {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Arial;
        font-size: 32px;
        width: 100%;
      }
      #homepage .content .right-box .right-pub .dev-only .button {
        font-size: 12px;
        padding: 4px 8px;
      }
      @media screen and (max-width: 900px) {
        #homepage .content .right-box {
          display: none;
        }
        #homepage .content .middle-box {
          width: 66%;
          max-width: 400px;
        }
      }
      @media screen and (max-height: 300px), screen and (max-width: 700px) {
        #homepage .content .left-box {
          display: none;
        }
        #homepage .content .middle-box {
          left: 0;
          width: 90%;
        }
        #homepage .content .middle-box .inside {
          max-width: 100%;
        }
        #homepage .content .right-box {
          display: none;
        }
      }
      #homepage .content .scoreboard {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translate(-50%, 0);
        width: auto;
        height: auto;
        text-transform: capitalize;
        border: 1px solid #bdbdbd;
        border-radius: 8px;
        background-color: #fff;
        overflow: hidden;
        font-size: 2.5vh;
      }
      @media screen and (max-width: 500px) {
        #homepage .content .scoreboard {
          font-size: 2.5vw;
        }
      }
      @media screen and (max-height: 500px) {
        #homepage .content .scoreboard {
          font-size: 2.5vh;
          bottom: 1vh;
        }
      }
      #homepage .content .scoreboard table {
        width: 100%;
        border-collapse: collapse;
      }
      #homepage .content .scoreboard table tr:first-of-type {
        background-color: #dcdcdc;
        padding: 0;
      }
      #homepage .content .scoreboard table tr:first-of-type td {
        padding: 0;
      }
      #homepage .content .scoreboard table td {
        padding: 0 2vw;
      }
      #homepage .content .scoreboard .wins {
        background-color: #dcdcdc;
        font-weight: 700;
      }
      #homepage .content #no-webgl-popup {
        pointer-events: all;
        color: #fff;
        width: 100%;
        height: auto;
        display: block;
        display: none;
        padding: 16px 16px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: red;
        z-index: 9999;
        font-size: 16px;
        box-sizing: border-box;
      }
      #homepage .content #no-webgl-popup a {
        color: #00f;
        font-weight: 700;
      }
      #homepage .content #no-webgl-popup .close {
        position: absolute;
        top: 8px;
        right: 8px;
        color: #fff;
        font-size: 36px;
        cursor: pointer;
      }
      #homepage .bottom-bar {
        position: absolute;
        left: 0;
        bottom: 16px;
        width: 100%;
        vertical-align: middle;
        line-height: 0;
        display: table;
      }
      #homepage .bottom-bar .io-games-bar {
        width: 30%;
        display: table-cell;
        line-height: normal;
        padding-left: 1vh;
        padding-right: 1vh;
        text-align: left;
        vertical-align: bottom;
        font-size: 2vh;
      }
      #homepage .bottom-bar .io-games-bar .button {
        margin: 0 0;
        font-size: 2vh;
        padding: 1vh 2vh;
      }
      @media screen and (max-width: 1000px) {
        #homepage .bottom-bar .io-games-bar .button {
          font-size: 1.5vh;
        }
      }
      @media screen and (max-width: 500px) {
        #homepage .bottom-bar .io-games-bar .button {
          padding: 1.5vw 6vw;
          font-size: 4vw;
        }
      }
      @media screen and (max-height: 500px) {
        #homepage .bottom-bar .io-games-bar .button {
          padding: 1.5vh 6vh;
          font-size: 4vh;
        }
      }
      #homepage .bottom-links {
        z-index: 1;
        position: absolute;
        left: 20%;
        bottom: 8px;
        width: 60%;
        text-align: center;
        vertical-align: middle;
        font-size: 12px;
        color: #000;
      }
      @media screen and (max-width: 700px), screen and (max-height: 500px) {
        #homepage .bottom-links {
          display: none;
        }
      }
      #homepage .bottom-links a {
        color: #000;
        text-decoration: none;
      }
      #homepage .bottom-links a:hover {
        color: #fe9300;
      }
      #homepage .show-spil {
        display: none;
      }
      #homepage .app-links {
        position: absolute;
        text-align: center;
        left: 2vh;
        top: 2vh;
        z-index: 1;
      }
      #homepage .app-links > a {
        display: block;
      }
      #homepage .app-links img {
        height: 6vh;
        margin-right: 0.5vw;
      }
      #homepage.poki #portal-button,
      #homepage.spil-games #portal-button {
        display: none;
      }
      #homepage.poki #cross-promo,
      #homepage.poki .hide-spil,
      #homepage.spil-games #cross-promo,
      #homepage.spil-games .hide-spil {
        display: none;
      }
      #homepage.poki .show-spil,
      #homepage.spil-games .show-spil {
        display: inline-block;
      }
      #homepage.poki .app-links,
      #homepage.spil-games .app-links {
        display: none;
      }
      #homepage.ipad-promo .logo .subtitle2 {
        font-size: 1.5vh;
      }
      #homepage.ipad-promo #homepage-loaded > div.info {
        margin-bottom: 1vh;
      }
      #homepage.ipad-promo .app-links img {
        height: 6vw;
        margin-right: 0.5vw;
      }
      #homepage.ipad-promo .scoreboard {
        left: 3%;
        bottom: 48px;
        transform: translate(0, 0);
        font-size: 2.25vw;
      }
      #homepage.ipad-promo .bottom-bar {
        display: none;
      }
      #homepage.ipad-promo .left-box {
        display: none;
      }
      #homepage.ipad-promo .right-box {
        display: inline-block;
        margin-top: 230px;
        max-width: 300px;
        max-height: 650px;
      }
      #homepage.ipad-promo .content .middle-box .info {
        margin-top: 64px;
      }
      #homepage.ipad-promo .content .middle-box .ipad-help {
        margin-top: 48px;
        display: block;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 8px 8px;
        border-radius: 16px;
        color: #fff;
        font-size: 2vh;
      }
      #homepage.ipad-promo .content .middle-box .ipad-help .title {
        font-weight: 700;
        margin-bottom: 1vh;
        font-size: 2.5vh;
      }
      .blurred {
        filter: blur(15px);
        pointer-events: none;
      }
      #skin-popup {
        display: table-row;
        text-align: center;
        height: 100%;
        width: 100%;
        -webkit-user-select: none;
        user-select: none;
        display: none;
      }
      #skin-popup .fade {
        z-index: 20;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
      }
      #skin-popup .box {
        z-index: 21;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        border-radius: 8px;
        padding: 3vh;
        height: 90%;
        max-height: 90%;
        width: 100%;
        box-sizing: border-box;
      }
      #skin-popup .box #skin-popup-canvas > div {
        border-radius: 4px;
      }
      #skin-popup .box .label {
        display: block;
        font-weight: 700;
        font-size: 4vh;
      }
      #skin-popup .box .label .booty {
        float: left;
        left: 3vh;
        top: 3vh;
      }
      #skin-popup .box .label .booty > span {
        vertical-align: middle;
      }
      #skin-popup .box .label .booty img {
        vertical-align: middle;
        height: 6vh;
      }
      #skin-popup .box .label .button {
        margin: auto;
        font-size: 4vh;
        padding: 0 1vw;
        position: relative;
      }
      #skin-popup .box .label .button .new {
        display: none;
        animation-iteration-count: infinite;
        position: absolute;
        right: -5%;
        top: -5%;
        background-color: red;
        border-radius: 12px;
        font-size: 18px;
        padding: 4px 8px;
      }
      #skin-popup .box .label .button .pulse-ring {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: 2px solid #fff;
        border-radius: 12px;
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
      }
      #skin-popup .box .skin-list::-webkit-scrollbar {
        width: 1vw;
      }
      #skin-popup .box .skin-list::-webkit-scrollbar-track {
        background: #aaa;
        border-radius: 0.5vw;
      }
      #skin-popup .box .skin-list::-webkit-scrollbar-thumb {
        background: #3d5dff;
        border-radius: 0.5vw;
      }
      #skin-popup .box #pet-block::-webkit-scrollbar-thumb:hover {
        background: #374ebf;
      }
      #skin-popup .box #pet-block::-webkit-scrollbar {
        width: 1vw;
      }
      #skin-popup .box #pet-block::-webkit-scrollbar-track {
        background: #aaa;
        border-radius: 0.5vw;
      }
      #skin-popup .box #pet-block::-webkit-scrollbar-thumb {
        background: #3d5dff;
        border-radius: 0.5vw;
      }
      #skin-popup .box #pet-block::-webkit-scrollbar-thumb:hover {
        background: #374ebf;
      }
      #skin-popup .box #arrow-up {
        display: none;
        margin-top: 5vh;
        height: 5vh;
        position: relative;
        cursor: pointer;
      }
      #skin-popup .box #arrow-up > div {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 10vh solid transparent;
        border-right: 10vh solid transparent;
        border-bottom: 5vh solid #3d5dff;
      }
      #skin-popup .box #arrow-down {
        display: none;
        margin-top: 3vh;
        height: 5vh;
        position: relative;
        cursor: pointer;
      }
      #skin-popup .box #arrow-down > div {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 10vh solid transparent;
        border-right: 10vh solid transparent;
        border-top: 5vh solid #3d5dff;
      }
      #skin-popup .box #arrow-down.disabled,
      #skin-popup .box #arrow-up.disabled {
        opacity: 0;
        pointer-events: none;
      }
      #skin-popup .box #arrow-down,
      #skin-popup .box #arrow-up {
        -webkit-tap-highlight-color: transparent;
        -moz-tap-highlight-color: transparent;
      }
      #skin-popup .box .pet-list,
      #skin-popup .box .skin-list {
        margin-top: 3vh;
        border-radius: 8px;
        height: 90%;
        width: 100%;
        overflow-y: scroll;
      }
      #skin-popup .box .pet-list .card,
      #skin-popup .box .skin-list .card {
        position: relative;
        background-color: #f2f7ff;
        display: inline-block;
        margin: 8px 8px;
        padding-bottom: 8vh;
        padding-right: 4vh;
        cursor: pointer;
      }
      #skin-popup .box .pet-list .card .button,
      #skin-popup .box .skin-list .card .button {
        cursor: pointer;
        font-size: 2vh;
        position: absolute;
        left: 5%;
        bottom: 2%;
        width: 75%;
        margin: 0;
        margin-bottom: 1vh;
        padding: 0.5vh 0.25vh;
        box-sizing: border-box;
        vertical-align: middle;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 4px 0 #374ebf;
      }
      #skin-popup .box .pet-list .card .button img,
      #skin-popup .box .skin-list .card .button img {
        height: 2vh;
      }
      #skin-popup .box .pet-list .card .button *,
      #skin-popup .box .skin-list .card .button * {
        vertical-align: middle;
      }
      #skin-popup .box .pet-list .card .button.disabled,
      #skin-popup .box .skin-list .card .button.disabled {
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 4px 0 #95a5a6;
      }
      #skin-popup .box .pet-list .card .button.smalltext,
      #skin-popup .box .skin-list .card .button.smalltext {
        font-size: 1.25vh;
        text-transform: capitalize;
      }
      #skin-popup .box .pet-list .card .button.disabled,
      #skin-popup .box .skin-list .card .button.disabled {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
      }
      #skin-popup .box .pet-list .card .button:hover,
      #skin-popup .box .skin-list .card .button:hover {
        background-color: #5b76ff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 8px 0 #5064c7;
      }
      #skin-popup .box .pet-list .card .power-barframe,
      #skin-popup .box .skin-list .card .power-barframe {
        position: absolute;
        top: 5%;
        right: 2%;
        border-radius: 1vh;
        width: 2vh;
        height: 90%;
        background-color: #ccc;
        box-sizing: border-box;
      }
      #skin-popup .box .pet-list .card .power-barframe .power-bar,
      #skin-popup .box .skin-list .card .power-barframe .power-bar {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #ff1f1f;
        height: 50%;
        width: 100%;
        box-sizing: border-box;
        border-radius: 1vh;
      }
      #skin-popup .box .pet-list .card .power-barframe .power-bar-text,
      #skin-popup .box .skin-list .card .power-barframe .power-bar-text {
        color: #fff;
        word-break: break-all;
        font-weight: 700;
        font-family: Arial;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.75vh;
        line-height: 2vh;
      }
      #skin-popup .box .pet-list .card .lock,
      #skin-popup .box .skin-list .card .lock {
        display: block;
        position: absolute;
        top: 2%;
        left: 2%;
        width: 30%;
        height: 30%;
        background: url(img/lock.svg) no-repeat;
        background-position: center;
      }
      #skin-popup .box .pet-list .card::after,
      #skin-popup .box .skin-list .card::after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #aaa;
        border-radius: 1vh;
        box-sizing: border-box;
      }
      #skin-popup .box .pet-list .card.selected::after,
      #skin-popup .box .skin-list .card.selected::after {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 4px 0 #3d5dff;
        border: 2px solid #3d5dff;
      }
      #skin-popup .box .pet-list .card.locked .power-bar,
      #skin-popup .box .pet-list .card.locked > div:first-child,
      #skin-popup .box .skin-list .card.locked .power-bar,
      #skin-popup .box .skin-list .card.locked > div:first-child {
        opacity: 0.6 !important;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
      }
      #skin-popup .box .pet-list card.locked-nogreyscale .power-bar,
      #skin-popup .box .pet-list card.locked-nogreyscale > div:first-child,
      #skin-popup .box .skin-list card.locked-nogreyscale .power-bar,
      #skin-popup .box .skin-list card.locked-nogreyscale > div:first-child {
        opacity: 0.6 !important;
      }
      #skin-popup .box #pet-block {
        display: none;
        overflow-y: auto;
        height: 90%;
        width: 100%;
        margin-top: 3vh;
      }
      #skin-popup .box #pet-block .upgrade {
        font-size: 3vh;
        margin-top: 32px;
      }
      #skin-popup .box #pet-block .upgrade #pet-level {
        font-weight: 700;
        margin-left: 2vh;
        margin-right: 2vh;
      }
      #skin-popup .box #pet-block .upgrade .button {
        vertical-align: middle;
        font-size: 2vh;
        padding: 0.75vh 1vh;
        margin: auto;
        margin-top: -8px;
      }
      #skin-popup .box #pet-block .upgrade .button span {
        vertical-align: middle;
      }
      #skin-popup .box #pet-block .upgrade .button img {
        width: 2vh;
        vertical-align: middle;
        height: auto;
      }
      #skin-popup .box #pet-block .upgrade .button.disabled {
        pointer-events: none;
      }
      #skin-popup .box #pet-block .pet-list {
        margin-top: 3vh;
        overflow: hidden;
        height: auto;
      }
      #skin-popup .box #pet-block .pet-list .card {
        padding: 0;
        padding-bottom: 1vh;
      }
      #skin-popup .box #pet-block .pet-list .card .button {
        width: 90%;
      }
      #skin-popup .box #pet-block .pet-list .card.locked > img {
        opacity: 0.6 !important;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
      }
      #skin-popup .close {
        position: absolute;
        top: 16px;
        right: 16px;
        text-align: center;
        column-span: all;
        cursor: pointer;
      }
      #skin-popup .close img {
        width: 24px;
        height: 24px;
      }
      #skin-editor {
        display: table-row;
        text-align: center;
        height: 100%;
        width: 100%;
        -webkit-user-select: none;
        user-select: none;
      }
      #skin-editor .fade {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
      }
      #skin-editor .box {
        background-color: #fff;
        z-index: 21;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        padding: 32px;
        width: 80%;
        max-width: 100%;
      }
      @media screen and (max-width: 800px) {
        #skin-editor .box {
          width: 90%;
        }
      }
      #skin-editor .title {
        font-size: 24px;
        margin-bottom: 24px;
      }
      #skin-editor input[type="file"] {
        display: none;
      }
      #skin-editor input[type="number"] {
        width: 64px;
      }
      #skin-editor canvas {
        width: 128px;
        height: 128px;
        border-radius: 4px;
      }
      #skin-editor .button {
        display: inline-block;
        margin: 16px 8px;
      }
      #skin-editor .game-sprites {
        margin: 16px auto;
      }
      #skin-editor .game-sprites > div {
        margin: 8px auto;
      }
      #skin-editor .game-sprites .button {
        box-sizing: border-box;
        font-size: 12px;
        padding: 4px 4px;
        margin: auto 32px;
      }
      #ios-fs-popup {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
        font-family: Arial;
        text-align: center;
        font-size: 2vh;
      }
      #ios-fs-popup .fade {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
      }
      #ios-fs-popup .box {
        background-color: #fff;
        border-radius: 4vh;
        padding: 4vh;
        font-size: 4vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 75%;
        max-width: 95%;
      }
      #ios-fs-popup .box .close {
        margin-top: -2vh;
        margin-right: -2vh;
        color: #a9a9a9;
        font-size: 3vh;
        cursor: pointer;
        text-align: right;
      }
      #end-popup {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
        font-family: Arial;
        text-align: center;
        font-size: 2vh;
        animation-duration: 0.5s;
      }
      #end-popup .fade {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.7);
      }
      #end-popup .box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
      }
      @media screen and (max-width: 1023px) {
        #end-popup .box {
          width: 90%;
        }
      }
      @media screen and (max-width: 768px) {
        #end-popup .box {
          width: 95%;
        }
      }
      #end-popup .result {
        font-weight: 700;
        font-size: 5vh;
        font-variant: small-caps;
      }
      #end-popup .result .killer {
        font-size: 7vh;
        color: #f72121;
      }
      #end-popup .result2 {
        margin-top: 5vh;
        font-weight: 700;
        font-size: 3.5vh;
        font-variant: small-caps;
      }
      #end-popup .result2 .rank {
        color: #ff5400;
      }
      #end-popup .result3 {
        margin-top: 2.5vh;
        font-weight: 700;
        font-size: 3.5vh;
        font-variant: small-caps;
      }
      #end-popup .result3 .kills {
        color: #ff5400;
      }
      #end-popup .result3 .earned-coins {
        color: #ff5400;
      }
      #end-popup .result3 img {
        vertical-align: middle;
        height: 4vh;
      }
      #end-popup .result3 .button {
        vertical-align: middle;
        font-size: 3.5vh;
        margin: auto;
        padding: 0 2vh;
        position: relative;
        transform: translateY(-4px);
      }
      #end-popup .result3 .button .text {
        padding: 2vh 0;
        display: inline-block;
        vertical-align: middle;
      }
      #end-popup .result3 .button .text img {
        height: 4vh;
        margin: 0;
      }
      #end-popup .result3 .button .video {
        vertical-align: middle;
        margin-right: 0.5em;
      }
      #end-popup .result3 .button .video img {
        height: 5vh;
      }
      #end-popup .result3 .button .notice {
        position: absolute;
        left: 15%;
        top: 20%;
        transform: translate(50%, -50%);
        background-color: #613b3b;
        border-radius: 1vh;
        font-size: 1.5vh;
        padding: 0.25vh 0.5vh;
      }
      #end-popup .result3 #end-rewarded-button {
        display: none;
      }
      #end-popup .booty {
        margin-top: 2.5vh;
        font-weight: 700;
        font-size: 3.5vh;
        font-variant: small-caps;
      }
      #end-popup .booty img {
        vertical-align: middle;
        height: 5vh;
        margin-right: 1vh;
      }
      #end-popup .booty #end-booty-coins {
        display: inline-block;
      }
      #end-popup .xp-line {
        margin-top: 5vh;
        vertical-align: middle;
      }
      @media screen and (min-height: 650px) and (max-height: 760px) {
        #end-popup .xp-line {
          margin-top: 3vh;
        }
      }
      #end-popup .xp-line .league {
        font-size: 2.5vh;
        padding-top: 0.25vh;
        font-weight: 700;
        font-variant: small-caps;
        text-transform: uppercase;
        vertical-align: middle;
        margin: 0 2vh;
      }
      #end-popup .xp-line .title {
        font-size: 3vh;
        font-variant: small-caps;
      }
      #end-popup .xp-line .line {
        display: flex;
        justify-content: center;
      }
      #end-popup #end-xp-bar {
        flex: 1;
        vertical-align: middle;
        position: relative;
        text-align: center;
        height: 3vh;
        border-radius: 1vh;
        overflow: hidden;
        display: inline-block;
        box-sizing: border-box;
      }
      #end-popup #end-xp-bar .bar {
        background-color: #2c75ff;
        background-color: #000;
        width: 50%;
        height: 3vh;
        border-top-right-radius: 1vh;
        border-bottom-right-radius: 1vh;
        box-sizing: border-box;
      }
      #end-popup #end-xp-bar .border {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: 1px solid #000;
        border-radius: 1vh;
      }
      #end-popup .quote {
        font-size: 2.5vh;
        font-style: italic;
        font-weight: 700;
      }
      #end-popup .button {
        margin-top: 8vh;
      }
      @media screen and (min-height: 600px) and (max-height: 760px) {
        #end-popup .button {
          margin-top: 4vh;
        }
      }
      #end-popup #banner-on-end-popup {
        margin-top: 16px;
      }
      @media screen and (max-height: 549px) {
        #end-popup #banner-on-end-popup {
          display: none;
        }
      }
      @media screen and (max-height: 649px) {
        #end-popup #banner-on-end-popup {
          max-height: 100px;
        }
      }
      .login-popup {
        display: none;
        position: absolute;
        right: 16px;
        top: 16px;
        padding: 24px;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 8px;
        color: #fff;
        z-index: 200;
        animation-duration: 0.5s;
      }
      .login-popup .title {
        margin-bottom: 8px;
        font-weight: 700;
      }
      .login-popup .button {
        font-size: 14px;
        padding: 4px 8px;
      }
      .login-popup .close {
        position: absolute;
        top: 0;
        right: 16px;
        font-size: 4vh;
        font-weight: 400;
        background-color: transparent;
        box-shadow: none;
        cursor: pointer;
      }
      .login-popup td {
        padding: 8px;
      }
      .login-popup a {
        color: #add8e6;
      }
      .login-popup .g-signin2 {
        display: none;
      }
      .login-popup .fb-button-yohoho {
        background-color: #4267b2;
        color: #1d2129;
        direction: ltr;
        font-size: 11px;
        margin: 0;
        padding: 0;
        unicode-bidi: embed;
        font-family: Helvetica, Arial, sans-serif;
        line-height: 1.28;
        overflow: hidden;
        width: 200px;
        cursor: pointer;
      }
      .login-popup .fb-button-yohoho .image {
        float: left;
        margin-right: 12px;
      }
      .login-popup .fb-button-yohoho .image svg {
        height: 24px;
        margin: 8px;
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
      }
      .login-popup .fb-button-yohoho .text {
        padding: 4px;
        color: #fff;
        font-size: 13px;
        line-height: 34px;
      }
      .login-popup input[type="checkbox"] {
        transform: scale(1.5);
        margin-right: 8px;
      }
      .login-box {
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 1000;
        vertical-align: middle;
      }
      .login-box .text {
        margin-top: 10px;
        color: #000;
        font-size: 1.5vh;
        line-height: 1.8vh;
        -webkit-user-select: none;
        user-select: none;
      }
      .login-box .button {
        margin: 0 auto;
        font-size: 2vh;
        padding: 0.75vh 1.5vh;
        box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2), 0 6px 0 #374ebf;
      }
      .login-box .button:hover {
        box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2), 0 6px 0 #5064c7;
      }
      .login-box #unconnected-block {
        margin-right: 8px;
        display: inline-block;
      }
      .login-box #connected-block {
        margin-right: 8px;
        display: none;
        background-color: #319a1c;
        padding: 6px 12px;
        border-radius: 8px;
        color: #fff;
      }
      .login-box #connected-block .text {
        color: #fff;
        font-weight: 700;
        font-size: 24px;
        vertical-align: middle;
        margin: 0 4px;
      }
      .login-box #connected-block #profile-picture {
        border-radius: 50%;
      }
      .login-box #connected-block img {
        width: 32px;
        height: 32px;
        vertical-align: middle;
      }
      .login-box #connected-block img svg {
        fill: #fff;
      }
      .login-box #connected-block a img {
        width: 24px;
        height: 24px;
      }
      .login-box #connected-block button {
        padding: 6px 12px;
        font-size: 14px;
      }
      .login-box.spil-games {
        display: none;
      }
      #doorbell-button {
        display: none;
      }
      .alert-popup,
      .confirm-popup {
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        color: #fff;
        z-index: 10000;
        font-family: Nunito;
        font-weight: 500;
        font-size: 2vmax;
        -webkit-user-select: none;
        user-select: none;
        backdrop-filter: blur(8px);
      }
      .alert-popup .popup-outer,
      .confirm-popup .popup-outer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      .alert-popup .close-button,
      .alert-popup .no-button,
      .alert-popup .yes-button,
      .confirm-popup .close-button,
      .confirm-popup .no-button,
      .confirm-popup .yes-button {
        letter-spacing: 1px;
        font-weight: 700;
        display: inline-block;
        cursor: pointer;
        padding: 0.25vmax 4vmax;
        padding-top: 0.4vmax;
        box-sizing: border-box;
        background-color: #3d5dff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 0.3vmax 0 #374ebf;
        border-radius: 0.5vmax;
        margin-top: 5vh;
        margin: 5vh 2vw 0 2vw;
      }
      .alert-popup .yes-button,
      .confirm-popup .yes-button {
        background-color: #32cd32;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 0.3vmax 0 #258d25;
      }
      .alert-popup .no-button,
      .confirm-popup .no-button {
        background-color: orange;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 0.3vmax 0 #b77600;
      }
      .alert-popup .wrapper,
      .confirm-popup .wrapper {
        border-radius: 2vh;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.8);
        padding: 4vh 12vmin;
        text-align: center;
      }
      @media screen and (max-width: 1023px) {
        .alert-popup .wrapper,
        .confirm-popup .wrapper {
          width: 95%;
          box-sizing: border-box;
        }
      }
      #homepage.poki #homepage-content > div.left-box,
      #homepage.poki #homepage-content > div.right-box {
        width: 25%;
        display: inline-block;
        min-width: auto;
      }
      #homepage.poki #homepage-content > div.middle-box {
        width: 40%;
      }
      #homepage.poki #homepage-content > div.scoreboard {
        transform: translateY(50%);
        bottom: 50%;
        left: auto;
        right: 8px;
        max-width: 30%;
        font-size: 2.5vh;
      }
      #homepage.poki #homepage-content > div.scoreboard table tr:nth-child(2),
      #homepage.poki #homepage-content > div.scoreboard table tr:nth-child(3) {
        border-bottom: 1px solid #d3d3d3;
      }
      #homepage.poki #homepage-content > div.scoreboard table td {
        padding: 0 1.5vw;
      }
      #homepage.poki #banner-on-homepage {
        max-width: 768px;
        max-height: 90px;
        position: absolute;
        z-index: 10;
        bottom: 32px;
        transform: translateX(-50%);
        left: 50%;
        width: auto;
        height: auto;
      }
      #homepage.poki .bottom-links {
        display: block;
      }
      #end-popup.poki #banner-on-end-popup {
        display: block;
      }
      #vibrate-button {
        position: absolute;
        top: 2vh;
        right: 2vh;
        width: 8vh;
        height: auto;
        z-index: 10;
        cursor: pointer;
        pointer-events: all;
        -webkit-tap-highlight-color: transparent;
        -moz-tap-highlight-color: transparent;
      }
      body.cordova #homepage .background .fade .login-box {
        display: none;
      }
      body.cordova #homepage .app-links {
        display: none;
      }
      body.mobile #homepage .background .fade .logo .subtitle2 {
        display: none;
      }
      body.mobile #homepage .background .fade .bottom-links {
        display: none;
      }
      body.mobile #homepage #portal-button {
        display: none;
      }
      body.mobile #homepage .content > div {
        height: 100%;
      }
      body.mobile #homepage .content .scoreboard {
        height: auto;
      }
      body.mobile.landscape .button {
        border-radius: 2vh;
      }
      body.mobile.landscape #skin-popup .box .pet-list .card .button,
      body.mobile.landscape #skin-popup .box .skin-list .card .button {
        border-radius: 1vh;
        font-size: 3vh;
      }
      body.mobile.landscape #skin-popup .box .pet-list .card .button.smalltext,
      body.mobile.landscape
        #skin-popup
        .box
        .skin-list
        .card
        .button.smalltext {
        font-size: 2.5vh;
      }
      body.mobile.landscape #skin-popup .box .pet-list .card .button img,
      body.mobile.landscape #skin-popup .box .skin-list .card .button img {
        height: 4vh;
      }
      body.mobile.landscape #skin-popup .box #pet-block .upgrade {
        margin-top: 3vh;
        font-size: 5vh;
      }
      body.mobile.landscape #skin-popup .box #pet-block .upgrade .button {
        border-radius: 1vh;
        font-size: 4vh;
        margin: auto;
      }
      body.mobile.landscape #skin-popup .box .label .button {
        border-radius: 1vh;
      }
      body.mobile.landscape #skin-popup .box .label .button.red {
        box-shadow: 0 0.4vh 2vh rgba(0, 0, 0, 0.2), 0 1.6vh 0 #c50000;
      }
      body.mobile.landscape #skin-popup .box .label .buttonred:hover {
        background-color: #ff1212;
        box-shadow: 0 0.4vh 2vh rgba(0, 0, 0, 0.2), 0 1.6vh 0 #e01212;
      }
      body.mobile.landscape #skin-popup .box .label .button.black {
        box-shadow: 0 0.4vh 2vh rgba(0, 0, 0, 0.2), 0 1.6vh 0 #000;
      }
      body.mobile.landscape #skin-popup .box .label .button.black:hover {
        background-color: #4e4e4e;
        box-shadow: 0 0.4vh 2vh rgba(0, 0, 0, 0.2), 0 1.6vh 0 #333;
      }
      body.mobile.landscape #homepage .background .fade .logo {
        top: 6vh;
      }
      body.mobile.landscape #homepage .background .fade .logo .title {
        font-size: 12vh;
      }
      body.mobile.landscape #homepage .background .fade .logo .subtitle {
        font-size: 4vh;
      }
      body.mobile.landscape #homepage .app-links img {
        height: 6vw;
        margin-right: 0.5vw;
      }
      body.mobile.landscape #end-popup .quote {
        font-size: 3vh;
      }
      body.mobile.landscape #end-popup .result {
        font-size: 5vh;
        margin-top: 2vh;
      }
      body.mobile.landscape #end-popup .result .killer {
        font-size: 7vh;
      }
      body.mobile.landscape #end-popup .booty,
      body.mobile.landscape #end-popup .result2,
      body.mobile.landscape #end-popup .result3 {
        font-size: 5vh;
      }
      body.mobile.landscape #end-popup .booty img,
      body.mobile.landscape #end-popup .result2 img,
      body.mobile.landscape #end-popup .result3 img {
        height: 5vh;
      }
      body.mobile.landscape #end-popup .result3 .button {
        font-size: 5vh;
      }
      body.mobile.landscape #end-popup .result3 .button .notice {
        left: 12%;
        font-size: 2vh;
      }
      body.mobile.landscape #end-popup .xp-line {
        width: 75%;
        transform: translateX(12.5%);
      }
      body.mobile.landscape #ios-fs-popup .box {
        min-width: 20%;
        max-width: 30%;
      }
      body.mobile.portrait .button {
        border-radius: 4vw;
      }
      body.mobile.portrait #skin-popup .box .pet-list .card .button,
      body.mobile.portrait #skin-popup .box .skin-list .card .button {
        border-radius: 0.5vh;
        font-size: 3vw;
        padding: 1vw 0.5vw;
      }
      body.mobile.portrait #skin-popup .box .pet-list .card .button img,
      body.mobile.portrait #skin-popup .box .skin-list .card .button img {
        height: 3vw;
        vertical-align: bottom;
      }
      body.mobile.portrait #skin-popup .box .pet-list .card .button.smalltext,
      body.mobile.portrait #skin-popup .box .skin-list .card .button.smalltext {
        font-size: 2.5vw;
      }
      body.mobile.portrait #skin-popup .box #arrow-down,
      body.mobile.portrait #skin-popup .box #arrow-up,
      body.mobile.portrait #skin-popup .box .skin-list {
        margin-top: 2vh;
      }
      body.mobile.portrait #skin-popup .box #pet-block .upgrade {
        margin-top: 1vh;
      }
      body.mobile.portrait #skin-popup .box #pet-block .upgrade #pet-level {
        display: block;
      }
      body.mobile.portrait #skin-popup .box #pet-block .upgrade .button {
        border-radius: 1vh;
        display: block;
        margin: auto;
      }
      body.mobile.portrait #skin-popup .box .label .pickyer {
        display: none;
      }
      body.mobile.portrait #skin-popup .box .label .button {
        border-radius: 0.5vh;
        margin-bottom: 1vh;
      }
      body.mobile.portrait #skin-popup .box .label .button.red {
        box-shadow: 0 0.2vh 1vh rgba(0, 0, 0, 0.2), 0 0.8vh 0 #c50000;
      }
      body.mobile.portrait #skin-popup .box .label .buttonred:hover {
        background-color: #ff1212;
        box-shadow: 0 0.2vh 1vh rgba(0, 0, 0, 0.2), 0 0.8vh 0 #e01212;
      }
      body.mobile.portrait #skin-popup .box .label .button.black {
        box-shadow: 0 0.2vh 1vh rgba(0, 0, 0, 0.2), 0 0.8vh 0 #000;
      }
      body.mobile.portrait #skin-popup .box .label .button.black:hover {
        background-color: #4e4e4e;
        box-shadow: 0 0.2vh 1vh rgba(0, 0, 0, 0.2), 0 0.8vh 0 #333;
      }
      body.mobile.portrait #skin-popup .close img {
        width: 8vw;
        height: 8vw;
      }
      body.mobile.portrait #skin-popup .label {
        padding-right: 8vw;
      }
      body.mobile.portrait #homepage .background .fade .logo {
        top: 8vh;
      }
      body.mobile.portrait #homepage .background .fade .logo .title {
        font-size: 8vh;
      }
      body.mobile.portrait #homepage .background .fade .logo .subtitle {
        font-size: 3vh;
      }
      body.mobile.portrait #homepage .scoreboard {
        bottom: 3vh;
        font-size: 2.5vh;
        width: 80%;
        left: 10%;
        border-radius: 1vh;
        transform: none;
      }
      body.mobile.portrait #homepage .content .middle-box {
        width: 100%;
        max-width: 100%;
      }
      body.mobile.portrait #homepage .content .middle-box .inside {
        top: 45%;
        max-width: 100%;
      }
      body.mobile.portrait #homepage .content .middle-box .info .level {
        font-size: 2.5vh;
      }
      body.mobile.portrait
        #homepage
        .content
        .middle-box
        .info
        .level
        #homepage-league {
        font-size: 3vh;
      }
      body.mobile.portrait #homepage .content .middle-box .booty {
        font-size: 4vh;
      }
      body.mobile.portrait #homepage .content .middle-box .booty img {
        height: 5vh;
      }
      body.mobile.portrait #homepage .content .middle-box #username {
        border-radius: 4vw;
        height: 8vh;
        font-size: 7vw;
        text-align: center;
      }
      body.mobile.portrait
        #homepage
        .content
        .middle-box
        #username::placeholder {
        font-size: 5vw;
      }
      body.mobile.portrait #homepage .content .middle-box #play-button,
      body.mobile.portrait #homepage .content .middle-box #play-spinner {
        height: 8vh;
        font-size: 3vh;
        width: 95%;
      }
      body.mobile.portrait #homepage .content .middle-box #skin-button {
        height: 8vh;
        font-size: 3vh;
      }
      body.mobile.portrait #homepage .content .middle-box #username,
      body.mobile.portrait #homepage .content .middle-box .buttons,
      body.mobile.portrait #homepage .content .middle-box .info {
        max-width: 80%;
      }
      body.mobile.portrait #homepage .content .left-box,
      body.mobile.portrait #homepage .content .right-box {
        display: none;
      }
      body.mobile.portrait #end-popup .button {
        border-radius: 2vw;
      }
      body.mobile.portrait #end-popup .quote {
        font-size: 5vw;
      }
      body.mobile.portrait #end-popup .result {
        font-size: 8vw;
        margin-top: 2vh;
      }
      body.mobile.portrait #end-popup .result .killer {
        font-size: 12vw;
      }
      body.mobile.portrait #end-popup .result2 > span,
      body.mobile.portrait #end-popup .result3 > span {
        display: block;
      }
      body.mobile.portrait #end-popup .booty,
      body.mobile.portrait #end-popup .result2,
      body.mobile.portrait #end-popup .result3 {
        font-size: 5.5vw;
        margin-top: 2vh;
      }
      body.mobile.portrait #end-popup .booty img,
      body.mobile.portrait #end-popup .result2 img,
      body.mobile.portrait #end-popup .result3 img {
        height: 7vw;
      }
      body.mobile.portrait #end-popup .result3 .button {
        font-size: 5.5vw;
        padding: 0.5vw 2vw;
      }
      body.mobile.portrait #end-popup .result3 .button .text {
        padding: 2vw 0;
      }
      body.mobile.portrait #end-popup .result3 .button .notice {
        font-size: 2.5vw;
      }
      @media screen and (min-width: 1024px) {
        body.mobile.portrait #homepage .content .middle-box #play-button,
        body.mobile.portrait #homepage .content .middle-box #play-spinner,
        body.mobile.portrait #homepage .content .middle-box #skin-button,
        body.mobile.portrait #homepage .content .middle-box #username {
          border-radius: 2vh;
        }
        body.mobile.portrait #login-button {
          border-radius: 1vh;
        }
        body.mobile.portrait #end-popup .button {
          font-size: 5vh;
          padding: 2vh 3vh;
        }
      }