@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Autour+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;600;0,700;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 * {
    padding: 0;
    margin: 0;
    border: 0;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

* {
    padding: 0;
    margin: 0;
    border: 0;
}

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

textarea {
    resize: none;
}

input, textarea {
    outline: none;
}

@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__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;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  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) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  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) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-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);
  }
}
.animate__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: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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);
  }
}
.animate__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);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  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) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  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) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  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) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  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) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-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);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -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-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -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;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    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 {
  from {
    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);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    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 {
  from {
    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);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    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 {
  from {
    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);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    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 {
  from {
    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);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    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 {
  from {
    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);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    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 {
  from {
    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;
  }
}
.animate__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-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-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);
  }
}
@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);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-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);
  }
}
@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);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-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-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.main__space{font-family:"Kanit",sans-serif;position:relative;overflow:hidden;width:100vw;height:100vh}.main__space::-webkit-scrollbar{width:0px;height:0px}.main__space::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}.main__body{position:absolute;top:0;left:-10%;background-size:cover;height:100%;width:110%}.move__wrapper-planet{position:absolute;top:10%;right:5%;width:500px;height:300px;opacity:.3}@media(max-width: 1600px){.move__wrapper-planet{width:calc(250px + (500 - 250) * ((100vw - 320px) / (1600 - 320)));height:calc(150px + (300 - 150) * ((100vw - 320px) / (1600 - 320)))}}.main__body-planet{width:500px;height:300px;background-size:cover}@media(max-width: 1600px){.main__body-planet{width:calc(250px + (500 - 250) * ((100vw - 320px) / (1600 - 320)));height:calc(150px + (300 - 150) * ((100vw - 320px) / (1600 - 320)))}}.move__wrapper-stars{position:absolute;top:15%;left:15%;width:200px;height:200px;opacity:.5}.main__body-stars{width:200px;height:200px;background-size:cover;animation:opacityStar 1.5s}@keyframes pulseMain{0%{transform:scale(1) skew(0deg)}25%{transform:scale(1.015) skew(-2deg)}50%{transform:scale(1.03) skew(0deg)}75%{transform:scale(1.015) skew(-2deg)}100%{transform:scale(1) skew(0deg)}}.pulse__main{animation:pulseMain 5s ease-in-out infinite}.main__header{position:fixed;display:flex;justify-content:space-between;align-items:center;gap:20px;text-shadow:2px 2px 2px #000;font-size:24px;padding:0 20px;width:100%;height:60px;z-index:3;left:0;top:0;color:#fff;animation:headerHidden 1.5s}.main__header::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}.main__header-logo,.main__header-results{position:relative;z-index:2;color:#fff;text-decoration:none;transition:all .2s;animation:pulseArrow 3s infinite}.main__header-logo:hover,.main__header-results:hover{animation:none;transform:scale(1.15)}@keyframes headerHidden{0%{top:-100%}50%{top:-50%}100%{top:0}}@keyframes footerHidden{0%{bottom:-100%}50%{bottom:-50%}100%{bottom:0}}.main__footer{position:fixed;display:flex;justify-content:space-between;align-items:center;padding:0 20px;width:100%;height:65px;z-index:3;left:0;bottom:0;color:#fff;animation:footerHidden 2.5s}.main__footer::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.5}.main__footer-git,.main__footer-rs{position:relative;z-index:2}.main__footer-git{display:flex;gap:15px}.main__body-ground-left{position:absolute;bottom:65px;left:-5%;width:350px;height:250px;opacity:.5;background-size:cover;background-repeat:no-repeat}@media(max-width: 1600px){.main__body-ground-left{width:calc(175px + (350 - 175) * ((100vw - 320px) / (1600 - 320)));height:calc(125px + (250 - 125) * ((100vw - 320px) / (1600 - 320)))}}.main__body-ground-right{position:absolute;bottom:64px;right:-5%;width:450px;height:450px;opacity:.5;background-size:cover}@media(max-width: 1600px){.main__body-ground-right{width:calc(225px + (450 - 225) * ((100vw - 320px) / (1600 - 320)));height:calc(225px + (450 - 225) * ((100vw - 320px) / (1600 - 320)))}}.move__wrapper-star-one{position:absolute;top:15%;left:32%;width:56px;height:52px;opacity:.5}.main__body-star{width:56px;height:52px;background-size:cover}.move__wrapper-star-two{position:absolute;top:10%;left:10%;width:56px;height:52px;opacity:.5}.move__wrapper-star-three{position:absolute;top:40%;left:10%;width:56px;height:52px;opacity:.5}@keyframes moveStar{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}@keyframes opacityStar{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}.main__body-star{animation:moveStar 18s infinite,opacityStar 2.5s}@keyframes hiddenGame{0%{top:-100%}50%{top:-50%}100%{top:13%}}.main__games{position:fixed;left:calc(50% - 195px);top:13%;border-radius:20px;color:#fff;width:390px;height:450px;z-index:5;animation:hiddenGame 1s ease-in-out}@media(max-width: 600px){.main__games{width:210px;height:300px;left:calc(50% - 105px)}}.main__games-title{text-align:center;font-size:36px;margin-bottom:10px;text-shadow:3px 3px 3px #000}@media(max-width: 1600px){.main__games-title{font-size:calc(18px + (36 - 18) * ((100vw - 320px) / (1600 - 320)));margin-bottom:5px}}.main__games-body{position:relative;width:100%;height:100%;text-shadow:2px 2px 2px #000}.main__games-body::after{content:"";position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;border-radius:20px;background:#000;opacity:.5}.games__body{text-align:center;user-select:none;display:flex;padding:30px 20px 40px 20px;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;animation:pulseGameBody 8s infinite}@media(max-width: 600px){.games__body{padding:10px 10px 40px 10px}}@keyframes pulseGameBody{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.01) rotate(-0.5deg)}50%{transform:scale(1.02) rotate(0deg)}75%{transform:scale(1.01) rotate(0.5deg)}100%{transform:scale(1) rotate(0deg)}}.games__body-name,.games__body-image,.games__body-info{position:relative;z-index:6}.games__body-image{display:block;width:100%;height:70%;background-size:cover;border-radius:12px;box-shadow:inset 0px 0px 3px 3px #000;transition:all .2s}.games__body-image::after{content:"";position:absolute;border-radius:12px;top:0;left:0;width:100%;height:100%;background:#000;opacity:.2}.games__body-image:hover{transform:scale(1.03);box-shadow:inset 0px 0px 3px 3px #fff;animation:pulseGameBody 3s infinite}.games__body-image:hover::after{opacity:0}.games__body-name{font-size:24px;margin-top:10px}.games__body-name{font-size:26px}.games__body-info{font-size:20px}.games__body-last{position:absolute;left:-23%;top:55%;width:80px;height:80px;transform:rotate(180deg);background:none}@media(max-width: 600px){.games__body-last{width:40px;height:40px}}.games__body-last-img,.games__body-next-img{width:100%;height:100%;background-size:cover;opacity:.6;transition:all .2s;animation:pulseArrow 3s infinite;cursor:pointer}.games__body-last-img:hover,.games__body-next-img:hover{opacity:.8;animation:none;transform:scale(1.2)}@keyframes pulseArrow{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.games__body-next{position:absolute;right:-23%;top:55%;width:80px;height:80px;background:none}@media(max-width: 600px){.games__body-next{width:40px;height:40px}}.games__body-last:disabled,.games__body-next:disabled{opacity:.3;pointer-events:none}.games__body-last:disabled .games__body-last-img,.games__body-next:disabled .games__body-last-img{animation:none}.games__body-last:disabled .games__body-next-img,.games__body-next:disabled .games__body-next-img{animation:none}.main__footer-git-person{width:35px;height:35px;border-radius:50%;box-shadow:0px 2px 2px 2px #000;background-size:cover;transition:all .2s}.main__footer-git-person:hover{box-shadow:0px 2px 2px 2px #fff;animation:none;transform:scale(1.2)}.person__one{animation:pulseArrow 1.5s infinite}.person__two{animation:pulseArrow 1.5s infinite .5s}.person__three{animation:pulseArrow 1.5s infinite 1s}.main__footer-rs{display:flex;align-items:center;width:135px;height:50px;transition:all .2s}.main__footer-rs:hover{transform:scale(1.1)}.main__footer-rs-img{width:135px;height:50px;background-size:cover}[id*="#garden"]{background-color:#5da449;font-size:16px;padding-top:90px;padding-left:15px;padding-right:15px;height:100vh;line-height:150%}@media(max-width: 1400px){[id*="#garden"]{font-size:calc(12px + (16 - 12) * ((100vw - 320px) / (1400 - 320)))}}@keyframes gardenHidden{0%{left:-100%}50%{left:-50%}100%{left:0%}}.garden{position:relative;display:flex;justify-content:space-between;gap:20px;animation:gardenHidden 1s}@media(max-width: 850px){.garden{flex-direction:column;align-items:center}}.garden__info{flex-grow:1;flex-shrink:1}.garden__info-rules{color:#f8f4f4;font-family:"PT Sans",sans-serif}.garden__info-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0px;gap:10px}@media(max-width: 1100px){.garden__info-header{flex-direction:column}}.garden__info-header-title{text-transform:uppercase;font-family:"Autour One",cursive;margin:0;color:#f8f4f4}.garden__info-text,.garden__info-example{margin-bottom:20px}.garden__info-text span,.garden__info-example span{font-weight:700;text-decoration:underline;background-color:#7db66d}.code__garden-task-text{font-family:"Source Code Pro",monospace;margin-top:0;margin-bottom:10px;color:#989b9d;display:flex}.garden__game{background-color:#6c3a0b;flex-shrink:0;border-radius:12px;position:relative;width:600px;height:600px}@media(max-width: 1400px){.garden__game{width:calc(300px + (600 - 300) * ((100vw - 320px) / (1400 - 320)));height:calc(300px + (600 - 300) * ((100vw - 320px) / (1400 - 320)))}}.field__ground,.field__water,.field__carrots{position:absolute;display:grid;grid-template-columns:repeat(5, 20%);grid-template-rows:repeat(5, 20%);border-radius:12px;padding:10px;width:100%;height:100%}.field__ground-item{width:100%;height:100%}@keyframes carrotScale{0%{transform:skewX(0deg)}25%{transform:skewX(-1deg)}50%{transform:sskewX(0deg)}75%{transform:skewX(1deg)}100%{transform:skewX(0deg)}}@keyframes carrotSkew{0%{transform:skewX(0deg)}25%{transform:skewX(-2deg)}50%{transform:sskewX(0deg)}75%{transform:skewX(2deg)}100%{transform:skewX(0deg)}}.field__carrots-item{position:relative;z-index:20}.field__carrots-item-svg{position:absolute;left:0;top:0;width:100%;height:100%;animation-name:carrotSkew;animation-duration:3s;animation-iteration-count:infinite}.field__water-item{background:url("https://codepip.com/wp-content/plugins/codepip/games/grid-garden/images/water.svg");z-index:5}.water__input{background-color:#f8f4f4;width:100%;padding:5px;color:#000;font-size:20px}@media(max-width: 1400px){.water__input{font-size:calc(12px + (20 - 12) * ((100vw - 320px) / (1400 - 320)))}}.water__input.water__input-area{height:60px;background-color:#f8f4f4;font-size:20px;color:#000}@media(max-width: 1400px){.water__input.water__input-area{font-size:calc(12px + (20 - 12) * ((100vw - 320px) / (1400 - 320)))}}.column__start-info,.column__end-info,.row__start-info,.row__end-info,.row__info,.column__info,.area__info,.template__columns-info,.template__rows-info,.template__info{font-weight:700;text-decoration:underline;background-color:#7db66d}.garden__input{background-color:#a19393;border-radius:4px;width:100%;background-color:#fff;font-size:20px;color:#000}@media(max-width: 1400px){.garden__input{font-size:calc(12px + (20 - 12) * ((100vw - 320px) / (1400 - 320)))}}.code__garden{position:relative;border-radius:8px;padding:15px;background-color:#e0e0e0}.settings__garden{display:flex;gap:10px}.settings__garden-levels{position:relative;display:flex;align-items:center;gap:1px}.img__arrow-garden-left,.img__arrow-garden-right{width:20px;height:20px;background-size:cover}.settings__garden-levels-last{border-radius:4px 0 0 4px}.settings__garden-levels-next{border-radius:0 4px 4px 0}.settings__garden-levels-last,.settings__garden-levels-next{display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#7db66d;width:32px;height:100%;transition:all .2s;background-size:cover}.settings__garden-levels-last:hover,.settings__garden-levels-next:hover{background-color:#9ec892}.settings__garden-levels-last:disabled,.settings__garden-levels-next:disabled{pointer-events:none;opacity:.3}.code__garden-button-wrapper{display:flex;justify-content:right}.code__garden-button{display:flex;font-size:24px;color:#fff;justify-content:center;align-items:center;border-radius:8px;padding:5px 20px;background-color:#ddb97f}.code__garden-task-left{padding-left:20px}.code__garden-task-text>span{position:relative;color:#534a4a;top:0;left:-5px}.code__garden-task-left>span{position:relative;top:0;left:-25px}.settings__garden-levels-list{user-select:none;display:flex;justify-content:center;align-items:center;background-color:#7db66d;color:#f8f4f4;cursor:pointer;width:100px;padding:5px 10px;transition:all .3s}.settings__garden-levels-list:hover{background-color:#9ec892}@media(max-width: 1400px){.settings__garden-levels-list{width:calc(60px + (100 - 60) * ((100vw - 320px) / (1400 - 320)))}}.state__levels{position:absolute;background-color:#2c3e50;border-radius:4px;z-index:2;top:55px;padding:10px 0}.state__levels::after{content:"";position:absolute;top:-12px;left:65px;width:0;height:0;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);border-bottom:12px solid #2c3e50}.state__levels-wrapper{width:155px;height:165px;padding:10px;display:grid;gap:0;grid-template-columns:repeat(4, 25%);grid-template-rows:repeat(4, 25%);justify-content:center}.state__levels-item{display:flex;background-color:#566573;box-shadow:inset 0px 0px 0px 0px #fff;cursor:pointer;color:#fff;justify-content:center;align-items:center;border-radius:50%;width:30px;height:30px;transition:all .3s}.state__levels-item:hover{transform:scale(1.15);box-shadow:inset 0px 0px 2px 2px #fff}.table__level-active{box-shadow:inset 0px 0px 2px 2px #fff}@keyframes nextLevelGardenState{0%{transform:rotate(0deg)}25%{transform:rotate(-5deg)}50%{transform:rotate(0deg)}75%{transform:rotate(5deg)}100%{transform:rotate(0deg)}}@keyframes nextLevelGardenInfinit{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.code__garden-button-active{animation:nextLevelGardenState 1s ease-in,nextLevelGardenInfinit 2s ease-in 1s infinite;background-color:#da931e;cursor:pointer}.table__level-win{background-color:#5da449}.state__levels-reset{display:flex;padding:5px;justify-content:center;align-items:center;width:100%;background-color:#2c3e50;border-radius:4px;color:#fff;cursor:pointer}.settings__garden-sound,.settings__garden-lang{user-select:none;display:flex;justify-content:center;width:100px;align-items:center;background-color:#7db66d;color:#f8f4f4;cursor:pointer;border-radius:4px;padding:5px 8px;transition:all .3s}.settings__garden-sound:hover,.settings__garden-lang:hover{background-color:#9ec892}@media(max-width: 1400px){.settings__garden-sound,.settings__garden-lang{width:calc(75px + (100 - 75) * ((100vw - 320px) / (1400 - 320)))}}.settings__garden-sound{position:relative;padding:0;width:40px}.settings__garden-sound img{width:25px;height:25px}.grid__result{display:flex;justify-content:center;align-items:center;width:100%}.grid__result-body{font-size:24px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;width:500px;padding:0px 10px 40px 10px;border-radius:12px;background-color:#fff}@media(max-width: 1400px){.grid__result-body{width:calc(280px + (500 - 280) * ((100vw - 320px) / (1400 - 320)))}}.grid__result-body-img{width:300px;height:300px}@media(max-width: 1400px){.grid__result-body-img{width:calc(200px + (300 - 200) * ((100vw - 320px) / (1400 - 320)));height:calc(200px + (300 - 200) * ((100vw - 320px) / (1400 - 320)))}}.grid__result-body-text{margin-bottom:15px}.grid__result-body-text span{font-size:28px;color:#125911}.grid__result-body-link a{background-color:green;cursor:pointer;color:#fff;border-radius:8px;display:flex;justify-content:center;align-items:center;padding:10px 20px;transition:all .4s;text-decoration:none}.grid__result-body-link a:hover{transform:scale(1.11);box-shadow:inset 0px 0px 4px 4px #000}.surgeon{min-height:calc(100vh - 60px);background-color:#fee764;font-family:Lato,sans-serif}.surgeon__headers{height:60px;background-color:#c70b1f}.surgeon__wrapper{display:flex}.surgeon__sidebar{width:50%;padding:22.5px 30px}.surgeon__header h1{margin-top:0;margin-bottom:10px;font-family:Peralta,cursive;color:#c70b1f;font-weight:700;text-align:center}.surgeon__controls{display:none;align-items:center;justify-content:center;gap:10px}.surgeon__counter{width:140px;height:30.5px;text-align:center;line-height:1.5;color:#fff;position:relative;cursor:pointer;z-index:79}.surgeon__indicator{display:block;width:100%;height:100%;padding:.25rem .4rem;border-radius:4px;background-color:#c51126}.surgeon__indicator:hover{background-color:#9e0d1d}.surgeon__caret{margin-left:2px}.surgeon__see,.surgeon__volume{display:flex;justify-content:center;align-items:center;width:40px;height:30.5px;background-color:#c51126;border-radius:4px;cursor:pointer}.surgeon__see img,.surgeon__volume img{height:20px;width:20px}.surgeon__see:hover,.surgeon__volume:hover{background-color:#9e0d1d}.surgeon__see img{filter:invert(100%)}.surgeon__see:disabled{background-color:gray}.surgeon__levels-wrapper{display:none;width:225px;position:absolute;top:41px;left:0;padding:1em;text-align:center;z-index:80;background-color:#9e0d1d;border-radius:4px;font-size:12px;color:#fff;line-height:1.5}.surgeon__levels-wrapper::after{content:"";position:absolute;top:-12px;left:48%;width:0;height:0;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);border-bottom:12px solid #9e0d1d}.surgeon__level{display:inline-block;width:30px;height:30px;margin:2px;line-height:26px;background-color:rgba(255,255,255,.2);border:2px solid rgba(0,0,0,0);border-radius:50%;text-align:center;cursor:pointer;color:#fff}.surgeon__level:disabled{background-color:gray}.surgeon__level_current{border-color:rgba(255,255,255,.5)}.surgeon__level_solved{background-color:#228b24}.surgeon__level:hover{border-color:rgba(255,255,255,.5)}.surgeon__close{position:absolute;top:0;right:5px;font-size:20px;cursor:pointer}.surgeon__instructions{padding:15px 0 15px 0;font-size:15px}.surgeon__instructions p{margin-top:0;padding-bottom:15px}.surgeon__instructions code{padding:0 2px;background-color:rgba(255,255,255,.2);font-weight:700;color:inherit}.surgeon__editor{display:none;position:relative;font-family:source code pro,monospace;font-size:16px}.surgeon__winner{display:none;width:500px;background-color:#fff;padding:32px;margin:0 auto;margin-top:16px;border-radius:4px;color:#555}.surgeon__head{display:flex;justify-content:center;align-items:center;width:100px;height:100px;border-radius:50%;background-color:#fed954;margin:0 auto}.surgeon__img .modal__badge::after{background-image:url("https://codepip.com/wp-content/plugins/codepip/images/badges/css-surgeon.svg")}.surgeon__subtitle{margin-top:16px;text-align:center}.surgeon__descr{font-family:Lato,sans-serif;margin-top:8px;text-align:center;font-size:15px;font-weight:400}.surgeon__button{margin-top:30px;text-align:center}.surgeon__board{position:relative;height:100%}.surgeon__css{height:208px;padding:10px 10px 10px 40px;background-color:#ddd;border-radius:4px;position:relative}.surgeon__numbers{position:absolute;top:0;left:0;height:100%;padding:10px 6px;text-align:right;background-color:#999;color:#d5d5d5;line-height:1.5}.surgeon__before,.surgeon__after{font-size:16px;color:#999}.surgeon__code{display:block;margin:3px 0;width:calc(100% - 16px);height:72px;border:none;margin-left:16px;font-family:source code pro,monospace;font-size:16px;line-height:normal;outline:0;resize:none;overflow:auto}.surgeon__view{width:50%;padding:54px 0 54px 0;position:relative;height:calc(100vh - 60px);transition:background-color .2s ease-in-out 2s;overflow:hidden}.surgeon__items-wrapper,.surgeon__holes-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%}.surgeon__holes,.surgeon__items{opacity:0}.surgeon__holes_0,.surgeon__items_0{width:130px;height:240px}.surgeon__holes_1,.surgeon__items_1{width:290px;height:100px}.surgeon__holes_2,.surgeon__items_2{width:220px;height:190px}.surgeon__holes_3,.surgeon__items_3{width:190px;height:190px}.surgeon__holes_4,.surgeon__items_4{width:180px;height:245px}.surgeon__holes_5,.surgeon__items_5{width:250px;height:260px}.surgeon__holes_6,.surgeon__items_6{width:240px;height:260px}.surgeon__holes_7,.surgeon__items_7{width:180px;height:250px}.surgeon__holes_8,.surgeon__items_8{width:300px;height:320px}.surgeon__holes_9,.surgeon__items_9{width:210px;height:250px}.surgeon__holes_10,.surgeon__items_10{width:120px;height:255px}.surgeon__holes_11,.surgeon__items_11{width:230px;height:210px}.surgeon__holes_12,.surgeon__items_12{width:250px;height:165px}.surgeon__holes_13,.surgeon__items_13{width:180px;height:230px}.surgeon__holes_hide,.surgeon__items_hide{display:none}.surgeon__items{z-index:2}.surgeon__body{margin:0 auto;height:100%;position:relative;transition:opacity .2s ease-in-out;display:inline-block}.surgeon__sam{height:100%;width:100%;transition:transform 3s ease-in-out;position:absolute;top:0;left:0;text-align:center}.surgeon__sam-img{max-height:100%}.surgeon__sam-win{max-height:100%;display:none}.surgeon__hole,.surgeon__item{position:absolute;z-index:1;cursor:pointer}.surgeon__hole_0,.surgeon__item_0{width:19.5px;height:37.5px;top:58%;left:86.8%}.surgeon__hole_1,.surgeon__item_1{width:43.5px;height:15px;top:18.6%;left:43%}.surgeon__hole_2,.surgeon__item_2{width:33px;height:28.5px;top:22.5%;left:45.4%}.surgeon__hole_3,.surgeon__item_3{width:28.5px;height:28.5px;top:19%;left:56.9%}.surgeon__hole_4,.surgeon__item_4{width:27px;height:36.75px;top:72%;left:58%}.surgeon__hole_5,.surgeon__item_5{width:37.5px;height:39px;top:31%;left:59%}.surgeon__hole_6,.surgeon__item_6{width:36px;height:39px;top:90%;left:36%}.surgeon__hole_7,.surgeon__item_7{width:27px;height:37.5px;top:53%;left:46%}.surgeon__hole_8,.surgeon__item_8{width:45px;height:48px;top:37%;left:43%}.surgeon__hole_9,.surgeon__item_9{width:31.5px;height:37.5px;top:27%;left:47%}.surgeon__hole_10,.surgeon__item_10{width:18px;height:38.25px;top:77%;left:37%}.surgeon__hole_11,.surgeon__item_11{width:34.5px;height:31.5px;top:33%;left:26%}.surgeon__hole_12,.surgeon__item_12{width:37.5px;height:24.75px;top:7.5%;left:52%}.surgeon__hole_13,.surgeon__item_13{width:27px;height:34.5px;top:92.4%;left:53.5%}.surgeon__item{z-index:2}.surgeon__item_hide{display:none}.button{font-family:Peralta,cursive;border:none;border-radius:4px;font-weight:700;line-height:24px;color:#fff;background-color:#c70b1f;font-size:24px;cursor:pointer}.button:hover{background-color:#9e0d1d}.button__start{display:block;margin:0 auto;margin-top:36px;width:280px;height:64px}.button__next{width:81px;height:36px;text-transform:uppercase;font-size:16px;position:absolute;right:1em;bottom:1em}.button__next:disabled{background-color:#c70b1f;opacity:.5}.button__records,.button__restart{width:170px;height:39px;text-decoration:none;padding:.469rem 1rem;background-color:#17a2b8;border:none;border-radius:4px;font-weight:700;font-size:15px;color:#fff;line-height:1.5;cursor:pointer}.button__records:hover,.button__restart:hover{background-color:#1592a6}.button__reset{font-size:12px;color:#fff;line-height:1.5;padding:.4em .8em .3em;background-color:rgba(255,255,255,.2);border-radius:14px;margin-top:1em;text-align:center;cursor:pointer}.button__reset:hover{background-color:#c70b1f}@media(max-width: 899px){.surgeon__wrapper{flex-direction:column}.surgeon__sidebar{width:100%}.surgeon__view{width:100%}}.froggy-page code{padding:0 2px;background-color:rgba(255,255,255,.2);font-family:source code pro,monospace;font-weight:900;color:rgba(255,255,255,.8);white-space:nowrap}.container{max-width:1600px;width:100%;margin:0 auto}.disabledButton{pointer-events:none;opacity:.4}.hidden{opacity:0}.winners-view{max-width:500px;background-color:#f5f7f9;margin:0 auto;margin-top:30px;border-radius:4px}.winners-content{padding:25px;color:#000;text-align:center}.gold-img{transition:.3s}.gold-img:hover{transform:scale(1.1)}.win-title{margin:1rem 0 .5rem}.win-message{line-height:1.5}.badges-btn{margin-top:3rem}.badges-btn a{cursor:pointer;background-color:#aaa;border-color:#aaa;padding:.469rem 1rem;border:none;border-radius:.25rem;font-weight:700;color:rgba(0,0,0,.6);vertical-align:middle;line-height:1.5;transition:all .15s ease-in-out;max-width:180px;text-decoration:none;background-color:#aaa}.badges-btn a:hover{background-color:#999}@keyframes headerHidden{0%{top:-100%}50%{top:-50%}100%{top:0}}.froggy-page{font-family:source sans pro,sans-serif;background-color:#43a047;color:#fff;display:flex;flex-direction:column;min-height:100vh;height:100%}.froggy-page .main__header{animation:headerHidden .5s}.froggy-main{margin-top:60px;flex:1 1 auto}.froggy-main .container{display:flex;justify-content:center}@media screen and (max-width: 860px){.froggy-main .container{flex-direction:column-reverse;align-items:center}}#sidebar{padding:8px 32px;min-width:300px;max-width:800px;width:100%}#sidebar .sidebar-header{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}#sidebar .sidebar-header .header__title{font-size:28px;font-family:fredoka one,cursive;font-weight:700}#sidebar .instructions{margin-bottom:1em}#sidebar .instructions p,#sidebar .instructions ul{margin-bottom:16px;line-height:1.25}#sidebar .instructions ul{padding-left:40px}#sidebar .instructions ul li{line-height:1.5}@media screen and (max-width: 1158px){#sidebar .instructions{margin-top:16px}}#sidebar .controls{display:flex;align-items:center;height:28px;gap:10px}#sidebar .controls .controls-sound{background-color:rgba(255,255,255,.2);border-radius:4px;padding:0 6px;cursor:pointer}#sidebar .controls .controls-sound:hover{background-color:#8cc691}#sidebar .controls .controls-language{background-color:rgba(255,255,255,.2);border-radius:4px;padding:4px 7px 6px 7px;cursor:pointer}#sidebar .controls .controls-language:hover{background-color:#8cc691}#sidebar .controls .level-counter{display:flex;justify-content:center;position:relative}#sidebar .controls .level-indicator{height:28px;display:inline-flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.2);cursor:pointer;width:160px;padding-top:3px}#sidebar .controls .level-indicator:hover{background-color:#8cc691}#sidebar .controls .levels-wrapper{position:absolute;top:41px;right:31px;max-width:160px;padding:1em .5em;z-index:2000}#sidebar .controls .levels-wrapper .levels{display:flex;flex-wrap:wrap;justify-content:center}#sidebar .controls .levels-wrapper .level-marker{float:left;display:inline-block;width:30px;height:30px;margin:2px;line-height:26px;background-color:rgba(255,255,255,.2);border:2px solid rgba(0,0,0,0);border-radius:50%;text-align:center;cursor:pointer}#sidebar .controls .levels-wrapper .level-marker:hover{border:2px solid #9fa7af}#sidebar .controls .levels-wrapper .level-marker.solved{background-color:#228b24}#sidebar .controls .levels-wrapper .level-marker.solved:hover{border:2px solid #8fc690}#sidebar .controls .tooltip{position:absolute;display:inline-block;padding:1em;background-color:#2c3e50;border-radius:4px;font-size:12px;line-height:1.5;z-index:160;opacity:1}#sidebar .controls .tooltip::after{content:"";position:absolute;top:-12px !important;left:68px;width:0;height:0;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);border-bottom:12px solid #2c3e50}#sidebar .controls .label-reset{margin-top:1em;text-align:center;cursor:pointer}#sidebar .controls .arrow{background-color:rgba(255,255,255,.2);cursor:pointer;padding:0 .7em;display:inline-flex;align-items:center}#sidebar .controls .arrow:hover{background-color:#8cc691}#sidebar .controls .arrow .triangle{display:inline-block;width:0;height:0;border-top:7px solid rgba(0,0,0,0);border-bottom:7px solid rgba(0,0,0,0)}#sidebar .controls .arrow.left{border-right:1px solid rgba(0,0,0,.1);border-radius:4px 0 0 4px}#sidebar .controls .arrow.right{border-left:1px solid rgba(0,0,0,.1);border-radius:0 4px 4px 0}#sidebar .controls .left .triangle{border-right:11px solid rgba(255,255,255,.7)}#sidebar .controls .right .triangle{border-left:11px solid rgba(255,255,255,.7)}#sidebar .editor{position:relative;height:260px;font-size:16px;background-color:#e0e0e0;line-height:1.44}#sidebar .editor .line-numbers{position:absolute;top:0;left:0;text-align:right;background-color:#999;color:#d5d5d5;padding:15px 6px}#sidebar .editor .code__wrapper{margin-top:4px;position:absolute;left:40px;top:10px;width:85%;color:#aaa}#sidebar .editor .code__wrapper #code{display:block;width:calc(100% - 24px);height:20px;margin-left:16px;padding-left:1px;overflow:hidden;padding-top:3px;line-height:1.37}#sidebar .editor .next-btn{position:absolute;right:16px;bottom:16px;background-color:#d11606;color:#fff;padding:.4em .8em;border-radius:5px;font-size:16px;cursor:pointer}#view{padding:16px}#view .board{position:sticky;width:50vw;height:50vw;min-width:300px;min-height:300px;max-width:calc(100vh - 59px - 2em);max-height:calc(100vh - 59px - 2em)}#view .frogs,#view .lilies{position:absolute;top:0;left:0;width:100%;height:100%;padding:1em;box-sizing:border-box;display:flex;flex-direction:row}#view .frog__wrapper,#view .lily__wrapper{position:relative;width:20%;height:20%;overflow:hidden;display:flex;justify-content:center;align-items:center}#view .frog__wrapper .frog-img,#view .lily__wrapper .frog-img{width:60%}#view .frog__wrapper .lily-img,#view .lily__wrapper .lily-img{width:91%;height:91%}#view .frogs{z-index:20}#view .lilies{z-index:10;border-radius:10px;background-color:#1f5768}@keyframes headerHidden{0%{top:-100%}50%{top:-50%}100%{top:0}}.cave{background-color:#4f483c;min-height:100vh;height:100%;background-size:20rem;background-position:8vw 60vh;background-repeat:no-repeat;counter-reset:index;overflow:hidden;font-family:"Kanit",sans-serif}.cave .main__header{z-index:11;background-color:#2c2826;animation:headerHidden .5s}.environment{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10}.environment .wall .left,.environment .wall .right{position:absolute;left:0;top:0;width:6rem;height:100vh;background-size:6rem;background-position:left top;background-repeat:repeat-y}@media screen and (max-width: 575px){.environment .wall .left,.environment .wall .right{width:6rem;background-size:2rem}}.environment .wall .right{left:auto;right:0;transform:scale(-1, 1)}.environment .ladder{position:absolute;right:0;top:24.2rem;width:6rem;height:12rem;background-size:6rem;background-repeat:no-repeat;transform:scale(-1, 1)}@media screen and (max-width: 575px){.environment .ladder{width:6rem;background-size:2rem}}.environment .table{position:absolute;right:8rem;top:8rem;width:6rem;height:3rem;background-size:6rem;background-repeat:no-repeat}@media screen and (max-width: 992px){.environment .table{display:none}}.track{position:relative}.track::after{content:"";position:absolute;left:0;top:6.6rem;display:block;width:100%;height:8rem;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/nth-cart/images/track.png");background-size:30rem;background-position:left bottom;background-repeat:repeat-x;z-index:10}@media screen and (max-width: 575px){.track::after{height:4rem;background-size:14rem}}.track .doors{position:absolute;left:0;top:0;width:100%;height:100%}.track .doors .left,.track .doors .right{position:absolute;left:0;top:0;width:100%;height:100%}.track .doors .left::after,.track .doors .left::before,.track .doors .right::after,.track .doors .right::before{content:"";position:absolute;left:0;top:5rem;display:block;width:6rem;height:15rem;background-size:6rem;background-position:left bottom;background-repeat:no-repeat;z-index:20}@media screen and (max-width: 575px){.track .doors .left::after,.track .doors .left::before,.track .doors .right::after,.track .doors .right::before{top:-2.86rem;width:6rem;background-size:2rem}}.track .doors .left::before,.track .doors .right::before{background-image:url("https://codepip.com/wp-content/plugins/codepip/games/nth-cart/images/door-before.png");z-index:30}.track .doors .left::after,.track .doors .right::after{background-image:url("https://codepip.com/wp-content/plugins/codepip/games/nth-cart/images/door.png")}.track .doors .right::after,.track .doors .right::before{left:auto;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.track .elements{position:relative;left:0;top:4.1rem;height:10rem;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;z-index:20}@media screen and (max-width: 990px){.track .elements{top:4.6rem}}.track .elements .element{position:relative;transition:1s transform;width:4.5em;min-width:4.5em;height:6em;margin:6em .25em .5em;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/nth-cart/images/cart.png");background-size:cover;background-repeat:no-repeat;font-size:14px;transition:1s transform;transform:translateX(100vw);filter:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}@media screen and (max-width: 990px){.track .elements .element{width:3.5em;min-width:3.5em;height:5em}}@media screen and (max-width: 575px){.track .elements .element{top:-3rem;width:2em;min-width:2em;height:2.6em;margin:6em .1em .2em}}.track .elements .element::before{content:counter(index);counter-increment:index;position:absolute;left:0;top:46%;width:100%;height:50%;display:flex;justify-content:center;align-items:center;border-radius:50%;color:rgba(255,255,255,.7);font-family:"Londrina Solid",cursive;font-size:1.2em;font-weight:900;-webkit-text-stroke:1px rgba(0,0,0,.3)}@media screen and (max-width: 575px){.track .elements .element::before{font-size:.9em}}.track .elements .element::after{content:"";position:absolute;left:0;top:-6em;width:4.5em;height:6em;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/nth-cart/images/barrel.png");background-size:cover;background-repeat:no-repeat;-webkit-filter:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));filter:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));-webkit-transform:translateY(-50vh);transform:translateY(-50vh);-webkit-transition:opacity 1s ease-in,-webkit-transform .5s ease-out;transition:opacity 1s ease-in,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity 1s ease-in;transition:transform .5s ease-out,opacity 1s ease-in,-webkit-transform .5s ease-out;z-index:-5}@media screen and (max-width: 990px){.track .elements .element::after{width:3.5em;height:5em}}@media screen and (max-width: 575px){.track .elements .element::after{top:-4em;width:2em;height:3em}}.track .elements .element.picked::after{-webkit-transform:translateY(0) !important;transform:translateY(0) !important;opacity:1 !important}.track .elements .element.target{background-image:url("https://codepip.com/wp-content/plugins/codepip/games/nth-cart/images/cart-full.png")}.track .elements .element.win::after{background-image:url("https://codepip.com/wp-content/plugins/codepip/games/nth-cart/images/barrel-full.png")}.track .elements.enter .element{transform:translateX(0)}.track .elements.exit .element{transform:translateX(-100vw)}.window{position:relative;top:5rem;margin:2rem auto 0;width:calc(100% - 8rem);max-width:800px;background-color:#c2bfbd;-webkit-box-shadow:3px 5px 30px rgba(0,0,0,.4);box-shadow:3px 5px 30px rgba(0,0,0,.4);font-size:1rem;z-index:40}.window .toolbar{max-height:50px;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;flex-wrap:wrap}@media screen and (max-width: 520px){.window .toolbar{justify-content:center}}.window .toolbar .toolbar__title{margin-top:-1.5rem;font-size:4.2rem;-webkit-text-stroke:2px #c2bfbd;font-weight:900;line-height:1;color:#2c2826}@media screen and (max-width: 575px){.window .toolbar .toolbar__title{font-size:44px}}.window .toolbar .toolbar__levels{display:flex;align-items:center;gap:3px;position:relative}.window .toolbar .toolbar__levels .arrow{width:0;height:0;border-top:5px solid #34393d;border-bottom:5px solid #34393d;border-right:6px solid #ebecec;border-radius:2px}.window .toolbar .toolbar__levels .button{background-color:#34393d;font-family:londrina solid,cursive;font-weight:900;color:rgba(255,255,255,.9);padding:.8rem;transition:.4s}.window .toolbar .toolbar__levels .button:hover{background-color:#2c2f34}.window .toolbar .toolbar__levels .next-btn .arrow{border-right:none;border-left:6px solid #ebecec}.window .toolbar .toolbar__levels .level-indicator{width:6.4rem;display:flex;justify-content:center;background-color:#34393d;color:#ebecec;padding:.55rem;border-radius:4px;font-weight:900;cursor:pointer;transition:.4s}.window .toolbar .toolbar__levels .level-indicator:hover{background-color:#2c2f34}.window .toolbar .dropdown-menu{position:absolute;top:2.2rem;left:-128px;z-index:1000;display:none;float:left;min-width:10rem;width:418px;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;padding:.5rem;background-color:#34393d}@media screen and (max-width: 992px){.window .toolbar .dropdown-menu{left:initial;right:0}}@media screen and (max-width: 576px){.window .toolbar .dropdown-menu{max-width:218px}}.window .toolbar .dropdown-menu .level-marker{display:inline-flex;justify-content:center;align-items:center;width:2rem;height:2rem;margin:.25rem;position:relative;background-color:#999;border:4px solid rgba(0,0,0,0);border-radius:50%;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:.2s border-color}.window .toolbar .dropdown-menu .level-marker:hover{border:4px solid #fff}.window .toolbar .dropdown-menu .level-marker.solved{background-color:#8e4dac}.window .toolbar .dropdown-menu .settings{display:flex;align-items:center;gap:20px;padding:1rem .25rem .5rem;font-family:londrina solid,cursive;color:rgba(255,255,255,.9);text-align:center}.window .toolbar .dropdown-menu .reset{cursor:pointer}.window .toolbar .dropdown-menu .sound{cursor:pointer;margin-top:3px}.window .toolbar .dropdown-menu.show{display:block}.window .instructions{height:14rem;overflow-y:auto;padding:1rem 2.5rem;transition:.3s opacity;line-height:1.4}.window .instructions p{margin-bottom:1rem;font-weight:300}.window .instructions code{font-family:source code pro,monospace;padding:0 3px;font-weight:700;white-space:nowrap;background-color:#e9e8e8;border-radius:3px}.window .editor{display:flex;justify-content:space-between;align-items:center;margin:auto;background-color:rgba(0,0,0,.08);font-family:source code pro,monospace;font-weight:700;padding:1rem 1.5rem;opacity:1}@media screen and (max-width: 800px){.window .editor{flex-direction:column}}.window .editor .selectors{display:flex;align-items:center;flex-wrap:wrap;gap:2px;transition:.3s opacity}.window .editor .selectors .selector{display:flex;align-items:center}.window .editor .selectors .selector .prefix{margin-right:2px}.window .editor .selectors .selector .input{display:inline-block;width:4.5em;background-color:#fff;padding:.5rem .15rem;border:none;line-height:1;font-family:source code pro,monospace;font-weight:700;outline:0}.window .editor .submit-btn{padding:.5rem 1rem;margin-left:1rem;border:none;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:.4s;background-color:#34393d}.window .editor .submit-btn:hover{background-color:#2c2f34}.winners-view{position:relative;margin-top:100px;z-index:100}cup,cone,scoop{display:block;width:100%;border-radius:4px;transition:all .2s}.shadow:after{position:absolute;top:0;left:0;content:"";z-index:120;width:100%;height:100%;background-color:#000;opacity:.5}scoop{margin-left:20px}.scoop__table{margin-left:0}.scoops{position:relative;display:flex;height:100vh;overflow:hidden;padding-top:59px;color:#fff;background-color:#135e75}@media(max-width: 950px){.scoops{flex-direction:column;overflow:auto}}.scoops__sidebar{position:relative;z-index:3;width:35%;background:repeating-linear-gradient(to right, #0d6d8b, #0d6d8b 40px, #0d6986 40px, #0d6986 80px)}@media(max-width: 950px){.scoops__sidebar{width:100%}}.scoops__game{flex-grow:1}.header__sidebar{background-color:#043c52;position:relative;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.header__sidebar::after{content:"";position:absolute;top:100%;left:0;width:100%;height:40px;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/css-scoops/images/fringe.svg");background-size:400px;background-repeat:repeat-x}.header__sidebar-title{font-size:26px;font-weight:700;font-family:"Dosis",sans-serif}.body__sidebar-rules{font-size:16px;line-height:150%;font-family:"source sans pro",sans-serif}.body__sidebar-rules span{background-color:#3d879e;display:inline-block;font-weight:700;border-radius:4px;padding:0 5px}.body__sidebar-rules p{margin-bottom:15px}.scoops__underline{display:inline;font-weight:700;text-decoration:underline}.scoops__game-header{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:60%;width:100%;background-color:#23848a}.scoops__game-header::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-width:calc(50vh - 59px) 0 0 100vw;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.05)}.scoops__game-bottom{background-color:#22aeb6;height:40%}.game__html{display:flex;justify-content:center;align-items:center}@media(max-width: 950px){.game__html{overflow-y:hidden}}.body__sidebar{position:relative;z-index:5;padding:32px}.code__body{font-family:"source sans pro",sans-serif}.code__css-top{background-color:#033143;padding:8px;border-radius:4px 4px 0 0;font-family:"Source Code Pro",monospace}.code__css-bottom{display:flex;gap:8px;line-height:170%;font-size:18px;background-color:#043c52;border-radius:0 0 4px 4px;font-family:"Source Code Pro",monospace}.code__css-bottom-numbers,.code__html-bottom-numbers{background-color:#033143;font-family:"Dosis",sans-serif;font-weight:600;color:#3b6573;padding:8px;border-radius:0 0 0px 4px}.code__html-bottom-numbers{padding-top:0}.code__css-body{position:relative;width:100%;flex-grow:1;padding-top:8px}.code__css-input{width:90%;line-height:170%;border-radius:4px;padding:0 8px}.code__css-submit{position:absolute;right:16px;bottom:16px;display:flex;justify-content:center;align-items:center;font-family:"Dosis",sans-serif;font-weight:700;background-color:#f55c96;cursor:pointer;color:#fff;text-transform:uppercase;border-radius:4px;padding-top:10px;padding-bottom:10px;padding-left:16px;padding-right:16px;transition:all .3s}@media(max-width: 1400px){.code__css-submit{padding-top:calc(5px + (10 - 5) * ((100vw - 320px) / (1400 - 320)));padding-bottom:calc(5px + (10 - 5) * ((100vw - 320px) / (1400 - 320)));padding-left:calc(8px + (16 - 8) * ((100vw - 320px) / (1400 - 320)));padding-right:calc(8px + (16 - 8) * ((100vw - 320px) / (1400 - 320)))}}.code__css-submit:hover{background-color:#f33a80}.code__css-submit:disabled{background-color:#ebb3c8;pointer-events:none}.scoops__game-header-table{height:96px;width:100%;background-color:#91ccc0}.scoops__game-header-shadow{width:100%;height:16px;background-color:#469787}.game__html{position:relative}.game__html-items{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between}.game__html-item{position:relative;width:33%;height:160%;top:20%}.game__html-item img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.game__html-body{width:90%;height:80%;font-family:"Source Code Pro",monospace}.code__html-body{width:95%;overflow:hidden;transition:all .2s}.game__html-code{position:relative;height:100%;z-index:2}.code__html{height:100%}.code__html-top{background-color:#033143;padding:4px 8px;border-radius:4px 4px 0 0}.code__html-bottom{display:flex;gap:8px;line-height:170%;background-color:#043c52;border-radius:0 0 4px 4px}.code__html-bottom-wrapper{overflow-y:scroll;height:80%}.code__html-bottom-wrapper::-webkit-scrollbar{width:0px}.window__scoops{position:relative;z-index:1;top:60px;gap:28px;display:flex;justify-content:center;transition:all 1s}@media(max-width: 1400px){.window__scoops{gap:calc(10px + (28 - 10) * ((100vw - 320px) / (1400 - 320)))}}.cup__body{position:absolute;left:0;right:0;height:116px;width:96px}@media(max-width: 550px){.cup__body{width:50px}}.cup__body img{position:absolute;width:100%;height:100%;top:0;left:0}.cup__body::after{content:"";background-image:url("https://codepip.com/wp-content/plugins/codepip/games/css-scoops/images/cup-mask.svg");position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;z-index:5;pointer-events:none}.cone__body{position:absolute;left:0;right:0;height:116px;width:96px}@media(max-width: 550px){.cone__body{width:50px}}.cone__body img{position:absolute;width:100%;height:100%;top:0;left:0}.cone__body::after{content:"";background-image:url("https://codepip.com/wp-content/plugins/codepip/games/css-scoops/images/cone-mask.svg");position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;z-index:5;pointer-events:none}.cone__body-black::after{content:"";background-image:url("https://codepip.com/wp-content/plugins/codepip/games/css-scoops/images/cone-chocolate-mask.svg");position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;z-index:5;pointer-events:none}@keyframes PulseScoops{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse-scoops{animation:PulseScoops 1s ease-in infinite}.portion__body{position:relative;z-index:50;width:96px;height:116px;bottom:0;transition:all .3s}@media(max-width: 550px){.portion__body{width:50px}}.portion__body::after{content:"";position:absolute;left:20%;bottom:-10%;width:80%;height:30%;border-radius:50%;background-color:#469787;-webkit-transform:translateZ(-1px) rotate(5deg);transform:translateZ(-1px) rotate(5deg)}@media(max-width: 550px){.portion__body::after{bottom:5%}}.scoop__body{position:absolute;bottom:0;left:10%;z-index:3;overflow:hidden;position:relative;width:74px;height:74px;border-radius:50%}@media(max-width: 550px){.scoop__body{width:40px}}.scoop__body::after{position:absolute;border-radius:50%;content:"";left:0;top:1px;width:100%;height:100%;opacity:.4;box-shadow:inset 0px 4px 4px 1px #fff}.scoop__body::before{position:absolute;border-radius:50%;content:"";left:0;bottom:10px;width:100%;height:100%;opacity:.2;box-shadow:0px 0px 20px 0px #000}.cup__scoop-img,.cone__scoop-img{z-index:2}.cup__scoop-img-mask,.cone__scoop-img-mask{z-index:11}.translate-scoops{transition:all .3s;transform:scale(1.1);bottom:-5%}.scoop__hover{transition:all .3s;width:80px;height:80px;left:8%;z-index:20}.html__hover{transition:all .2s;background-color:#1e5064}.header__sidebar-levels{position:relative;display:flex;justify-content:center;align-items:center}.header__sidebar-levels-last,.header__sidebar-levels-next{position:relative;background-color:#043c52;width:37px;height:37px;border-radius:4px;cursor:pointer;transition:all .2s;user-select:none}.header__sidebar-levels-last:disabled,.header__sidebar-levels-next:disabled{pointer-events:none}.header__sidebar-levels-last img,.header__sidebar-levels-next img{position:absolute;width:40%;height:40%;left:calc(50% - 8px);top:calc(50% - 8px)}.header__sidebar-levels-last:hover,.header__sidebar-levels-next:hover{background-color:#033143}.header__sidebar-levels-main{position:relative;background-color:#043c52;border-radius:4px;cursor:pointer;transition:all .2s;font-weight:700;color:#fff;font-size:16px;width:120px;height:37px;font-family:"Dosis",sans-serif}.header__sidebar-levels-main::after{content:"";position:absolute;right:0;top:45%;border:7px solid rgba(0,0,0,0);border-top:7px solid #fff}.header__sidebar-levels-main:hover{background-color:#033143}.table__scoop{position:absolute;cursor:auto;display:none;z-index:10;padding:16px;left:-15%;top:100%;width:280px;height:220px;background-color:#fff;user-select:none}@media(max-width: 950px){.table__scoop{left:-40%;width:240px}}.table__scoop:hover{background-color:#fff}.table__scoop-levels{display:flex;flex-wrap:wrap;gap:8px}.table__scoop-levels-item{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;width:34px;height:34px;background-color:#b3cacf;transition:all .2s}.table__scoop-levels-item:hover{border:solid 4px #9db2b6}.table__scoop-buttons{display:flex;color:#ebb3c8;gap:10px;margin-top:10px;justify-content:space-between}.current__scoop{border:solid 4px #9db2b6}.current__scoop.scoop__win{border:solid 4px rgba(21,98,34,.5)}.scoop__win{background-color:#4a9787}.scoop__win:hover{border:solid 4px rgba(3,46,10,.5)}.table__scoop-buttons-sound,.table__scoop-buttons-refresh{position:relative;cursor:pointer;width:22px;height:22px;transition:all .2s}.table__scoop-buttons-sound:hover,.table__scoop-buttons-refresh:hover{opacity:.8;transform:scale(1.05)}.table__scoop-buttons-sound img,.table__scoop-buttons-refresh img{position:absolute;width:100%;height:100%;top:0;left:0}@keyframes moveLevel{0%{left:0}100%{left:100%}}@keyframes moveLevelBack{0%{left:-100%}100%{left:0}}.move__level-scoop{animation:moveLevel;animation-duration:1s}.result__scoops{position:absolute;border-radius:12px;font-size:18px;z-index:130;display:none;width:400px;height:400px;top:15%;left:calc(50% - 150px);flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#fff;padding:15px;text-align:center;color:#675151}@media(max-width: 1200px){.result__scoops{width:calc(300px + (400 - 300) * ((100vw - 320px) / (1400 - 320)))}}.result__scoops-img{width:140px;height:140px;transition:all .2s}.result__scoops-img:hover{transform:scale(1.1)}.level__scoop-back{animation:moveLevelBack;animation-duration:1s}.link__result{display:flex;justify-content:center;align-items:center;text-decoration:none;border-radius:8px;padding:5px 10px;background-color:#cc943f;color:#fff;font-size:22px;transition:all .2s;animation:pulseArrow 2s infinite}.link__result:hover{background-color:#dd8d16;box-shadow:inset 0px 0px 2px 2px #000;transform:scale(1.2);animation:none}@keyframes spin{from{transform:rotateZ(0)}to{transform:rotateZ(360deg)}}.showdown{font-family:"Reggae One",cursive;max-height:94vh;color:#fff}.showdown__headers{height:60px;background-color:#000}.showdown__wrapper{display:flex}.showdown__sidebar{width:450px;height:calc(100vh - 60px);padding:1.5rem 2rem 1rem;background-color:#171717;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/selector-showdown/images/sidebar.svg");background-position:left bottom;background-size:cover;background-repeat:no-repeat;font-size:16px;overflow-y:auto}.showdown__sidebar h1{font-size:1.6rem;text-align:center;text-transform:uppercase;margin-top:0;margin-bottom:16px}.showdown__nav{display:flex;justify-content:center;align-items:center;gap:2px;margin-bottom:20px}.showdown__counter{position:relative}.showdown__indicator{display:flex;justify-content:center;align-items:center;width:130px;height:38px;background-color:rgba(255,255,255,.25);cursor:pointer;font-weight:700;font-size:1rem;transition:background-color .15s ease-in-out}.showdown__indicator span{display:block;margin-left:5px}.showdown__indicator span:first-child{margin-left:0}.showdown__indicator:hover{background-color:rgba(255,255,255,.35)}.showdown__levels-wrapper{display:none;width:400px;position:absolute;top:5px;left:50%;transform:translate(-50%, 2.75rem);z-index:1000;padding:.5rem;background-color:#515151;border:none;border-radius:0}.showdown__levels-wrapper::after{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-bottom:10px solid #515151}.showdown__levels{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.showdown__instructions{font-family:source sans pro,sans-serif;font-weight:400;line-height:1.5;font-size:16px}.showdown__instructions strong{font-weight:bolder}.showdown__instructions code{font-size:87.5%;font-family:source code pro,monospace;font-weight:700}.showdown__instructions .specificity{margin:0 2px;font-family:source code pro,monospace;line-height:1.2;white-space:nowrap}.showdown__instructions .specificity span{display:inline-block;background-color:rgba(255,255,255,.2);padding:0 5px}.showdown__instructions p{margin-top:0;margin-bottom:1rem}.showdown__instructions pre{padding:.5rem 1rem;background-color:#212121;border-radius:5px;color:#fff;font-family:source code pro,monospace;font-weight:700}.showdown__main{width:calc(100% - 450px);display:flex;position:relative;flex-direction:column;overflow:hidden}.showdown__panel{width:100%;height:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:1rem;font-family:source code pro,monospace;font-size:2.2rem;font-weight:900;cursor:pointer;user-select:none;transition:height .2s,filter .2s}.showdown__panel::after,.showdown__panel::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat}.showdown__panel::after{transition:transform .2s}.showdown__panel:hover{height:60%}.showdown__panel:hover .showdown__selector{transform:scale(1.3)}.showdown__panel:hover .showdown__background::before{animation:spin 20s linear infinite}.showdown__panel:hover::after{transform:translateX(100px) scale(1.3)}.showdown__top{border-bottom:2px solid #171717;z-index:10}.showdown__top::before{background-position:left bottom;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/selector-showdown/images/ninja-left.svg")}.showdown__top::after{background-position:left bottom;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/selector-showdown/images/sword-left.svg");transform-origin:center bottom}.showdown__background{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;overflow:hidden;z-index:-1}.showdown__background::before{content:"";position:absolute;width:200vmax;height:200vmax;background-size:200vmax;transform:rotateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.showdown__background_top{background-color:#498ceb}.showdown__background_top::before{left:-80vmax;bottom:-100vmax;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/selector-showdown/images/sunburst.svg")}.showdown__background_bottom{background-color:#8c39ba}.showdown__background_bottom::before{right:-80vmax;bottom:-100vmax;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/selector-showdown/images/sunburst.svg")}.showdown__versus{position:absolute;left:calc(50% - 30px);bottom:-30px;display:flex;justify-content:center;align-items:center;width:60px;height:60px;z-index:20;border-radius:50%;background-color:#171717;font-family:reggae one,cursive;font-size:30px;text-transform:uppercase;pointer-events:none}.showdown__selector{margin-top:1.5rem;transition:transform .2s;pointer-events:none;z-index:10}.showdown__specificity{display:flex;margin:0 2px;font-family:"Source Code Pro",monospace;line-height:1.2;white-space:nowrap;z-index:10;margin-top:.25rem;font-size:1.25rem;opacity:0}.showdown__specificity span{display:inline-block;background-color:rgba(255,255,255,.2);padding:0 5px}.showdown__specificity span:first-child{border-radius:5px 0 0 5px}.showdown__specificity span:nth-child(2){margin:0 2px}.showdown__specificity span:last-child{border-radius:0 5px 5px 0}.showdown__bottom{border-top:2px solid #171717}.showdown__bottom::before{background-position:right bottom;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/selector-showdown/images/ninja-right.svg")}.showdown__bottom::after{background-position:right bottom;background-image:url("https://codepip.com/wp-content/plugins/codepip/games/selector-showdown/images/sword-right.svg");transform-origin:center bottom;z-index:-1}.showdown__btn{position:absolute;top:calc(50% - 60px);height:120px;padding:0 2rem;display:flex;flex-direction:column;justify-content:center;background-color:#171717;border-radius:0;font-weight:700;color:#fff;text-transform:uppercase;transition:transform .2s;opacity:0;user-select:none;z-index:30;cursor:pointer}.showdown__btn_incorrect{left:4rem;transform:skew(-5deg)}.showdown__btn_incorrect:hover{transform:skew(-5deg) scale(1.1)}.showdown__btn_correct{right:4rem;transform:skew(5deg)}.showdown__btn_correct:hover{transform:skew(5deg) scale(1.1)}.showdown__btn h2{font-family:"Reggae One",cursive;font-size:1.6rem;text-align:center;text-transform:uppercase;margin-bottom:.25rem}.showdown__btn span{text-align:center}.audio{display:none}.modal{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow:hidden;outline:0;background-color:rgba(0,0,0,.4)}.modal__dialog{max-width:500px;margin:1.75rem auto;transform:translate(0, -50px);opacity:0;transition:transform .3s ease-out,opacity .15s linear}.modal__content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0;background-color:#222}.modal__header{display:flex;align-items:flex-start;justify-content:flex-end;padding:1rem 1rem;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal__close{font-size:1.5rem;font-weight:700;line-height:1;color:#000;font-size:1.5rem;font-weight:700;line-height:1;color:#000;opacity:.5;cursor:pointer}.modal__body{padding-bottom:3em;text-align:center;position:relative;flex:1 1 auto;padding:1rem;transition:none}.modal__badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;transition:all .4s;overflow:hidden;transform:scale(0.999);border-radius:50%;position:relative;width:100px;height:100px;border:8px solid rgba(0,0,0,.28);box-shadow:inset 2px 2px 0 rgba(0,0,0,.1);filter:drop-shadow(2px 2px 0 rgba(0, 0, 0, 0.2));background-color:#fec737;border-color:#fed954}.modal__badge::before{content:"";position:absolute;top:50%;left:-30%;width:200%;height:20%;background-color:rgba(255,255,255,.2);transform:rotate(120deg);transition:transform .4s}.modal__badge::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-repeat:no-repeat;background-position:center;opacity:.35;z-index:1;transition:all .4s;background-image:url("https://codepip.com/wp-content/plugins/codepip/images/badges/selector-showdown.svg");background-size:80%}.modal__badge:hover{transform:scale(1.15)}.modal h3{margin:.25rem 0 .75rem;font-size:1.4em;font-weight:700;line-height:1.2}.modal__descr{margin-top:0;margin-bottom:1rem;font-weight:400;line-height:1.5;font-family:source sans pro,sans-serif;font-size:18px;color:#fff;text-align:center}.modal__descr p{margin-top:0;margin-bottom:1rem}.modal__btn a{text-decoration:none}.btn{font-weight:400;color:#212529;text-align:center;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer;color:#fff}.btn__prev,.btn__next{display:flex;justify-content:center;align-items:center;width:40px;height:38px;background-color:rgba(255,255,255,.25);border-radius:0;padding:0}.btn__prev img,.btn__next img{display:block;width:60%;height:65%;filter:invert(100%)}.btn__prev:hover,.btn__next:hover{background-color:rgba(255,255,255,.35)}.btn__prev:disabled,.btn__next:disabled{opacity:.4;pointer-events:none}.btn__level{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;margin:.2rem;background-color:rgba(0,0,0,.4);border-radius:50%;font-size:12px;font-weight:700}.btn__level_current{border:2px solid rgba(255,255,255,.9);background-color:rgba(0,0,0,.8)}.btn__level_locked,.btn__level:disabled{pointer-events:none;background-image:url(assets/lock.svg);background-size:20px;background-position:center;background-repeat:no-repeat;background-color:rgba(255,255,255,.2);filter:invert(100%);font-size:0}.btn__level:hover{background-color:rgba(0,0,0,.8)}.btn__volume{display:flex;justify-content:center;align-items:center;width:40px;height:30.5px;background-color:rgba(0,0,0,.4);margin:0 auto;margin-top:16px}.btn__volume img{width:20px;height:20px}.btn__volume:hover{background-color:rgba(0,0,0,.8)}.btn__new,.btn__view{display:block;width:200px;height:39px;margin:20px auto;padding:.469rem 1rem;border:none;border-radius:.25rem;font-weight:700;color:#fff;vertical-align:middle;line-height:1.5;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;cursor:pointer}.btn__new{background-color:rgba(255,255,255,.25)}.btn__new:hover{background-color:rgba(255,255,255,.35)}.btn__view{background-color:#17a2b8}.btn__view:hover{background-color:#1592a6}@media(max-width: 768px){.showdown__wrapper{flex-direction:column}.showdown__sidebar{width:100%;height:calc(50vh - 58px);order:2}.showdown__main{width:100%;height:50vh;order:1}.modal__content{margin:0 auto;width:320px}}.fundo{animation:scales 3s alternate infinite;transform-origin:center}.pao-baixo{animation:rotatepao 14s cubic-bezier(0.1, 0.49, 0.41, 0.97) infinite;transform-origin:center}.pao-cima{animation:rotatepao 7s 1s cubic-bezier(0.1, 0.49, 0.41, 0.97) infinite;transform-origin:center}.olhos{animation:olhos 2s alternate infinite;transform-origin:center}.left-sparks{animation:left-sparks 4s alternate infinite;transform-origin:150px 156px}.right-sparks{animation:left-sparks 4s alternate infinite;transform-origin:310px 150px}.olhos{animation:olhos 2s alternate infinite;transform-origin:center}@keyframes scales{from{transform:scale(0.98)}to{transform:scale(1)}}@keyframes rotatepao{0%{transform:rotate(0deg)}50%,60%{transform:rotate(-20deg)}100%{transform:rotate(0deg)}}@keyframes olhos{0%{transform:rotateX(0deg)}100%{transform:rotateX(30deg)}}@keyframes left-sparks{0%{opacity:0}}.main404{min-height:600px;margin:0 auto;width:auto;max-width:460px;display:flex;align-items:center;justify-content:center}.path{stroke-dasharray:300;stroke-dashoffset:300;animation:dash 4s alternate infinite}@keyframes dash{0%,30%{fill:4B4B62;stroke-dashoffset:0}80%,100%{fill:rgba(0,0,0,0);stroke-dashoffset:-200}}@keyframes hiddenAchievement{0%{top:-100%}50%{top:-50%}100%{top:50%}}.statistics{width:1200px;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:20px;color:#fff;z-index:5;animation:hiddenAchievement 1s ease-in-out}.statistics h2{text-align:center;font-size:36px;margin-bottom:10px;text-shadow:3px 3px 3px #000}.statistics__wrapper{width:100%;z-index:3;width:100%;max-height:calc(100vh - 125px - 70px);overflow-y:scroll;border-radius:20px;background:rgba(0,0,0,.5);animation:pulseGameBody 8s infinite}.statistics__wrapper::-webkit-scrollbar{width:0}.statistics__achievements{padding:1em 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.statistics__achievement{width:537px;height:136px;display:inline-flex;align-items:center;padding:1em 2em;background-color:#fff;border-radius:5px;margin:1em;box-shadow:0 0 2px rgba(0,0,0,.2);color:#fff}.statistics__achievement_1{background-color:#2a8489}.statistics__achievement_1 .modal__badge::after{background-image:url("https://codepip.com/wp-content/plugins/codepip/images/badges/css-scoops.svg")}.statistics__achievement_2{background-color:#9c1021}.statistics__achievement_2 .modal__badge::after{background-image:url("https://codepip.com/wp-content/plugins/codepip/images/badges/css-surgeon.svg")}.statistics__achievement_3{background-color:#1d4d5b}.statistics__achievement_3 .modal__badge::after{background-image:url("https://codepip.com/wp-content/plugins/codepip/images/badges/flexbox-froggy.svg")}.statistics__achievement_4{background-color:#569c40}.statistics__achievement_4 .modal__badge::after{background-image:url("https://codepip.com/wp-content/plugins/codepip/images/badges/grid-garden.svg")}.statistics__achievement_5{background-color:#2c2826}.statistics__achievement_5 .modal__badge::after{background-image:url("https://codepip.com/wp-content/plugins/codepip/images/badges/nth-cart.svg")}.statistics__achievement_6{background-color:#222}.statistics__details{width:100%;margin-left:2em}.statistics h4{display:inline-block;margin-bottom:.5rem}.statistics h4 a{text-decoration:none;color:#fff;font-weight:700;font-size:21.6px;line-height:1.2}.statistics__meter{margin-top:.5em;height:8px;background-color:rgba(0,0,0,.25);border-radius:5px;overflow:hidden}.statistics__bar{width:48%;height:100%;background-color:rgba(255,255,255,.85);border-radius:5px}.statistics__progress{font-size:18px;font-weight:400;line-height:1.5}@media(max-width: 1279px){.statistics{width:600px}.statistics h2{font-size:30px}.statistics__wrapper{overflow-y:scroll;max-height:calc(100vh - 70px - 125px);margin:0 auto}.statistics__wrapper::-webkit-scrollbar{width:0}.statistics__achievements{flex-direction:column;flex-wrap:nowrap}.statistics__achievement{padding:10px 15px;height:120px;margin:10px}.statistics__achievement .modal__badge{width:90px;height:90px}}@media(max-width: 639px){.statistics{width:320px}.statistics h2{font-size:24px}.statistics__achievement{padding:10px;width:300px;height:105px;margin:5px}.statistics__achievement .modal__badge{width:80px;height:80px}.statistics h4{display:inline-block;margin-bottom:5px}.statistics h4 a{text-decoration:none;color:#fff;font-weight:700;font-size:16px;line-height:1}.statistics__progress{font-size:14px}}