/*!
Theme Name: Loner ONLINE
Theme URI: http://underscores.me/
Author: W.T. Snacks
Author URI: https://midnightsnacks.fm
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: loner
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Loner ONLINE is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! 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.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* 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;
	height: 0;
	overflow: visible;
}

/**
 * 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;
	font-size: 1em;
}

/* 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;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}

/**
 * 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;
	font-size: 1em;
}

/**
 * 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;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	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;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * 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;
	padding: 0;
}

/**
 * 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;
	outline-offset: -2px;
}

/**
 * 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;
	font: inherit;
}

/* 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;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}


/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
/*a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}*/

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	        clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* ==========================================================================
	 Helper classes
	 ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */ }

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table; }

.clearfix::after {
  clear: both; }

/* ==========================================================================
	 EXAMPLE Media Queries for Responsive Design.
	 These examples override the primary ('mobile first') styles.
	 Modify as content requires.
	 ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }

/* ==========================================================================
	 Print styles.
	 Inlined to avoid the additional HTTP request:
	 https://www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]::after {
    content: " (" attr(href) ")"; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  /*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: ""; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
	 * Printing Tables:
	 * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
	 */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }


/* ==========================================================================
	 Helper classes
	 ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */ }

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table; }

.clearfix::after {
  clear: both; }

/* ==========================================================================
	 EXAMPLE Media Queries for Responsive Design.
	 These examples override the primary ('mobile first') styles.
	 Modify as content requires.
	 ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }

/* ==========================================================================
	 Print styles.
	 Inlined to avoid the additional HTTP request:
	 https://www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]::after {
    content: " (" attr(href) ")"; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  /*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: ""; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
	 * Printing Tables:
	 * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
	 */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
@font-face {
  font-family: 'Redaction';
  src: url("css/fonts/Redaction-Italic.woff2") format("woff2"), url("css/fonts/Redaction-Italic.woff") format("woff"), url("css/fonts/Redaction-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Redaction';
  src: url("css/fonts/Redaction-Regular.woff2") format("woff2"), url("css/fonts/Redaction-Regular.woff") format("woff"), url("css/fonts/Redaction-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Redaction';
  src: url("css/fonts/Redaction-Bold.woff2") format("woff2"), url("css/fonts/Redaction-Bold.woff") format("woff"), url("css/fonts/Redaction-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Redaction 50';
  src: url("css/fonts/Redaction50-Regular.woff2") format("woff2"), url("css/fonts/Redaction50-Regular.woff") format("woff"), url("css/fonts/Redaction50-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Redaction 50';
  src: url("css/fonts/Redaction50-Italic.woff2") format("woff2"), url("css/fonts/Redaction50-Italic.woff") format("woff"), url("css/fonts/Redaction50-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Redaction 50';
  src: url("css/fonts/Redaction50-Bold.woff2") format("woff2"), url("css/fonts/Redaction50-Bold.woff") format("woff"), url("css/fonts/Redaction50-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Redaction 100';
  src: url("css/fonts/Redaction100-Bold.woff2") format("woff2"), url("css/fonts/Redaction100-Bold.woff") format("woff"), url("css/fonts/Redaction100-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Redaction 100';
  src: url("css/fonts/Redaction100-Regular.woff2") format("woff2"), url("css/fonts/Redaction100-Regular.woff") format("woff"), url("css/fonts/Redaction100-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Redaction 100';
  src: url("css/fonts/Redaction100-Italic.woff2") format("woff2"), url("css/fonts/Redaction100-Italic.woff") format("woff"), url("css/fonts/Redaction100-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Telegrama-Raw';
  src: url("css/fonts/Telegrama-Raw.woff2") format("woff2"), url("css/fonts/Telegrama-Raw.woff") format("woff"), url("css/fonts/Telegrama-Raw.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Eurostile';
  src: url("https://cdn.rawgit.com/nathpugs/eurostile/cdef8418/urw_-_eurostile-med-webfont.woff2") format("woff2"), url("https://cdn.rawgit.com/nathpugs/eurostile/cdef8418/urw_-_eurostile-med-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

:root {
  --font-size: 5;
  --menu-font-size: 5;
  --menu-margin: 1;
  --menu-anim-duration: 0;
  --perspective: 1000;
  --cuboid-height: 3;
  --cuboid-width: 20;
  --cuboid-depth: 7;
  --x: 2;
  --y: 0;
  --z: 0;
  --rotate-x: 0;
  --rotate-y: 0;
  --plane-width: 20;
  --plane-height: 50;
  --rotate-cuboid-x: 0;
  --rotate-cuboid-y: 0;
  --rotate-cuboid-z: 0; }

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
	 Base styles: opinionated defaults
	 ========================================================================== */
html {
  color: #fff;
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
	 Author's custom styles
	 ========================================================================== */
a {
  text-decoration: none;
  color: #ec3935;
  transition: color 0.3s; }

html.no-js, html.smooth-scroll {
  scroll-behavior: smooth; }

body {
  background: #000;
  font-family: Eurostile, sans-serif;
  content: content; }

#page-border {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 90001; }
  #page-border:before, #page-border:after {
    content: '';
    display: block;
    position: absolute;
    width: 38px;
    top: 128px;
    height: calc(100% - 256px);
    background: #000; }
  #page-border:before {
    left: 0;
    border-right: 2px solid #fff; }
  #page-border:after {
    right: 0;
    border-left: 2px solid #fff; }
  #page-border .top:before,
  #page-border .top:after,
  #page-border .bottom:before,
  #page-border .bottom:after {
    content: '';
    display: block;
    position: absolute;
    width: 38px;
    height: 128px;
    background: url(img/borders.png); }
  #page-border .top,
  #page-border .bottom {
    position: absolute;
    width: 100%;
    height: 28px;
    background: #000;
    border: 2px solid #fff; }
  #page-border .top {
    top: 0;
    border-width: 0 0 2px 0; }
    #page-border .top:before {
      left: 0;
      top: 0;
      background-position: top left; }
    #page-border .top:after {
      right: 0;
      top: 0;
      background-position: top right; }
  #page-border .bottom {
    text-align: center;
    background: #000;
    bottom: 0;
    border-width: 2px 0 0 0; }
    #page-border .bottom:before {
      left: 0;
      bottom: 0;
      background-position: bottom left; }
    #page-border .bottom:after {
      right: 0;
      bottom: 0;
      background-position: bottom right; }
    #page-border .bottom a {
      pointer-events: auto;
      display: inline-block;
      background: #000;
      color: #fff;
      position: relative;
      top: -26px;
      height: 50px;
      border-top: 2px solid #fff;
      line-height: 50px;
      text-transform: uppercase;
      font-family: 'Telegrama-Raw';
      font-size: 32px;
      text-decoration: none;
      text-align: center;
      padding: 0 6px; }
      #page-border .bottom a:before, #page-border .bottom a:after {
        content: '';
        display: block;
        width: 22px;
        height: 50px;
        background: url(img/borders-bottom.png);
        top: 0;
        position: absolute; }
      #page-border .bottom a:before {
        background-position: top left;
        left: -22px; }
      #page-border .bottom a:after {
        right: -22px;
        background-position: top right; }
      #page-border .bottom a:focus {
        outline: 0; }
  #page-border .left {
    position: fixed;
    width: 38px;
    top: 128px;
    height: calc(100% - 256px);
    background: url(img/side-left.png);
    background-attachment: local; }
  #page-border .right {
    position: fixed;
    width: 38px;
    top: 128px;
    right: 0;
    height: calc(100% - 256px);
    background: url(img/side-right.png);
    background-attachment: local;
    z-index: 1; }

section {
  padding: 5vmin 20vmin;
  position: relative; }
  section:before {
    content: '';
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  section.grain {
    background: #000; }
    section.grain:before {
      background-color: transparent;
      z-index: 0;
      transition: background-color 2s ease; }
    section.grain:hover:before {
      background-color: #050505; }
    section.grain > div {
      z-index: 1; }

#logo {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 50px 40px;
  align-items: flex-start;
  justify-content: center;
  opacity: 0.98; }
  #logo img, #logo svg {
    flex: 1;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    /*border: 1px solid orangered;*/
    max-height: 15vmin;
    transition: 0.5s max-height; }
  #logo span {
    display: none; }
  #logo .dummy {
    flex: 0;
    transition: 1s flex; }
  #logo.scrolled .hovered {
    flex: auto; }
  #logo.scrolled img, #logo.scrolled svg {
    max-height: 80px; }

#intro {
  padding: 20vmin 20vmin;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; }
  #intro:before {
    display: none;
    content: ''; }
  #intro .bg {
    position: absolute; }
    #intro .bg video {
      z-index: -1;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      min-width: 100%;
      min-height: 100%; }

#lonerface {
  max-width: 70vmin;
  margin-top: 10vmin;
  pointer-events: none; }

#next-event {
  display: flex;
  background-color: rgba(0, 0, 0, 0.7); }
  #next-event:before {
    z-index: -1;
    background: url(img/Loner-Club-Photo-JNZi_1080p.jpg);
    background-position: center;
    background-attachment: scroll;
    background-size: cover; }
  #next-event #event-info {
    position: relative;
    flex: 3;
    text-align: center;
    font-size: 3vmin;
    display: flex;
    flex-direction: column;
    padding-right: 4vmin; }
    #next-event #event-info h1 {
      font-size: 6vmin;
      margin-bottom: 0; }
    #next-event #event-info #twitch-embed {
      flex: 1; }
      #next-event #event-info #twitch-embed iframe {
        height: calc(100% - 10vmin);
        margin-top: 10vmin;
        width: 100%; }
  #next-event #countdown {
    font-size: 4vmin;
    flex: 1; }
  #next-event #flyer {
    flex: 2; }
    #next-event #flyer video {
      max-height: 80vmin; }
  #next-event #twitchvrc .inner {
    overflow: hidden;
    font-size: 2vmin;
    padding: 4vmin 0 2vmin 0;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0);
    -webkit-backdrop-filter: blur(10px) saturate(200%) contrast(100%) hue-rotate(260deg);
            backdrop-filter: blur(10px) saturate(200%) contrast(100%) hue-rotate(260deg);
    margin-top: -2.5vmin;
    min-height: 18vmin; }
    #next-event #twitchvrc .inner > div {
      margin: 0 2vmin 0 2vmin; }
  #next-event #twitchvrc-buttons {
    display: flex; }
  #next-event #twitchvrc-buttons > div {
    -webkit-backdrop-filter: blur(10px) saturate(200%) contrast(100%) hue-rotate(260deg);
            backdrop-filter: blur(10px) saturate(200%) contrast(100%) hue-rotate(260deg);
    padding: 10px; }
  #next-event #twitch-button {
    border: 2px solid #fff;
    border-bottom-width: 0;
    border-right-width: 0;
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0 38%, 38% 0);
            clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0 38%, 38% 0); }
  #next-event #vrchat-button {
    border: 2px solid #fff;
    border-bottom-width: 0;
    border-left-width: 0; }

#vrctwitch-logos {
  display: flex;
  justify-content: center;
  z-index: 1000;
  position: relative; }
  #vrctwitch-logos > div {
    flex: 1; }
  #vrctwitch-logos #vrchat-logo {
    margin-right: 1vmin; }
  #vrctwitch-logos #Twitch_logo_full {
    margin-left: 1vmin; }

#twitch-logo {
  position: relative;
  cursor: pointer;
  /* #Twitch_wordmark,
	// #Twitch_wordmark_outline,
	// #Twitch_wordmark_outline_bg,
	#Twitch_wordmark_letters {
		display: none;
	} */ }
  #twitch-logo #Twitch_logo_full {
    height: 8vmin;
    position: absolute;
    left: 0; }
  #twitch-logo #Twitch_wordmark {
    opacity: 0;
    transition: opacity 1s; }
  #twitch-logo #Twitch_wordmark_letters {
    transform: scale(0);
    transform-origin: 60% 100%;
    transition: transform 1s; }
  #twitch-logo #Twitch_wordmark_outline_bg {
    opacity: 0; }
  #twitch-logo #Twitch_wordmark_outline_bg {
    transform: scale(1);
    transition: opacity 1s, transform 0s;
    transition-delay: 0s, 1s; }
  #twitch-logo #Twitch_wordmark_outline {
    opacity: 0;
    transition: opacity 0;
    transition-delay: 1s; }
  #twitch-logo #Twitch_wordmark_letters,
  #twitch-logo #Twitch_glitch_bg {
    opacity: 0.9; }

#twitchvrc.twitch #twitch-logo #Twitch_wordmark,
#twitch-logo.full #Twitch_wordmark,
#twitch-logo:hover #Twitch_wordmark {
  opacity: 0.9; }

#twitchvrc.twitch #twitch-logo #Twitch_wordmark_outline_bg,
#twitch-logo.full #Twitch_wordmark_outline_bg,
#twitch-logo:hover #Twitch_wordmark_outline_bg {
  opacity: 1; }

#twitchvrc.twitch #twitch-logo #Twitch_wordmark_letters,
#twitch-logo.full #Twitch_wordmark_letters,
#twitch-logo:hover #Twitch_wordmark_letters {
  transform: scale(1); }

#vrchat-logo {
  height: 8vmin;
  display: flex;
  justify-content: flex-end;
  cursor: pointer; }
  #vrchat-logo .left {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    width: calc(8vmin * 0.2); }
    #vrchat-logo .left .clip {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden; }
  #vrchat-logo .middle {
    width: calc(8vmin * 0.8);
    transition: width 1s ease-out;
    overflow: hidden;
    position: relative; }
  #vrchat-logo #VRChat_logo_text {
    pointer-events: none;
    position: absolute;
    left: 100%; }
  #vrchat-logo #VRChat_logo_text,
  #vrchat-logo #VRChat_logo_left,
  #vrchat-logo #VRChat_logo_right,
  #vrchat-logo #VRChat_logo_middle {
    height: 8vmin; }
  #vrchat-logo #VRChat_logo_text,
  #vrchat-logo #VRChat_logo_left {
    z-index: 900; }
  #vrchat-logo #VRChat_logo_left,
  #vrchat-logo #VRChat_logo_right {
    position: absolute;
    top: 0; }
  #vrchat-logo #VRChat_logo_left {
    left: 0; }
  #vrchat-logo #VRChat_logo_right {
    right: 0; }
  #vrchat-logo #VRChat_ChatChat, #vrchat-logo #VRChat_ChatBG, #vrchat-logo VRChat_Chat {
    display: none; }
  #vrchat-logo #VRChat_ChatChat {
    opacity: 0;
    transition: opacity calc(1s / 2) ease-in;
    transition-delay: calc(1s * 0.7); }
  #vrchat-logo #bg_left, #vrchat-logo #bg_right {
    opacity: 0.9; }

#twitchvrc.vrchat #vrchat-logo #VRChat_ChatChat, #twitchvrc.vrchat #vrchat-logo #VRChat_ChatBG, #twitchvrc.vrchat #vrchat-logo VRChat_Chat,
#vrchat-logo.full #VRChat_ChatChat,
#vrchat-logo.full #VRChat_ChatBG,
#vrchat-logo.full VRChat_Chat,
#vrchat-logo:hover #VRChat_ChatChat,
#vrchat-logo:hover #VRChat_ChatBG,
#vrchat-logo:hover VRChat_Chat {
  display: block;
  opacity: 1; }

#twitchvrc.vrchat #vrchat-logo .middle,
#vrchat-logo.full .middle,
#vrchat-logo:hover .middle {
  width: calc(8vmin * 2.2); }

#vrc-howto,
#twitch-howto {
  position: absolute; }

#twitchvrc.twitch #vrc-howto,
#twitchvrc.vrchat #twitch-howto {
  opacity: 0;
  z-index: -1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.animate__animated.animate__delay-500ms {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s; }

/* 
#vrc-box {
	// margin-top: -100px;
	.box {
		background: #ccc;
		// border: 10px solid #000;
		height: 8vmin;
		// width: 525px;
		min-width: calc(1vmin * 4);
		// border-radius: 20px;
		position: relative;
		.inner {
		    border-top: calc(1vmin / 2) solid #000;
		    border-bottom: calc(1vmin / 2) solid #000;
		    height: 100%;
		        // border-color: transparent;
		}
		&:before, &:after {
			content: '';
			display: block;
			background: #fff;
		    border: calc(1vmin / 2) solid #000;
		    border-radius: 1vmin 0 0 1vmin;
	        position: absolute;
		    // width: calc(1vmin * 2);
		    width: 1vmin;
		    height: 100%;
		    top: 0;
		}
		&:before {
	        left: calc(1vmin * -1);
		    border-right-width: 0;
		}
		&:after {
		    border-left-width: 0;
		    border-radius: 0 1vmin 1vmin 0;
	        right: calc(1vmin * -1);
		}
	}
}

#event-info {
	background: red !important;
}

.triangle-top-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 calc((8vmin + 2vmin) / 3) calc((8vmin + 2vmin) / 3) 0;
    border-color: transparent #000 transparent transparent;
    border-bottom-right-radius: calc(1vmin / 2);
	position: absolute;
    // bottom: calc(((8vmin - 1vmin) / 3) * -1);
    top: calc(100% - (1vmin / 2));
    right: 0;
}
.triangle-top-right:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 calc((8vmin / 3) - 1vmin) calc((8vmin / 3) - 1vmin) 0;
    border-color: transparent #fff transparent transparent;
    left: calc(1vmin * 0.6);
    position: relative;
} */
#prev-event {
  display: flex;
  justify-content: space-around;
  border-bottom: 2px solid #fff;
  aspect-ratio: auto;
  flex-wrap: wrap; }

.event-box {
  /* clip-path: 
		polygon(
			0% calc(0% + 2vmin),
			calc(0% + 3vmin) 0%,
			100% 0%,
			100% 100%,
			100% calc(100% - 2vmin),
			calc(100% - 3vmin) 100%,
			0 100%,
			0% 100%
		); */
  /* clip-path:
		polygon(
			0% calc(0% + 3vmin),
			calc(0% + 4vmin) 0%,
			100% 0,
			100% calc(0% + 13.25vmin),
			calc(100% - 4vmin) calc(0% + 16.25vmin),
			100% calc(0% + 16.25vmin),
			100% 100%,
			0 100%
		); */
  -webkit-clip-path: polygon(0% calc(0% + 3vmin), calc(0% + 4vmin) 0%, 100% 0, 100% calc(0% + 13.25vmin), calc(100% - 4vmin) calc(0% + 16.25vmin +  2px), 100% calc(0% + 16.25vmin + 2px), 100% 25.25vmin, calc(100% - 2vmin) calc(27.25vmin + 2vmin), 2vmin calc(27.25vmin + 2vmin), 0 25.25vmin);
          clip-path: polygon(0% calc(0% + 3vmin), calc(0% + 4vmin) 0%, 100% 0, 100% calc(0% + 13.25vmin), calc(100% - 4vmin) calc(0% + 16.25vmin +  2px), 100% calc(0% + 16.25vmin + 2px), 100% 25.25vmin, calc(100% - 2vmin) calc(27.25vmin + 2vmin), 2vmin calc(27.25vmin + 2vmin), 0 25.25vmin);
  mix-blend-mode: exclusion;
  background: #111;
  /*overflow: hidden;*/
  /*height: 0;*/
  /*padding-top: 56.25%;*/
  /*max-width: 20%;*/
  margin: 0 2vmin;
  width: 26vmin;
  margin-bottom: 2vmin;
  overflow: hidden;
  text-decoration: none;
  position: relative;
  /* 	&:before {
		display: block;
		content: '';
		width: 100%;
		// padding-top: (9 / 16) * 100%;
		padding-top: (10 / 16) * 100%;
	} */
  /* > div {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;

		// corners
		&:nth-of-type(1) {
			&:before, &:after {
				content: '';
				display: block;
				position: absolute;
				width: 0;
				height: 0;
				mix-blend-mode: multiply;
			}
			&:before {
				top: 0;
				left: 0;
				border-top: 2vmin solid #000;
				border-right: 4vmin solid transparent;
			}
			&:after {
				bottom: 0;
				right: 0;
				border-bottom: 2vmin solid #000;
				border-left: 4vmin solid transparent;
			}
		}
	} */
  /* 	&:after {
		content: '';
		display: table;
		clear: both;
	}
 */
  /* &:before {
		content: '';
		width: 1px;
		margin-left: -1px;
		float: left;
		height: 0;
		padding-top: 56.25%;
	}

	&:after {
		content: '';
		display: table;
		clear: both;
	} */ }
  .event-box .vol-date:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 62.5%; }
  .event-box .vol-date:after {
    content: '';
    display: table;
    clear: both; }
  .event-box .vol-date > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 16 / 10; }
  .event-box:hover .vol {
    mix-blend-mode: difference; }
  .event-box video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 101%; }
  .event-box .vol {
    color: #fff;
    font-size: 10vmin;
    font-family: 'Telegrama-Raw';
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    line-height: 10vmin;
    margin-bottom: 1vmin; }
    .event-box .vol:before {
      content: 'VOL.';
      display: block;
      font-size: 2vmin;
      text-align: center;
      line-height: 1vmin; }
  .event-box .date, .event-box .title {
    position: absolute;
    bottom: 0;
    text-align: left;
    width: 100%;
    color: #fff;
    padding: 0 5px;
    background: black;
    border-top: 1px solid rgba(255, 255, 255, 0.75);
    mix-blend-mode: overlay;
    font-family: 'Telegrama-Raw';
    font-size: 1.5vmin;
    line-height: 2vmin; }
  .event-box .date {
    text-transform: uppercase; }
  .event-box .title {
    bottom: auto;
    top: 0;
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.75);
    text-align: right;
    line-height: 1.5vmin;
    background: #fff;
    color: #888;
    text-shadow: 1px 1px 0 #000; }
  .event-box.more {
    overflow: hidden;
    -webkit-clip-path: polygon(0% calc(0% + 3vmin), calc(0% + 4vmin) 0%, 100% 0, 100% calc(0% + 13.25vmin), calc(100% - 4vmin) calc(0% + 16.25vmin), 0% calc(0% + 16.25vmin));
            clip-path: polygon(0% calc(0% + 3vmin), calc(0% + 4vmin) 0%, 100% 0, 100% calc(0% + 13.25vmin), calc(100% - 4vmin) calc(0% + 16.25vmin), 0% calc(0% + 16.25vmin)); }
    .event-box.more .vol {
      color: rgba(96, 28, 96, 0.9); }
    .event-box.more:hover {
      -webkit-clip-path: polygon(0% calc(0% + 3vmin), calc(0% + 4vmin) 0%, 100% 0, 100% calc(0% + 13.25vmin), calc(100% - 4vmin) calc(0% + 16.25vmin), 0% calc(0% + 16.25vmin));
              clip-path: polygon(0% calc(0% + 3vmin), calc(0% + 4vmin) 0%, 100% 0, 100% calc(0% + 13.25vmin), calc(100% - 4vmin) calc(0% + 16.25vmin), 0% calc(0% + 16.25vmin)); }
      .event-box.more:hover .vol {
        -webkit-animation: more-events-color 5s ease-in-out infinite alternate;
                animation: more-events-color 5s ease-in-out infinite alternate; }
  .event-box.more:hover .vol {
    color: lime;
    mix-blend-mode: difference; }
  .event-box .acts {
    display: block;
    background: #000;
    color: #fff;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    font-family: 'Telegrama-Raw';
    font-size: 2vmin;
    text-align: center;
    line-height: 2vmin;
    text-shadow: 0px 0px 10px #888;
    /* 		&:before {
			content: '';
			display: block;
			width: 100%;
			height: 1vmin;
			background: #000;
		} */ }
    .event-box .acts div {
      background: #000;
      padding: 2px 0; }
      .event-box .acts div:first-child {
        padding-top: 1vmin; }
    .event-box .acts:after {
      content: '';
      display: block;
      background: #000;
      width: 100%;
      height: 200%;
      background: #000;
      position: absolute;
      z-index: -1; }
    .event-box .acts.fiveplus {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-content: flex-start; }
      .event-box .acts.fiveplus div {
        margin: 0 3px; }
        .event-box .acts.fiveplus div:after {
          content: ', '; }
        .event-box .acts.fiveplus div:last-child:after {
          content: ''; }
  .event-box .gradient-bg {
    overflow: hidden; }
    .event-box .gradient-bg img {
      position: absolute;
      width: 200%;
      height: 200%;
      top: -50%;
      left: -50%;
      z-index: -1;
      max-width: 200%;
      transform: rotate(0deg);
      -webkit-animation: gradient-rotate 10s infinite;
              animation: gradient-rotate 10s infinite;
      -webkit-animation-play-state: paused;
              animation-play-state: paused; }
  .event-box:hover .gradient-bg img {
    -webkit-animation-play-state: running;
            animation-play-state: running; }
  .event-box.hide-acts .acts {
    display: none; }
  .event-box.hide-acts:hover {
    -webkit-clip-path: polygon(0% calc(0% + 3vmin), calc(0% + 4vmin) 0%, 100% 0, 100% calc(0% + 13.25vmin), calc(100% - 4vmin) calc(0% + 16.25vmin), 100% calc(0% + 16.25vmin), 100% 25.25vmin, calc(100% - 2vmin) 27.25vmin, 2vmin 27.25vmin, 0 25.25vmin);
            clip-path: polygon(0% calc(0% + 3vmin), calc(0% + 4vmin) 0%, 100% 0, 100% calc(0% + 13.25vmin), calc(100% - 4vmin) calc(0% + 16.25vmin), 100% calc(0% + 16.25vmin), 100% 25.25vmin, calc(100% - 2vmin) 27.25vmin, 2vmin 27.25vmin, 0 25.25vmin); }
    .event-box.hide-acts:hover .acts {
      display: block;
      position: absolute;
      height: auto; }
      .event-box.hide-acts:hover .acts.fiveplus {
        display: flex; }

@-webkit-keyframes gradient-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes gradient-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes more-events-color {
  from {
    color: #004000; }
  to {
    color: lime; } }

@keyframes more-events-color {
  from {
    color: #004000; }
  to {
    color: lime; } }

#main-nav.old {
  perspective-origin: 50% 50%;
  /* 	&.main a div:before {
		content: attr(data-name);
		position: absolute;
		color: rgb(255,0,0);
		z-index: -1;
		font-family: 'Redaction 100';
		// background-blend-mode: difference;
		// animation: glitch .3s ease-in-out both infinite;
		// transition: 0.5s translate3d;
	} */
  /*nav.main a:hover div:before {
		translate3d(5px)
	}*/ }
  #main-nav.old a {
    transform: scale3d(1, 1, 1) rotateX(4deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 0px) skew(0deg, 0deg); }
  #main-nav.old.main, #main-nav.old.bg {
    position: fixed;
    left: 130px;
    top: 130px;
    z-index: 9001;
    display: flex;
    flex-direction: column;
    mix-blend-mode: difference;
    z-index: 9001; }
  #main-nav.old .bg {
    z-index: 9000;
    mix-blend-mode: normal; }
  #main-nav.old.main a, #main-nav.old.bg div {
    position: relative;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-family: Redaction;
    font-size: 28pt;
    padding: 10px 30px;
    margin-bottom: 10px;
    align-self: flex-start; }
  #main-nav.old.bg div {
    /*background: rgba(32,32,32,0.5);*/
    mix-blend-mode: normal;
    background: black;
    /*z-index: -1;*/
    color: transparent;
    /*background:  red;*/ }
    #main-nav.old.bg div i {
      position: absolute;
      color: #fff;
      margin-left: -100px;
      border: 7px #fff solid;
      border-radius: 100%;
      height: 38px;
      width: 38px;
      text-align: center;
      line-height: 38px;
      font-size: 17pt; }

#call-to-action {
  display: flex;
  padding: 50px 200px; }
  #call-to-action .third {
    font-size: 50px;
    text-align: center;
    flex: 1;
    border: 1px solid red; }

@-webkit-keyframes glitch2 {
  0% {
    transform: translate(0); }
  20% {
    transform: translate(-1px, 0); }
  40% {
    transform: translate(0px, 0); }
  60% {
    transform: translate(1px, 0); }
  80% {
    transform: translate(0px, 0); }
  to {
    transform: translate(-1px, 0); } }

@keyframes glitch2 {
  0% {
    transform: translate(0); }
  20% {
    transform: translate(-1px, 0); }
  40% {
    transform: translate(0px, 0); }
  60% {
    transform: translate(1px, 0); }
  80% {
    transform: translate(0px, 0); }
  to {
    transform: translate(-1px, 0); } }

/* ==========================================================================
	 Menu
	 ========================================================================== */
.scene {
  perspective: calc(var(--perspective, 800) * 1px);
  transform-style: preserve-3d;
  height: 50vh;
  width: 50vw;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0; }
  .scene.text {
    mix-blend-mode: difference; }
  .scene.poly a {
    pointer-events: auto; }

.plane {
  /*background: rgba(162,25,230,1);*/
  background: transparent;
  /*height: calc(var(--plane-height, 25) * 1vmin);
  width: calc(var(--plane-width, 25) * 1vmin);*/
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform: rotateX(calc(var(--rotate-x, -24) * 1deg)) rotateY(calc(var(--rotate-y, -24) * 1deg)) rotateX(0deg);
  transform-origin: 50% 50%; }

.cuboid {
  --width: var(--cuboid-width, 15);
  --height: var(--cuboid-height, 10);
  --depth: var(--cuboid-depth, 4);
  height: calc(var(--depth) * 1vmin);
  width: calc(var(--width) * 1vmin);
  transform-style: preserve-3d;
  position: absolute;
  transform: translate3d(calc(var(--x, 4) * 1vmin), calc(var(--y, 5) * 1vmin), calc(var(--z, 0) * 1vmin)) rotateX(calc(var(--rotate-cuboid-x, 90) * 1deg)) rotateY(calc(var(--rotate-cuboid-y, 0) * 1deg)) rotateZ(calc(var(--rotate-cuboid-z, 0) * 1deg)); }

body:not(.no-transform) .cuboid:hover {
  --height: calc(var(--cuboid-height, 10) * 2);
  transition: all 0.2s ease; }

body:not(.no-transform) .cuboid:hover > div {
  transition: all 0.2s ease; }

.cuboid > div:nth-of-type(1) {
  height: calc(var(--depth) * 1vmin);
  width: calc(var(--width) * 1vmin);
  transform: translate(-50%, -50%) translate3d(0, 0, calc((var(--height) / 2) * 1vmin));
  position: absolute;
  top: 50%;
  left: 50%; }

.cuboid > div:nth-of-type(2) {
  height: calc(var(--depth) * 1vmin);
  width: calc(var(--width) * 1vmin);
  /*transform: translate(-50%, -50%) translate3d(0, 0, calc((var(--height) / 2) * -1vmin)) rotateX(180deg);*/
  transform: translate(-50%, -50%) translate3d(0, 0, calc((var(--height) / 2) * -1vmin));
  position: absolute;
  top: 50%;
  left: 50%; }

.cuboid > div:nth-of-type(3) {
  height: calc(var(--height) * 1vmin);
  width: calc(var(--depth) * 1vmin);
  transform: translate(-50%, -50%) rotateX(-90deg) rotateY(90deg) translate3d(0, 0, calc((var(--width) / 2) * 1vmin));
  position: absolute;
  top: 50%;
  left: 50%; }

.cuboid > div:nth-of-type(4) {
  height: calc(var(--height) * 1vmin);
  width: calc(var(--depth) * 1vmin);
  transform: translate(-50%, -50%) rotateX(-90deg) rotateY(-90deg) translate3d(0, 0, calc((var(--width) / 2) * 1vmin));
  position: absolute;
  top: 50%;
  left: 50%; }

/* bottom */
.cuboid > div:nth-of-type(5) {
  height: calc(var(--height) * 1vmin);
  width: 100%;
  transform-origin: 50% 50%;
  transform: rotateX(-90deg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateX(-90deg) translate3d(0, 0, calc((var(--depth) / 2) * 1vmin)); }

.cuboid > div:nth-of-type(6) {
  height: calc(var(--height) * 1vmin);
  width: 100%;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) rotateX(-90deg) rotateY(180deg) translate3d(0, 0, calc((var(--depth) / 2) * 1vmin));
  position: absolute;
  top: 50%;
  left: 50%; }

.demo-cuboid {
  /*background: rgba(64,0,0,0.5);*/
  /*background: rgba(0,0,0,0.5);*/
  background: transparent; }

.demo-cuboid:after {
  display: none;
  content: "Center";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-family: sans-serif;
  font-size: calc(var(--font-size) * 1vmin);
  max-width: 100%;
  overflow: hidden;
  color: rgba(162, 25, 230, 0.5); }

.demo-cuboid div {
  /*background: rgba(25,161,230,0.15);*/
  background: rgba(64, 0, 0, 0.3);
  /*border: 2px solid rgba(0,0,0,0.25);*/
  border: 2px solid rgba(0, 0, 0, 0); }

.demo-cuboid div:nth-child(1),
.demo-cuboid div:nth-child(2) {
  /* front */
  background: rgba(0, 0, 0, 0.25); }

.demo-cuboid div:nth-child(2) {
  /* back */
  /*background: rgba(0, 0, 0, 0);*/ }

.menu-item {
  transform-origin: 0 0; }

.menu-item div {
  /*background: rgba(25,161,230,0.15);*/
  background: rgba(64, 0, 0, 0.3);
  /*border: 2px solid rgba(0,0,0,0.25);*/
  /*border: 2px solid rgba(64, 0, 0, 0.1);*/
  border: none; }

.menu-item div:nth-child(1),
.menu-item div:nth-child(2) {
  /* front */
  background: rgba(0, 0, 0, 0.25); }

body.menu-hidden .menu-item div:nth-child(2) {
  background: rgba(64, 0, 0, 0.3); }

.cuboid.menu-item:nth-child(1) {
  --y: calc((var(--depth) + var(--menu-margin)) * 0); }

.cuboid.menu-item:nth-child(2) {
  --y: calc((var(--depth) + var(--menu-margin)) * 1); }

.cuboid.menu-item:nth-child(3) {
  --y: calc((var(--depth) + var(--menu-margin)) * 2); }

.cuboid.menu-item:nth-child(4) {
  --y: calc((var(--depth) + var(--menu-margin)) * 3); }

.cuboid.menu-item:nth-child(5) {
  --y: calc((var(--depth) + var(--menu-margin)) * 4); }

.cuboid.menu-item:nth-child(6) {
  --y: calc((var(--depth) + var(--menu-margin)) * 5); }

.cuboid.menu-item:nth-child(7) {
  --y: calc((var(--depth) + var(--menu-margin)) * 6); }

.cuboid.menu-item:nth-child(8) {
  --y: calc((var(--depth) + var(--menu-margin)) * 7); }

.cuboid.menu-item:nth-child(9) {
  --y: calc((var(--depth) + var(--menu-margin)) * 8); }

.cuboid.menu-item:nth-child(10) {
  --y: calc((var(--depth) + var(--menu-margin)) * 9); }

/* 
.cuboid.menu-item:nth-child(1) {
  --y: calc((var(--depth) + var(--menu-margin)) * 0);
}

.cuboid.menu-item:nth-child(2) {
  --y: calc((var(--depth) + var(--menu-margin)) * 1);
}

.cuboid.menu-item:nth-child(3) {
  --y: calc((var(--depth) + var(--menu-margin)) * 2);
}

.cuboid.menu-item:nth-child(4) {
  --y: calc((var(--depth) + var(--menu-margin)) * 3);
}

.cuboid.menu-item:nth-child(5) {
  --y: calc((var(--depth) + var(--menu-margin)) * 4);
}

.cuboid.menu-item:nth-child(6) {
  --y: calc((var(--depth) + var(--menu-margin)) * 5);
}
 */
.scene.text .plane, .scene.text .demo-cuboid, .scene.text .demo-cuboid div,
.scene.text .menu-item, .scene.text .menu-item div {
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0);
  border: none; }

/*.scene.text a {
  font-size: calc(var(--font-size) * 1vmin);
  font-weight: bold;
  color: #fff;
}*/
.scene {
  /*margin: 150px 0 0 150px;*/ }

#main-nav {
  z-index: 9001;
  position: fixed;
  top: 130px;
  left: 130px;
  /*width: 400px;*/
  /*height: 800px;*/ }

#xscenes:hover .cuboid {
  --rotate-cuboid-z: 0;
  --x: 5;
  /*--menu-anim-duration: 2s;
  /*transition-duration: 2s;*/
  /*transform: translate3d(calc(var(--x, 4) * 1vmin), calc(var(--y, 5) * 1vmin), calc(var(--z, 0) * 1vmin)) rotateX(calc(var(--rotate-cuboid-x, 0) * 1deg)) rotateY(calc(var(--rotate-cuboid-y, 0) * 1deg)) rotateZ(calc(var(--rotate-cuboid-z, 0) * 1deg))*/ }

.cuboid:hover {
  transition-duration: 2s; }

.scene.text .menu-item {
  text-decoration: none;
  /*font-weight: bold;*/
  /*font-size: 30px;*/
  font-size: calc(var(--menu-font-size) * 1vmin); }

.scene.text .menu-item > div:before {
  content: attr(data-name);
  display: none;
  color: #fff;
  transform: scale(-1, 1);
  position: absolute;
  /*display: block;*/
  /*left: 0;*/
  transition: left 0.2s ease;
  /*display: none;*/ }

/* .scene.poly .menu-item span + div:before {
  display: none;
  content: attr(data-name);
  position: absolute;
  color: rgba(255,0,0, 0.5);
  z-index: -1;
  font-family: 'Redaction 100';
  // background-blend-mode: difference; 
  // animation: glitch .3s ease-in-out both infinite;
  // transition: 0.5s translate3d;
} */
.scene.poly .menu-item > div:nth-of-type(1),
.scene.poly .menu-item > div:nth-of-type(2),
.scene.text .menu-item > div {
  content: attr(data-name);
  color: #fff;
  font-family: Redaction, serif;
  font-size: calc(var(--menu-font-size) * 1vmin);
  padding: 1vmin 0 0 1.5vmin;
  transform: translate(-50%, -50%) translate3d(0, 0, calc((var(--height) / 2) * 1vmin)); }

.scene.poly .menu-item > div:nth-of-type(1),
.scene.poly .menu-item > div:nth-of-type(2) {
  color: rgba(255, 255, 255, 0); }

.scene.poly .menu-item > div:nth-of-type(2) {
  /*color: rgba(255, 255, 255, 0);*/
  transition: color 0.2s ease-in-out;
  font-family: 'Redaction 100'; }

.scene.poly .menu-item:hover > div:nth-of-type(2) {
  color: red; }

.scene.text .menu-item:hover div {
  color: #f00; }

.scene.poly .menu-item:hover span + div:before {
  display: block;
  opacity: 0; }

body.menu-hidden .scene.poly .menu-item > div:nth-of-type(1) {
  color: rgba(255, 255, 255, 0);
  transform: translate(-50%, -50%) scale(-1, 1) translate3d(0, 0, calc((var(--height) / 2) * 1vmin)); }

body.menu-hidden .scene.poly .menu-item > div:nth-of-type(2) {
  color: rgba(255, 255, 255, 0); }

body.menu-hidden .scene.poly .menu-item:hover > div:nth-of-type(1) {
  transition: left 0.2s ease;
  color: #fff;
  left: -50%; }

body.menu-hidden .scene.poly .menu-item:hover > div:nth-of-type(2) {
  transition: left 0.2s ease;
  color: #fff;
  left: -50%; }

body.menu-hidden .scene.text .menu-item > div:before,
body.menu-hidden .scene.text .menu-item > div:after {
  display: block; }

body.menu-hidden .scene.poly .menu-item > div:nth-of-type(2) {
  transform: translate(-50%, -50%) scale(-1, 0) translate3d(0, 0, calc((var(--height) / 2) * 1vmin)); }

/*body.menu-hidden .menu-item {
  --menu-anim-duration: 0;
  transition: transform var(--menu-anim-duration);
  transition-timing-function: cubic-bezier(0,.5,.5,1);
}*/
/*body.menu-hidden .menu-item,
body.menu-hidden .plane {
  --menu-anim-duration: 0;
  /*transition: transform var(--menu-anim-duration, '1s') ease-out;
  transition: transform var(--menu-anim-duration, '1s');
  transition-timing-function: cubic-bezier(0,.5,.5,1);
}

body.menu-hidden .plane {
  --menu-anim-duration: 0;
}*/
.menu-item span {
  --depth: var(--cuboid-depth, 4);
  height: calc(var(--depth) * 1vmin);
  width: calc(var(--depth) * 1vmin);
  display: block;
  transform: translate3D(calc(((var(--depth) * -1) - 1) * 1vmin), 0, 0);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

body.no-js .scene .menu-item span {
  transition: transform 1s cubic-bezier(0.5, 0, 0, 0); }

body.menu-hidden .menu-item span {
  transform: translate3D(calc(((var(--depth) * -1) + 2) * 1vmin), 0vmin, 0vmin) rotateY(-90deg);
  opacity: 0; }

/*body.menu-hidden .scene .menu-item img {
	transform: translate3D(0, 0, 0);
	opacity: 0;
}*/
/* side icon  */
.cuboid > div:nth-of-type(4):before {
  opacity: 0;
  transition: opacity 1s ease;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(128,128,255, 0.5);*/
  background-repeat: no-repeat;
  /*background-position: top left;*/
  background-position: center;
  background-size: contain;
  transform: translate(0%, 0%) rotateZ(-90deg); }

#main-nav.menu-item-1 .scene.text .menu-item:nth-of-type(1) > div:before {
  opacity: 0; }

#main-nav.menu-item-2 .scene.text .menu-item:nth-of-type(2) > div:before {
  opacity: 0; }

#main-nav.menu-item-3 .scene.text .menu-item:nth-of-type(3) > div:before {
  opacity: 0; }

#main-nav.menu-item-4 .scene.text .menu-item:nth-of-type(4) > div:before {
  opacity: 0; }

#main-nav.menu-item-5 .scene.text .menu-item:nth-of-type(5) > div:before {
  opacity: 0; }

#main-nav.menu-item-6 .scene.text .menu-item:nth-of-type(6) > div:before {
  opacity: 0; }

#main-nav.menu-item-7 .scene.text .menu-item:nth-of-type(7) > div:before {
  opacity: 0; }

#main-nav.menu-item-8 .scene.text .menu-item:nth-of-type(8) > div:before {
  opacity: 0; }

#main-nav.menu-item-9 .scene.text .menu-item:nth-of-type(9) > div:before {
  opacity: 0; }

#main-nav.menu-item-10 .scene.text .menu-item:nth-of-type(10) > div:before {
  opacity: 0; }

.menu-item:nth-of-type(1) > span,
.menu-item:nth-of-type(1) > div:nth-of-type(4):before {
  background-image: url(img/icons/icon-face.svg); }

.menu-item:nth-of-type(2) > span,
.menu-item:nth-of-type(2) > div:nth-of-type(4):before {
  background-image: url(img/icons/icon-events.svg); }

.menu-item:nth-of-type(3) > span,
.menu-item:nth-of-type(3) > div:nth-of-type(4):before {
  background-image: url(img/icons/icon-archive.svg); }

.menu-item:nth-of-type(4) > span,
.menu-item:nth-of-type(4) > div:nth-of-type(4):before {
  background-image: url(img/icons/icon-about.svg); }

.menu-item:nth-of-type(5) > span,
.menu-item:nth-of-type(5) > div:nth-of-type(4):before {
  background-image: url(img/icons/icon-gallery.svg); }

.menu-item:nth-of-type(6) > span,
.menu-item:nth-of-type(6) > div:nth-of-type(4):before {
  background-image: url(img/icons/icon-merch.svg); }

.menu-item:nth-of-type(7) > span,
.menu-item:nth-of-type(7) > div:nth-of-type(4):before {
  background-image: url(img/icons/icon-contact.svg); }

body.menu-hidden .cuboid > div:nth-of-type(4):before {
  opacity: 1; }

body.menu-hidden.fix .scene .menu-item img {
  display: none;
  position: relative;
  transition: transform 1s;
  transform: translate3d(-30px, 10px, 0px) rotateY(-90deg) scale(1);
  /*left: -40px;*/
  /*transition: transform 1s ease;*/
  /*transition-timing-function: cubic-bezier(0,.5,.5,1);*/
  /*transform: translate(-90px, 0px) rotateY(-90deg) scale(0.95);*/ }

body.no-transform .scene.text .menu-item > div {
  color: rgba(0, 0, 0, 0); }

/*body.no-transform .scene .menu-item > div:before {*/
body.no-transform .scene.poly .menu-item:hover > div:first-child {
  left: -50%; }

nav#sns-nav {
  position: absolute;
  z-index: 9002;
  bottom: 0;
  right: 0;
  padding: 0 40px 30px 0;
  font-size: calc(5vmin / 2);
  display: flex;
  flex-direction: row; }
  nav#sns-nav:before {
    content: '';
    display: block;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 8%, rgba(0, 0, 0, 0.9) 100%);
    height: 60%;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    transition: all calc(0.25s * 2) ease-out;
    opacity: 0; }
  nav#sns-nav:hover:before {
    opacity: 1; }
  nav#sns-nav i {
    line-height: 5vmin;
    width: 5vmin;
    font-style: normal;
    color: #fff;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.25s ease-out; }
  nav#sns-nav a {
    width: 5vmin;
    height: 5vmin;
    text-decoration: none;
    margin: 0 0.75vmin;
    height: calc(5vmin * 1.5); }
    nav#sns-nav a:before {
      transform: scale(1);
      content: " ";
      width: 5vmin;
      height: 5vmin;
      border-radius: 100%;
      display: block;
      background: linear-gradient(45deg, rgba(80, 0, 0, 0.7), rgba(157, 0, 0, 0.7));
      transition: all 0.25s ease-out;
      position: absolute;
      z-index: 0; }
    nav#sns-nav a:hover:before {
      transform: scale(0);
      transition: all 0.25s ease-in; }
    nav#sns-nav a abbr {
      display: none; }
    nav#sns-nav a span {
      position: absolute;
      bottom: 25px;
      right: 45px;
      color: #fff;
      font-family: Redaction, serif;
      font-size: calc(5vmin / 2.1);
      opacity: 0;
      transition: opacity calc(0.25s * 2) ease-in;
      width: 0;
      overflow: hidden; }
    nav#sns-nav a:hover span {
      opacity: 1;
      width: auto; }
    nav#sns-nav a:hover i {
      transform: scale(2.2);
      color: rgba(80, 0, 0, 0.7);
      background: -webkit-linear-gradient(45deg, rgba(80, 0, 0, 0.7), rgba(157, 0, 0, 0.7));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transition: all 0.25s ease-in; }
      nav#sns-nav a:hover i.fa-discord {
        background: linear-gradient(45deg, #5865F2, #5865F2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      nav#sns-nav a:hover i.fa-twitch {
        background: linear-gradient(45deg, #9146FF, #9146FF);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      nav#sns-nav a:hover i.fa-twitter {
        background: linear-gradient(45deg, #1da1f2, #1da1f2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      nav#sns-nav a:hover i.fa-instagram {
        background: linear-gradient(87.1deg, #FFD522 -10.92%, #F1000B 48.02%, #B900B3 106.81%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      nav#sns-nav a:hover i.fa-soundcloud {
        background: linear-gradient(90deg, #F79810, #F8310E);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
  nav#sns-nav.scrolled {
    flex-direction: column;
    position: fixed;
    bottom: auto;
    top: 70px;
    right: 5px; }
    nav#sns-nav.scrolled:before {
      bottom: auto;
      top: -45px;
      height: 55px;
      width: 38vmin; }
    nav#sns-nav.scrolled a {
      height: calc(5vmin * 1.2); }
      nav#sns-nav.scrolled a span {
        bottom: auto;
        top: -32px; }

#cta {
  display: flex;
  height: 80vh;
  width: 60vw;
  margin: 0 auto;
  gap: 0.5vmin; }
  #cta a {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none; }
    #cta a .text {
      background: rgba(64, 0, 0, 0.5);
      color: #fff;
      flex: 1 0;
      padding: 1vmin;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 1vmin; }
    #cta a .img {
      flex: 4 0;
      background-position: center;
      background-size: cover;
      margin: 0.25vmin 0.5vmin;
      display: flex;
      flex-direction: column;
      z-index: 1;
      width: 100%;
      transition: width 0.5s ease-in-out, z-index 0.5s cubic-bezier(1, 0, 1, -1); }
    #cta a .title {
      background: rgba(0, 0, 0, 0.5);
      color: #f00;
      border: 0 solid rgba(255, 255, 255, 0.75);
      padding: 1vmin;
      text-align: center;
      font-size: 150%; }
    #cta a:nth-of-type(1) .title, #cta a:nth-of-type(3) .title {
      border-bottom-width: 2px; }
    #cta a:nth-of-type(2) .text {
      order: 2; }
    #cta a:nth-of-type(2) .img {
      justify-content: flex-end; }
    #cta a:nth-of-type(2) .title {
      border-top-width: 2px;
      bottom: 0; }
    #cta a:nth-of-type(1) .img {
      -webkit-clip-path: polygon(100% 0, 100% 100%, calc(0% + 10vmin) 100%, 0 calc(100% - 10vmin), 0 0);
              clip-path: polygon(100% 0, 100% 100%, calc(0% + 10vmin) 100%, 0 calc(100% - 10vmin), 0 0); }
    #cta a:nth-of-type(2) .img {
      -webkit-clip-path: polygon(calc(100% - 10vmin) 0, 100% calc(0% + 10vmin), 100% 100%, 0 100%, 0 calc(0% + 10vmin), calc(0% + 10vmin) 0%);
              clip-path: polygon(calc(100% - 10vmin) 0, 100% calc(0% + 10vmin), 100% 100%, 0 100%, 0 calc(0% + 10vmin), calc(0% + 10vmin) 0%); }
    #cta a:nth-of-type(3) .img {
      -webkit-clip-path: polygon(100% 0, 100% calc(100% - 10vmin), calc(100% - 10vmin) 100%, 0 100%, 0 0);
              clip-path: polygon(100% 0, 100% calc(100% - 10vmin), calc(100% - 10vmin) 100%, 0 100%, 0 0);
      background-image: url(http://placekitten.com/1280/721); }
    #cta a:hover .text {
      transform: scale(1.2);
      z-index: 6000;
      transition: transform 0.5s ease-in-out, z-index 0s; }
    #cta a:hover .img {
      transition: width 0.5s ease-in-out, z-index 0s;
      z-index: 5000;
      width: calc(100% + calc(10vmin * 2)); }

html.no-js .scene.poly .menu-item > div:nth-of-type(1) {
  color: #fff;
  z-index: 1000; }

html.no-js #main-nav .scene.text {
  display: none; }

body.page-template-page-events #next-event, body.page-template-page-events #prev-event, body.page-template-page-events #call-to-action {
  display: none; }

#events {
  min-height: 100vh;
  padding: 0;
  font-size: 10vmin; }
  #events #vr-flex {
    display: flex;
    width: 100%;
    height: 100vh; }
    #events #vr-flex .virtual-side, #events #vr-flex .reality-side {
      transition: flex 1s;
      padding: 50px 0;
      flex: 4;
      overflow: hidden;
      position: relative; }
    #events #vr-flex .virtual-side {
      text-align: right; }
      #events #vr-flex .virtual-side:hover {
        flex: 7; }
    #events #vr-flex .reality-side {
      background: rgba(255, 255, 255, 0.5); }
  #events .virtual-reality {
    position: absolute;
    width: 100vw;
    display: flex;
    justify-content: center; }
    #events .virtual-reality .virtual {
      padding-right: 1vmin;
      font-family: 'Redaction'; }
      #events .virtual-reality .virtual:after {
        content: 'ly';
        position: absolute;
        opacity: 0;
        transition: opacity 1s; }
    #events .virtual-reality .reality {
      padding-left: 7vmin;
      font-family: 'Redaction 50';
      color: #000; }
      #events .virtual-reality .reality:before {
        content: 'Real';
        position: absolute;
        color: red;
        font-family: 'Redaction';
        mix-blend-mode: screen;
        letter-spacing: 3px;
        opacity: 0; }
  #events .reality-side .virtual-reality {
    right: 0; }
    #events .reality-side .virtual-reality .reality {
      padding-left: 9vmin; }
  #events .virtual-side .virtual-reality .virtual {
    padding-right: 6vmin; }
  #events .virtual-side .virtual-reality .reality {
    padding-left: 3vmin; }
  #events #vr-flex .virtual-side:hover .virtual {
    mix-blend-mode: color-dodge;
    text-shadow: 0 0 20px #fff; }
  #events #vr-flex .virtual-side:hover .reality {
    color: #444; }
    #events #vr-flex .virtual-side:hover .reality:before {
      mix-blend-mode: exclusion; }
  #events #vr-flex .virtual-side:hover .virtual:after, #events #vr-flex .virtual-side:hover .reality:before {
    opacity: 1; }

body:hover .flyer {
  transform: scale(1) translateX(-25%) translateY(-25%); }

body:hover .flyer:before {
  opacity: 0;
  transform: translate(120px, -140px); }

#flyer3d-container {
  position: absolute;
  right: 0;
  bottom: 5vmin; }
  #flyer3d-container .flyer:hover {
    z-index: 10;
    transform: scale(1.1) translateX(-25%) translateY(-25%); }

.flyer {
  display: block;
  width: 30vmin;
  height: 38vmin;
  margin-left: calc(50% - 15vmin);
  position: relative;
  transform-style: preserve-3d;
  transform: translateX(-50%) rotateX(-61deg) rotateZ(-41deg);
  transition: 1s;
  /*cubic-bezier(1,-.3, .3, 1)*/
  -webkit-animation: flyer-rotate 1.5s 2 alternate;
          animation: flyer-rotate 1.5s 2 alternate; }
  .flyer:before {
    content: '';
    display: block;
    height: 48%;
    position: absolute;
    box-shadow: 68px 283px 70px 150px rgba(0, 0, 0, 0.3);
    transition: inherit;
    -webkit-animation: flyer-hide-shadow 1.5s 2 alternate;
            animation: flyer-hide-shadow 1.5s 2 alternate; }
  .flyer .flyer__img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1; }
  .flyer .flyer__img,
  .flyer .flyer__side {
    background: url(img/flyers/Loner_Offline_1_small.jpg) right bottom;
    background-size: auto 100%; }
  .flyer .flyer__side {
    position: absolute;
    left: 0; }
    .flyer .flyer__side:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4); }
    .flyer .flyer__side.left {
      width: 0.5vmin;
      height: 100%;
      top: 0;
      background-position: -25% bottom;
      transform-origin: left center;
      transform: translateZ(-0.3px) rotateY(-90deg); }
    .flyer .flyer__side.bottom {
      width: 100%;
      height: 0.5vmin;
      bottom: 0;
      background-size: 400% auto;
      transform-origin: left bottom;
      transform: translateZ(-0.3px) rotateX(-90deg); }

@-webkit-keyframes flyer-rotate {
  to {
    transform: scale(0.7) translateY(-10%) translateX(-10%); } }

@keyframes flyer-rotate {
  to {
    transform: scale(0.7) translateY(-10%) translateX(-10%); } }

@-webkit-keyframes flyer-hide-shadow {
  to {
    opacity: 0;
    transform: translate(120px, -140px); } }

@keyframes flyer-hide-shadow {
  to {
    opacity: 0;
    transform: translate(120px, -140px); } }

/* Minimum aspect ratio */
@media (max-aspect-ratio: 16 / 9) {
  #next-event {
    flex-direction: column; }
    #next-event #flyer {
      order: 1;
      display: flex;
      justify-content: center; }
    #next-event #event-info {
      order: 2; }
      #next-event #event-info #twitch-embed {
        aspect-ratio: 16/9; }
  #prev-event {
    padding: 5vmin 15vmin; } }

/* ==========================================================================
	 Helper classes
	 ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */ }

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table; }

.clearfix::after {
  clear: both; }

/* ==========================================================================
	 EXAMPLE Media Queries for Responsive Design.
	 These examples override the primary ('mobile first') styles.
	 Modify as content requires.
	 ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }

/* ==========================================================================
	 Print styles.
	 Inlined to avoid the additional HTTP request:
	 https://www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]::after {
    content: " (" attr(href) ")"; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  /*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: ""; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
	 * Printing Tables:
	 * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
	 */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.glitch {
  position: relative;
  color: #fff;
  animation: glitch-skew 1s infinite linear alternate-reverse; }
  .glitch::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    left: 2px;
    text-shadow: -2px 0 #ff00c1;
    clip: rect(44px, 450px, 56px, 0);
    animation: glitch-anim 5s infinite linear alternate-reverse; }
  .glitch::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    left: -2px;
    text-shadow: -2px 0 #ff00c1, 2px 2px #ff00c1;
    clip: rect(44px, 450px, 56px, 0);
    animation: glitch-anim2 5s infinite linear alternate-reverse; }

@-webkit-keyframes glitch-anim {
  0% {
    clip: rect(57px, 9999px, 9px, 0);
    transform: skew(0.22deg); }
  5% {
    clip: rect(8px, 9999px, 22px, 0);
    transform: skew(0.3deg); }
  10% {
    clip: rect(92px, 9999px, 59px, 0);
    transform: skew(0.01deg); }
  15% {
    clip: rect(32px, 9999px, 11px, 0);
    transform: skew(0.73deg); }
  20% {
    clip: rect(73px, 9999px, 55px, 0);
    transform: skew(0.13deg); }
  25% {
    clip: rect(24px, 9999px, 89px, 0);
    transform: skew(0.45deg); }
  30% {
    clip: rect(68px, 9999px, 31px, 0);
    transform: skew(0.65deg); }
  35% {
    clip: rect(99px, 9999px, 72px, 0);
    transform: skew(0.42deg); }
  40% {
    clip: rect(14px, 9999px, 97px, 0);
    transform: skew(0.17deg); }
  45% {
    clip: rect(3px, 9999px, 72px, 0);
    transform: skew(0.56deg); }
  50% {
    clip: rect(49px, 9999px, 94px, 0);
    transform: skew(0.81deg); }
  55% {
    clip: rect(91px, 9999px, 84px, 0);
    transform: skew(0.13deg); }
  60% {
    clip: rect(40px, 9999px, 1px, 0);
    transform: skew(0.06deg); }
  65% {
    clip: rect(2px, 9999px, 10px, 0);
    transform: skew(0.71deg); }
  70% {
    clip: rect(91px, 9999px, 77px, 0);
    transform: skew(0.06deg); }
  75% {
    clip: rect(88px, 9999px, 83px, 0);
    transform: skew(0.27deg); }
  80% {
    clip: rect(44px, 9999px, 20px, 0);
    transform: skew(0.12deg); }
  85% {
    clip: rect(43px, 9999px, 7px, 0);
    transform: skew(0.13deg); }
  90% {
    clip: rect(83px, 9999px, 62px, 0);
    transform: skew(0.72deg); }
  95% {
    clip: rect(34px, 9999px, 52px, 0);
    transform: skew(0.88deg); } }

@keyframes glitch-anim {
  0% {
    clip: rect(57px, 9999px, 9px, 0);
    transform: skew(0.22deg); }
  5% {
    clip: rect(8px, 9999px, 22px, 0);
    transform: skew(0.3deg); }
  10% {
    clip: rect(92px, 9999px, 59px, 0);
    transform: skew(0.01deg); }
  15% {
    clip: rect(32px, 9999px, 11px, 0);
    transform: skew(0.73deg); }
  20% {
    clip: rect(73px, 9999px, 55px, 0);
    transform: skew(0.13deg); }
  25% {
    clip: rect(24px, 9999px, 89px, 0);
    transform: skew(0.45deg); }
  30% {
    clip: rect(68px, 9999px, 31px, 0);
    transform: skew(0.65deg); }
  35% {
    clip: rect(99px, 9999px, 72px, 0);
    transform: skew(0.42deg); }
  40% {
    clip: rect(14px, 9999px, 97px, 0);
    transform: skew(0.17deg); }
  45% {
    clip: rect(3px, 9999px, 72px, 0);
    transform: skew(0.56deg); }
  50% {
    clip: rect(49px, 9999px, 94px, 0);
    transform: skew(0.81deg); }
  55% {
    clip: rect(91px, 9999px, 84px, 0);
    transform: skew(0.13deg); }
  60% {
    clip: rect(40px, 9999px, 1px, 0);
    transform: skew(0.06deg); }
  65% {
    clip: rect(2px, 9999px, 10px, 0);
    transform: skew(0.71deg); }
  70% {
    clip: rect(91px, 9999px, 77px, 0);
    transform: skew(0.06deg); }
  75% {
    clip: rect(88px, 9999px, 83px, 0);
    transform: skew(0.27deg); }
  80% {
    clip: rect(44px, 9999px, 20px, 0);
    transform: skew(0.12deg); }
  85% {
    clip: rect(43px, 9999px, 7px, 0);
    transform: skew(0.13deg); }
  90% {
    clip: rect(83px, 9999px, 62px, 0);
    transform: skew(0.72deg); }
  95% {
    clip: rect(34px, 9999px, 52px, 0);
    transform: skew(0.88deg); } }

@-webkit-keyframes glitch-anim2 {
  0% {
    clip: rect(46px, 9999px, 78px, 0);
    transform: skew(0.14deg); }
  5% {
    clip: rect(12px, 9999px, 50px, 0);
    transform: skew(0.78deg); }
  10% {
    clip: rect(10px, 9999px, 65px, 0);
    transform: skew(0.19deg); }
  15% {
    clip: rect(30px, 9999px, 77px, 0);
    transform: skew(0.17deg); }
  20% {
    clip: rect(16px, 9999px, 28px, 0);
    transform: skew(0.58deg); }
  25% {
    clip: rect(48px, 9999px, 21px, 0);
    transform: skew(0.3deg); }
  30% {
    clip: rect(72px, 9999px, 22px, 0);
    transform: skew(0.02deg); }
  35% {
    clip: rect(96px, 9999px, 79px, 0);
    transform: skew(0.27deg); }
  40% {
    clip: rect(7px, 9999px, 88px, 0);
    transform: skew(0.64deg); }
  45% {
    clip: rect(1px, 9999px, 24px, 0);
    transform: skew(0.98deg); }
  50% {
    clip: rect(58px, 9999px, 51px, 0);
    transform: skew(0.8deg); }
  55% {
    clip: rect(90px, 9999px, 51px, 0);
    transform: skew(0.51deg); }
  60% {
    clip: rect(72px, 9999px, 81px, 0);
    transform: skew(0.54deg); }
  65% {
    clip: rect(31px, 9999px, 72px, 0);
    transform: skew(0.51deg); }
  70% {
    clip: rect(14px, 9999px, 54px, 0);
    transform: skew(0.49deg); }
  75% {
    clip: rect(52px, 9999px, 35px, 0);
    transform: skew(0.64deg); }
  80% {
    clip: rect(87px, 9999px, 35px, 0);
    transform: skew(0.81deg); }
  85% {
    clip: rect(47px, 9999px, 71px, 0);
    transform: skew(0.1deg); }
  90% {
    clip: rect(29px, 9999px, 91px, 0);
    transform: skew(0.94deg); }
  95% {
    clip: rect(5px, 9999px, 44px, 0);
    transform: skew(0.96deg); } }

@keyframes glitch-anim2 {
  0% {
    clip: rect(46px, 9999px, 78px, 0);
    transform: skew(0.14deg); }
  5% {
    clip: rect(12px, 9999px, 50px, 0);
    transform: skew(0.78deg); }
  10% {
    clip: rect(10px, 9999px, 65px, 0);
    transform: skew(0.19deg); }
  15% {
    clip: rect(30px, 9999px, 77px, 0);
    transform: skew(0.17deg); }
  20% {
    clip: rect(16px, 9999px, 28px, 0);
    transform: skew(0.58deg); }
  25% {
    clip: rect(48px, 9999px, 21px, 0);
    transform: skew(0.3deg); }
  30% {
    clip: rect(72px, 9999px, 22px, 0);
    transform: skew(0.02deg); }
  35% {
    clip: rect(96px, 9999px, 79px, 0);
    transform: skew(0.27deg); }
  40% {
    clip: rect(7px, 9999px, 88px, 0);
    transform: skew(0.64deg); }
  45% {
    clip: rect(1px, 9999px, 24px, 0);
    transform: skew(0.98deg); }
  50% {
    clip: rect(58px, 9999px, 51px, 0);
    transform: skew(0.8deg); }
  55% {
    clip: rect(90px, 9999px, 51px, 0);
    transform: skew(0.51deg); }
  60% {
    clip: rect(72px, 9999px, 81px, 0);
    transform: skew(0.54deg); }
  65% {
    clip: rect(31px, 9999px, 72px, 0);
    transform: skew(0.51deg); }
  70% {
    clip: rect(14px, 9999px, 54px, 0);
    transform: skew(0.49deg); }
  75% {
    clip: rect(52px, 9999px, 35px, 0);
    transform: skew(0.64deg); }
  80% {
    clip: rect(87px, 9999px, 35px, 0);
    transform: skew(0.81deg); }
  85% {
    clip: rect(47px, 9999px, 71px, 0);
    transform: skew(0.1deg); }
  90% {
    clip: rect(29px, 9999px, 91px, 0);
    transform: skew(0.94deg); }
  95% {
    clip: rect(5px, 9999px, 44px, 0);
    transform: skew(0.96deg); } }

@-webkit-keyframes glitch-skew {
  0% {
    transform: skew(-1deg); }
  10% {
    transform: skew(4deg); }
  20% {
    transform: skew(-2deg); }
  30% {
    transform: skew(2deg); }
  40% {
    transform: skew(-2deg); }
  50% {
    transform: skew(3deg); }
  60% {
    transform: skew(-1deg); }
  70% {
    transform: skew(0deg); }
  80% {
    transform: skew(4deg); }
  90% {
    transform: skew(4deg); } }

@keyframes glitch-skew {
  0% {
    transform: skew(-1deg); }
  10% {
    transform: skew(4deg); }
  20% {
    transform: skew(-2deg); }
  30% {
    transform: skew(2deg); }
  40% {
    transform: skew(-2deg); }
  50% {
    transform: skew(3deg); }
  60% {
    transform: skew(-1deg); }
  70% {
    transform: skew(0deg); }
  80% {
    transform: skew(4deg); }
  90% {
    transform: skew(4deg); } }

@-webkit-keyframes glitchBackgroundNoise {
  0% {
    background-position: 313px 955px; }
  5% {
    background-position: 308px 908px; }
  10% {
    background-position: 27px 589px; }
  15% {
    background-position: 24px 604px; }
  20% {
    background-position: 710px 781px; }
  25% {
    background-position: 910px 765px; }
  30% {
    background-position: 608px 671px; }
  35% {
    background-position: 98px 632px; }
  40% {
    background-position: 991px 22px; }
  45% {
    background-position: 639px 331px; }
  50% {
    background-position: 498px 505px; }
  55% {
    background-position: 502px 219px; }
  60% {
    background-position: 957px 546px; }
  65% {
    background-position: 885px 831px; }
  70% {
    background-position: 88px 783px; }
  75% {
    background-position: 590px 519px; }
  80% {
    background-position: 516px 501px; }
  85% {
    background-position: 800px 85px; }
  90% {
    background-position: 283px 683px; }
  95% {
    background-position: 218px 865px; }
  100% {
    background-position: 672px 320px; } }

@keyframes glitchBackgroundNoise {
  0% {
    background-position: 313px 955px; }
  5% {
    background-position: 308px 908px; }
  10% {
    background-position: 27px 589px; }
  15% {
    background-position: 24px 604px; }
  20% {
    background-position: 710px 781px; }
  25% {
    background-position: 910px 765px; }
  30% {
    background-position: 608px 671px; }
  35% {
    background-position: 98px 632px; }
  40% {
    background-position: 991px 22px; }
  45% {
    background-position: 639px 331px; }
  50% {
    background-position: 498px 505px; }
  55% {
    background-position: 502px 219px; }
  60% {
    background-position: 957px 546px; }
  65% {
    background-position: 885px 831px; }
  70% {
    background-position: 88px 783px; }
  75% {
    background-position: 590px 519px; }
  80% {
    background-position: 516px 501px; }
  85% {
    background-position: 800px 85px; }
  90% {
    background-position: 283px 683px; }
  95% {
    background-position: 218px 865px; }
  100% {
    background-position: 672px 320px; } }

@-webkit-keyframes glitchTextNoiseMono_before_few {
  0 {
    clip: rect(27px, 9999px, 10px, 0); }
  5% {
    clip: rect(7px, 9999px, 41px, 0); }
  10% {
    clip: rect(100px, 9999px, 20px, 0); }
  15% {
    clip: rect(15px, 9999px, 92px, 0); }
  20% {
    clip: rect(48px, 9999px, 81px, 0); }
  25% {
    clip: rect(26px, 9999px, 96px, 0); }
  30% {
    clip: rect(15px, 9999px, 80px, 0); }
  35% {
    clip: rect(100px, 9999px, 4px, 0); }
  40% {
    clip: rect(12px, 9999px, 31px, 0); }
  45% {
    clip: rect(99px, 9999px, 65px, 0); }
  50% {
    clip: rect(58px, 9999px, 41px, 0); }
  55% {
    clip: rect(66px, 9999px, 99px, 0); }
  60% {
    clip: rect(32px, 9999px, 8px, 0); }
  65% {
    clip: rect(70px, 9999px, 97px, 0); }
  70% {
    clip: rect(59px, 9999px, 41px, 0); }
  75% {
    clip: rect(39px, 9999px, 85px, 0); }
  80% {
    clip: rect(66px, 9999px, 40px, 0); }
  85% {
    clip: rect(98px, 9999px, 3px, 0); }
  90% {
    clip: rect(100px, 9999px, 23px, 0); }
  95% {
    clip: rect(43px, 9999px, 20px, 0); }
  100% {
    clip: rect(32px, 9999px, 83px, 0); } }

@keyframes glitchTextNoiseMono_before_few {
  0 {
    clip: rect(27px, 9999px, 10px, 0); }
  5% {
    clip: rect(7px, 9999px, 41px, 0); }
  10% {
    clip: rect(100px, 9999px, 20px, 0); }
  15% {
    clip: rect(15px, 9999px, 92px, 0); }
  20% {
    clip: rect(48px, 9999px, 81px, 0); }
  25% {
    clip: rect(26px, 9999px, 96px, 0); }
  30% {
    clip: rect(15px, 9999px, 80px, 0); }
  35% {
    clip: rect(100px, 9999px, 4px, 0); }
  40% {
    clip: rect(12px, 9999px, 31px, 0); }
  45% {
    clip: rect(99px, 9999px, 65px, 0); }
  50% {
    clip: rect(58px, 9999px, 41px, 0); }
  55% {
    clip: rect(66px, 9999px, 99px, 0); }
  60% {
    clip: rect(32px, 9999px, 8px, 0); }
  65% {
    clip: rect(70px, 9999px, 97px, 0); }
  70% {
    clip: rect(59px, 9999px, 41px, 0); }
  75% {
    clip: rect(39px, 9999px, 85px, 0); }
  80% {
    clip: rect(66px, 9999px, 40px, 0); }
  85% {
    clip: rect(98px, 9999px, 3px, 0); }
  90% {
    clip: rect(100px, 9999px, 23px, 0); }
  95% {
    clip: rect(43px, 9999px, 20px, 0); }
  100% {
    clip: rect(32px, 9999px, 83px, 0); } }

@-webkit-keyframes glitchTextNoiseMono_after_few {
  0% {
    clip: rect(70px, 9999px, 55px, 0); }
  5% {
    clip: rect(56px, 9999px, 87px, 0); }
  10% {
    clip: rect(33px, 9999px, 25px, 0); }
  15% {
    clip: rect(62px, 9999px, 52px, 0); }
  20% {
    clip: rect(57px, 9999px, 18px, 0); }
  25% {
    clip: rect(60px, 9999px, 75px, 0); }
  30% {
    clip: rect(87px, 9999px, 25px, 0); }
  35% {
    clip: rect(70px, 9999px, 10px, 0); }
  40% {
    clip: rect(82px, 9999px, 41px, 0); }
  45% {
    clip: rect(35px, 9999px, 26px, 0); }
  50% {
    clip: rect(93px, 9999px, 55px, 0); }
  55% {
    clip: rect(7px, 9999px, 100px, 0); }
  60% {
    clip: rect(75px, 9999px, 75px, 0); }
  65% {
    clip: rect(79px, 9999px, 49px, 0); }
  70% {
    clip: rect(17px, 9999px, 90px, 0); }
  75% {
    clip: rect(64px, 9999px, 39px, 0); }
  80% {
    clip: rect(84px, 9999px, 94px, 0); }
  85% {
    clip: rect(37px, 9999px, 23px, 0); }
  90% {
    clip: rect(96px, 9999px, 26px, 0); }
  95% {
    clip: rect(38px, 9999px, 98px, 0); }
  100% {
    clip: rect(93px, 9999px, 12px, 0); } }

@keyframes glitchTextNoiseMono_after_few {
  0% {
    clip: rect(70px, 9999px, 55px, 0); }
  5% {
    clip: rect(56px, 9999px, 87px, 0); }
  10% {
    clip: rect(33px, 9999px, 25px, 0); }
  15% {
    clip: rect(62px, 9999px, 52px, 0); }
  20% {
    clip: rect(57px, 9999px, 18px, 0); }
  25% {
    clip: rect(60px, 9999px, 75px, 0); }
  30% {
    clip: rect(87px, 9999px, 25px, 0); }
  35% {
    clip: rect(70px, 9999px, 10px, 0); }
  40% {
    clip: rect(82px, 9999px, 41px, 0); }
  45% {
    clip: rect(35px, 9999px, 26px, 0); }
  50% {
    clip: rect(93px, 9999px, 55px, 0); }
  55% {
    clip: rect(7px, 9999px, 100px, 0); }
  60% {
    clip: rect(75px, 9999px, 75px, 0); }
  65% {
    clip: rect(79px, 9999px, 49px, 0); }
  70% {
    clip: rect(17px, 9999px, 90px, 0); }
  75% {
    clip: rect(64px, 9999px, 39px, 0); }
  80% {
    clip: rect(84px, 9999px, 94px, 0); }
  85% {
    clip: rect(37px, 9999px, 23px, 0); }
  90% {
    clip: rect(96px, 9999px, 26px, 0); }
  95% {
    clip: rect(38px, 9999px, 98px, 0); }
  100% {
    clip: rect(93px, 9999px, 12px, 0); } }

@-webkit-keyframes glitchTextNoiseMono_before_medium {
  0 {
    clip: rect(40px, 9000px, 1px, 6px); }
  5% {
    clip: rect(60px, 9000px, 40px, 8px); }
  10% {
    clip: rect(125px, 9000px, 86px, 10px); }
  15% {
    clip: rect(6px, 9000px, 97px, 2px); }
  20% {
    clip: rect(64px, 9000px, 34px, 7px); }
  25% {
    clip: rect(119px, 9000px, 114px, 1px); }
  30% {
    clip: rect(95px, 9000px, 126px, 10px); }
  35% {
    clip: rect(23px, 9000px, 33px, 5px); }
  40% {
    clip: rect(28px, 9000px, 109px, 4px); }
  45% {
    clip: rect(52px, 9000px, 110px, 10px); }
  50% {
    clip: rect(49px, 9000px, 65px, 9px); }
  55% {
    clip: rect(115px, 9000px, 67px, 4px); }
  60% {
    clip: rect(58px, 9000px, 1px, 10px); }
  65% {
    clip: rect(115px, 9000px, 74px, 4px); }
  70% {
    clip: rect(138px, 9000px, 121px, 1px); }
  75% {
    clip: rect(1px, 9000px, 58px, 1px); }
  80% {
    clip: rect(119px, 9000px, 12px, 5px); }
  85% {
    clip: rect(43px, 9000px, 11px, 3px); }
  90% {
    clip: rect(126px, 9000px, 40px, 9px); }
  95% {
    clip: rect(77px, 9000px, 16px, 5px); }
  100% {
    clip: rect(39px, 9000px, 142px, 4px); } }

@keyframes glitchTextNoiseMono_before_medium {
  0 {
    clip: rect(40px, 9000px, 1px, 6px); }
  5% {
    clip: rect(60px, 9000px, 40px, 8px); }
  10% {
    clip: rect(125px, 9000px, 86px, 10px); }
  15% {
    clip: rect(6px, 9000px, 97px, 2px); }
  20% {
    clip: rect(64px, 9000px, 34px, 7px); }
  25% {
    clip: rect(119px, 9000px, 114px, 1px); }
  30% {
    clip: rect(95px, 9000px, 126px, 10px); }
  35% {
    clip: rect(23px, 9000px, 33px, 5px); }
  40% {
    clip: rect(28px, 9000px, 109px, 4px); }
  45% {
    clip: rect(52px, 9000px, 110px, 10px); }
  50% {
    clip: rect(49px, 9000px, 65px, 9px); }
  55% {
    clip: rect(115px, 9000px, 67px, 4px); }
  60% {
    clip: rect(58px, 9000px, 1px, 10px); }
  65% {
    clip: rect(115px, 9000px, 74px, 4px); }
  70% {
    clip: rect(138px, 9000px, 121px, 1px); }
  75% {
    clip: rect(1px, 9000px, 58px, 1px); }
  80% {
    clip: rect(119px, 9000px, 12px, 5px); }
  85% {
    clip: rect(43px, 9000px, 11px, 3px); }
  90% {
    clip: rect(126px, 9000px, 40px, 9px); }
  95% {
    clip: rect(77px, 9000px, 16px, 5px); }
  100% {
    clip: rect(39px, 9000px, 142px, 4px); } }

@-webkit-keyframes glitchTextNoiseMono_after_medium {
  0% {
    clip: rect(81px, 9000px, 91px, 8px); }
  5% {
    clip: rect(101px, 9000px, 27px, 10px); }
  10% {
    clip: rect(42px, 9000px, 109px, 10px); }
  15% {
    clip: rect(23px, 9000px, 96px, 10px); }
  20% {
    clip: rect(39px, 9000px, 107px, 9px); }
  25% {
    clip: rect(83px, 9000px, 115px, 6px); }
  30% {
    clip: rect(37px, 9000px, 51px, 8px); }
  35% {
    clip: rect(41px, 9000px, 147px, 2px); }
  40% {
    clip: rect(87px, 9000px, 57px, 3px); }
  45% {
    clip: rect(42px, 9000px, 49px, 3px); }
  50% {
    clip: rect(146px, 9000px, 86px, 9px); }
  55% {
    clip: rect(8px, 9000px, 96px, 1px); }
  60% {
    clip: rect(66px, 9000px, 135px, 1px); }
  65% {
    clip: rect(144px, 9000px, 19px, 9px); }
  70% {
    clip: rect(84px, 9000px, 6px, 9px); }
  75% {
    clip: rect(115px, 9000px, 74px, 3px); }
  80% {
    clip: rect(75px, 9000px, 32px, 3px); }
  85% {
    clip: rect(103px, 9000px, 141px, 2px); }
  90% {
    clip: rect(148px, 9000px, 74px, 9px); }
  95% {
    clip: rect(98px, 9000px, 102px, 9px); }
  100% {
    clip: rect(76px, 9000px, 143px, 1px); } }

@keyframes glitchTextNoiseMono_after_medium {
  0% {
    clip: rect(81px, 9000px, 91px, 8px); }
  5% {
    clip: rect(101px, 9000px, 27px, 10px); }
  10% {
    clip: rect(42px, 9000px, 109px, 10px); }
  15% {
    clip: rect(23px, 9000px, 96px, 10px); }
  20% {
    clip: rect(39px, 9000px, 107px, 9px); }
  25% {
    clip: rect(83px, 9000px, 115px, 6px); }
  30% {
    clip: rect(37px, 9000px, 51px, 8px); }
  35% {
    clip: rect(41px, 9000px, 147px, 2px); }
  40% {
    clip: rect(87px, 9000px, 57px, 3px); }
  45% {
    clip: rect(42px, 9000px, 49px, 3px); }
  50% {
    clip: rect(146px, 9000px, 86px, 9px); }
  55% {
    clip: rect(8px, 9000px, 96px, 1px); }
  60% {
    clip: rect(66px, 9000px, 135px, 1px); }
  65% {
    clip: rect(144px, 9000px, 19px, 9px); }
  70% {
    clip: rect(84px, 9000px, 6px, 9px); }
  75% {
    clip: rect(115px, 9000px, 74px, 3px); }
  80% {
    clip: rect(75px, 9000px, 32px, 3px); }
  85% {
    clip: rect(103px, 9000px, 141px, 2px); }
  90% {
    clip: rect(148px, 9000px, 74px, 9px); }
  95% {
    clip: rect(98px, 9000px, 102px, 9px); }
  100% {
    clip: rect(76px, 9000px, 143px, 1px); } }

@-webkit-keyframes glitchTextNoiseMono_text_medium {
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextNoiseMono_text_medium {
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@-webkit-keyframes glitchTextNoiseMono_before_hard {
  0% {
    clip: rect(50px, 9000px, 116px, 3px); }
  5% {
    clip: rect(73px, 9000px, 3px, 10px); }
  10% {
    clip: rect(86px, 9000px, 149px, 7px); }
  15% {
    clip: rect(104px, 9000px, 124px, 1px); }
  20% {
    clip: rect(55px, 9000px, 133px, 10px); }
  25% {
    clip: rect(124px, 9000px, 50px, 9px); }
  30% {
    clip: rect(93px, 9000px, 40px, 8px); }
  35% {
    clip: rect(50px, 9000px, 54px, 6px); }
  40% {
    clip: rect(150px, 9000px, 124px, 1px); }
  45% {
    clip: rect(55px, 9000px, 118px, 5px); }
  50% {
    clip: rect(104px, 9000px, 103px, 5px); }
  55% {
    clip: rect(113px, 9000px, 91px, 7px); }
  60% {
    clip: rect(45px, 9000px, 15px, 9px); }
  65% {
    clip: rect(40px, 9000px, 88px, 9px); }
  70% {
    clip: rect(8px, 9000px, 70px, 2px); }
  75% {
    clip: rect(31px, 9000px, 147px, 2px); }
  80% {
    clip: rect(37px, 9000px, 97px, 6px); }
  85% {
    clip: rect(76px, 9000px, 92px, 4px); }
  90% {
    clip: rect(76px, 9000px, 130px, 3px); }
  95% {
    clip: rect(32px, 9000px, 98px, 8px); }
  100% {
    clip: rect(40px, 9000px, 132px, 4px); } }

@keyframes glitchTextNoiseMono_before_hard {
  0% {
    clip: rect(50px, 9000px, 116px, 3px); }
  5% {
    clip: rect(73px, 9000px, 3px, 10px); }
  10% {
    clip: rect(86px, 9000px, 149px, 7px); }
  15% {
    clip: rect(104px, 9000px, 124px, 1px); }
  20% {
    clip: rect(55px, 9000px, 133px, 10px); }
  25% {
    clip: rect(124px, 9000px, 50px, 9px); }
  30% {
    clip: rect(93px, 9000px, 40px, 8px); }
  35% {
    clip: rect(50px, 9000px, 54px, 6px); }
  40% {
    clip: rect(150px, 9000px, 124px, 1px); }
  45% {
    clip: rect(55px, 9000px, 118px, 5px); }
  50% {
    clip: rect(104px, 9000px, 103px, 5px); }
  55% {
    clip: rect(113px, 9000px, 91px, 7px); }
  60% {
    clip: rect(45px, 9000px, 15px, 9px); }
  65% {
    clip: rect(40px, 9000px, 88px, 9px); }
  70% {
    clip: rect(8px, 9000px, 70px, 2px); }
  75% {
    clip: rect(31px, 9000px, 147px, 2px); }
  80% {
    clip: rect(37px, 9000px, 97px, 6px); }
  85% {
    clip: rect(76px, 9000px, 92px, 4px); }
  90% {
    clip: rect(76px, 9000px, 130px, 3px); }
  95% {
    clip: rect(32px, 9000px, 98px, 8px); }
  100% {
    clip: rect(40px, 9000px, 132px, 4px); } }

@-webkit-keyframes glitchTextNoiseMono_after_hard {
  0 {
    clip: rect(137px, 9000px, 67px, 5px); }
  5% {
    clip: rect(25px, 9000px, 73px, 9px); }
  10% {
    clip: rect(111px, 9000px, 28px, 6px); }
  15% {
    clip: rect(136px, 9000px, 100px, 10px); }
  20% {
    clip: rect(140px, 9000px, 108px, 7px); }
  25% {
    clip: rect(133px, 9000px, 84px, 10px); }
  30% {
    clip: rect(144px, 9000px, 7px, 2px); }
  35% {
    clip: rect(59px, 9000px, 6px, 4px); }
  40% {
    clip: rect(136px, 9000px, 150px, 9px); }
  45% {
    clip: rect(149px, 9000px, 65px, 9px); }
  50% {
    clip: rect(81px, 9000px, 96px, 4px); }
  55% {
    clip: rect(63px, 9000px, 21px, 8px); }
  60% {
    clip: rect(56px, 9000px, 99px, 3px); }
  65% {
    clip: rect(137px, 9000px, 76px, 5px); }
  70% {
    clip: rect(115px, 9000px, 37px, 9px); }
  75% {
    clip: rect(132px, 9000px, 104px, 5px); }
  80% {
    clip: rect(150px, 9000px, 20px, 1px); }
  85% {
    clip: rect(4px, 9000px, 56px, 10px); }
  90% {
    clip: rect(13px, 9000px, 12px, 4px); }
  95% {
    clip: rect(39px, 9000px, 65px, 7px); }
  100% {
    clip: rect(117px, 9000px, 97px, 1px); } }

@keyframes glitchTextNoiseMono_after_hard {
  0 {
    clip: rect(137px, 9000px, 67px, 5px); }
  5% {
    clip: rect(25px, 9000px, 73px, 9px); }
  10% {
    clip: rect(111px, 9000px, 28px, 6px); }
  15% {
    clip: rect(136px, 9000px, 100px, 10px); }
  20% {
    clip: rect(140px, 9000px, 108px, 7px); }
  25% {
    clip: rect(133px, 9000px, 84px, 10px); }
  30% {
    clip: rect(144px, 9000px, 7px, 2px); }
  35% {
    clip: rect(59px, 9000px, 6px, 4px); }
  40% {
    clip: rect(136px, 9000px, 150px, 9px); }
  45% {
    clip: rect(149px, 9000px, 65px, 9px); }
  50% {
    clip: rect(81px, 9000px, 96px, 4px); }
  55% {
    clip: rect(63px, 9000px, 21px, 8px); }
  60% {
    clip: rect(56px, 9000px, 99px, 3px); }
  65% {
    clip: rect(137px, 9000px, 76px, 5px); }
  70% {
    clip: rect(115px, 9000px, 37px, 9px); }
  75% {
    clip: rect(132px, 9000px, 104px, 5px); }
  80% {
    clip: rect(150px, 9000px, 20px, 1px); }
  85% {
    clip: rect(4px, 9000px, 56px, 10px); }
  90% {
    clip: rect(13px, 9000px, 12px, 4px); }
  95% {
    clip: rect(39px, 9000px, 65px, 7px); }
  100% {
    clip: rect(117px, 9000px, 97px, 1px); } }

@-webkit-keyframes glitchTextNoiseMono_text_hard {
  32% {
    opacity: 1; }
  33% {
    opacity: 0; }
  34% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: 0; }
  41% {
    opacity: 1; }
  46% {
    transform: rotateX(0) skewX(0); }
  47% {
    transform: rotateX(0) skewX(-90deg); }
  48% {
    transform: rotateX(0) skewX(0); }
  65% {
    opacity: 1; }
  66% {
    opacity: 0; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextNoiseMono_text_hard {
  32% {
    opacity: 1; }
  33% {
    opacity: 0; }
  34% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: 0; }
  41% {
    opacity: 1; }
  46% {
    transform: rotateX(0) skewX(0); }
  47% {
    transform: rotateX(0) skewX(-90deg); }
  48% {
    transform: rotateX(0) skewX(0); }
  65% {
    opacity: 1; }
  66% {
    opacity: 0; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@-webkit-keyframes glitchTextNoise_before_few {
  0 {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@keyframes glitchTextNoise_before_few {
  0 {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@-webkit-keyframes glitchTextNoise_after_few {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@keyframes glitchTextNoise_after_few {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@-webkit-keyframes glitchTextNoise_before_medium {
  0% {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@keyframes glitchTextNoise_before_medium {
  0% {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@-webkit-keyframes glitchTextNoise_after_medium {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@keyframes glitchTextNoise_after_medium {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@-webkit-keyframes glitchTextNoise_text_medium {
  32% {
    opacity: 1; }
  33% {
    opacity: .5; }
  35% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: .5; }
  41% {
    opacity: 1; }
  65% {
    opacity: 1; }
  66% {
    opacity: .5; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextNoise_text_medium {
  32% {
    opacity: 1; }
  33% {
    opacity: .5; }
  35% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: .5; }
  41% {
    opacity: 1; }
  65% {
    opacity: 1; }
  66% {
    opacity: .5; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@-webkit-keyframes glitchTextNoise_before_hard {
  0 {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@keyframes glitchTextNoise_before_hard {
  0 {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@-webkit-keyframes glitchTextNoise_after_hard {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@keyframes glitchTextNoise_after_hard {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@-webkit-keyframes glitchTextNoise_text_hard {
  32% {
    opacity: 1; }
  33% {
    opacity: .5; }
  35% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: .2; }
  41% {
    opacity: 1; }
  46% {
    transform: rotateX(0) skewX(0); }
  47% {
    transform: rotateX(0) skewX(-90deg); }
  48% {
    transform: rotateX(0) skewX(0); }
  65% {
    opacity: 1; }
  66% {
    opacity: .5; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(70deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextNoise_text_hard {
  32% {
    opacity: 1; }
  33% {
    opacity: .5; }
  35% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: .2; }
  41% {
    opacity: 1; }
  46% {
    transform: rotateX(0) skewX(0); }
  47% {
    transform: rotateX(0) skewX(-90deg); }
  48% {
    transform: rotateX(0) skewX(0); }
  65% {
    opacity: 1; }
  66% {
    opacity: .5; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(70deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@-webkit-keyframes glitchTextCrash_few {
  0 {
    transform: translate(0); }
  20% {
    transform: translate(-3px, 3px); }
  40% {
    transform: translate(-3px, -3px); }
  60% {
    transform: translate(3px, 3px); }
  80% {
    transform: translate(3px, -3px); }
  to {
    transform: translate(0); } }

@keyframes glitchTextCrash_few {
  0 {
    transform: translate(0); }
  20% {
    transform: translate(-3px, 3px); }
  40% {
    transform: translate(-3px, -3px); }
  60% {
    transform: translate(3px, 3px); }
  80% {
    transform: translate(3px, -3px); }
  to {
    transform: translate(0); } }

@-webkit-keyframes glitchTextCrash_medium {
  0% {
    transform: translate(0); }
  20% {
    transform: translate(-4px, 4px); }
  40% {
    transform: translate(-4px, -4px); }
  60% {
    transform: translate(4px, 4px); }
  80% {
    transform: translate(4px, -4px); }
  to {
    transform: translate(0); } }

@keyframes glitchTextCrash_medium {
  0% {
    transform: translate(0); }
  20% {
    transform: translate(-4px, 4px); }
  40% {
    transform: translate(-4px, -4px); }
  60% {
    transform: translate(4px, 4px); }
  80% {
    transform: translate(4px, -4px); }
  to {
    transform: translate(0); } }

@-webkit-keyframes glitchTextCrash_hard {
  0% {
    transform: translate(0); }
  20% {
    transform: translate(-5px, 5px); }
  40% {
    transform: translate(-5px, -5px); }
  60% {
    transform: translate(5px, 5px); }
  80% {
    transform: translate(5px, -5px); }
  to {
    transform: translate(0); } }

@keyframes glitchTextCrash_hard {
  0% {
    transform: translate(0); }
  20% {
    transform: translate(-5px, 5px); }
  40% {
    transform: translate(-5px, -5px); }
  60% {
    transform: translate(5px, 5px); }
  80% {
    transform: translate(5px, -5px); }
  to {
    transform: translate(0); } }

.glitch.back.noise {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  height: 200px;
  background: #673ab7;
  color: #fff;
  text-align: center; }

.glitch.back.noise::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../src/img/img-noise.png");
  -webkit-animation: 1s infinite glitchBackgroundNoise;
          animation: 1s infinite glitchBackgroundNoise;
  pointer-events: none; }

@keyframes glitchBackgroundNoise {
  0% {
    background-position: 199px 171px; }
  5% {
    background-position: 413px 350px; }
  10% {
    background-position: 987px 641px; }
  15% {
    background-position: 768px 555px; }
  20% {
    background-position: 308px 421px; }
  25% {
    background-position: 234px 547px; }
  30% {
    background-position: 986px 485px; }
  35% {
    background-position: 767px 220px; }
  40% {
    background-position: 160px 622px; }
  45% {
    background-position: 206px 384px; }
  50% {
    background-position: 46px 272px; }
  55% {
    background-position: 824px 8px; }
  60% {
    background-position: 219px 11px; }
  65% {
    background-position: 529px 659px; }
  70% {
    background-position: 277px 429px; }
  75% {
    background-position: 363px 987px; }
  80% {
    background-position: 186px 943px; }
  85% {
    background-position: 114px 927px; }
  90% {
    background-position: 663px 283px; }
  95% {
    background-position: 454px 678px; }
  100% {
    background-position: 469px 851px; } }

@keyframes glitchTextNoiseMono_before_few {
  0 {
    clip: rect(29px, 9999px, 38px, 0); }
  5% {
    clip: rect(68px, 9999px, 24px, 0); }
  10% {
    clip: rect(26px, 9999px, 58px, 0); }
  15% {
    clip: rect(99px, 9999px, 29px, 0); }
  20% {
    clip: rect(48px, 9999px, 29px, 0); }
  25% {
    clip: rect(28px, 9999px, 38px, 0); }
  30% {
    clip: rect(83px, 9999px, 40px, 0); }
  35% {
    clip: rect(40px, 9999px, 23px, 0); }
  40% {
    clip: rect(84px, 9999px, 56px, 0); }
  45% {
    clip: rect(79px, 9999px, 63px, 0); }
  50% {
    clip: rect(35px, 9999px, 96px, 0); }
  55% {
    clip: rect(14px, 9999px, 56px, 0); }
  60% {
    clip: rect(40px, 9999px, 56px, 0); }
  65% {
    clip: rect(77px, 9999px, 48px, 0); }
  70% {
    clip: rect(28px, 9999px, 100px, 0); }
  75% {
    clip: rect(82px, 9999px, 30px, 0); }
  80% {
    clip: rect(94px, 9999px, 28px, 0); }
  85% {
    clip: rect(62px, 9999px, 28px, 0); }
  90% {
    clip: rect(55px, 9999px, 49px, 0); }
  95% {
    clip: rect(11px, 9999px, 91px, 0); }
  100% {
    clip: rect(55px, 9999px, 9px, 0); } }

@keyframes glitchTextNoiseMono_after_few {
  0% {
    clip: rect(64px, 9999px, 90px, 0); }
  5% {
    clip: rect(34px, 9999px, 27px, 0); }
  10% {
    clip: rect(1px, 9999px, 63px, 0); }
  15% {
    clip: rect(71px, 9999px, 44px, 0); }
  20% {
    clip: rect(23px, 9999px, 71px, 0); }
  25% {
    clip: rect(66px, 9999px, 44px, 0); }
  30% {
    clip: rect(16px, 9999px, 63px, 0); }
  35% {
    clip: rect(28px, 9999px, 73px, 0); }
  40% {
    clip: rect(19px, 9999px, 35px, 0); }
  45% {
    clip: rect(44px, 9999px, 4px, 0); }
  50% {
    clip: rect(80px, 9999px, 65px, 0); }
  55% {
    clip: rect(9px, 9999px, 89px, 0); }
  60% {
    clip: rect(23px, 9999px, 58px, 0); }
  65% {
    clip: rect(81px, 9999px, 15px, 0); }
  70% {
    clip: rect(29px, 9999px, 31px, 0); }
  75% {
    clip: rect(55px, 9999px, 16px, 0); }
  80% {
    clip: rect(62px, 9999px, 48px, 0); }
  85% {
    clip: rect(18px, 9999px, 14px, 0); }
  90% {
    clip: rect(39px, 9999px, 54px, 0); }
  95% {
    clip: rect(95px, 9999px, 54px, 0); }
  100% {
    clip: rect(85px, 9999px, 43px, 0); } }

@keyframes glitchTextNoiseMono_before_medium {
  0 {
    clip: rect(38px, 9000px, 100px, 7px); }
  5% {
    clip: rect(142px, 9000px, 146px, 2px); }
  10% {
    clip: rect(137px, 9000px, 37px, 2px); }
  15% {
    clip: rect(148px, 9000px, 53px, 9px); }
  20% {
    clip: rect(17px, 9000px, 24px, 4px); }
  25% {
    clip: rect(12px, 9000px, 143px, 2px); }
  30% {
    clip: rect(22px, 9000px, 48px, 9px); }
  35% {
    clip: rect(75px, 9000px, 21px, 7px); }
  40% {
    clip: rect(141px, 9000px, 25px, 2px); }
  45% {
    clip: rect(14px, 9000px, 8px, 8px); }
  50% {
    clip: rect(109px, 9000px, 51px, 2px); }
  55% {
    clip: rect(46px, 9000px, 90px, 9px); }
  60% {
    clip: rect(129px, 9000px, 125px, 9px); }
  65% {
    clip: rect(38px, 9000px, 14px, 7px); }
  70% {
    clip: rect(36px, 9000px, 88px, 6px); }
  75% {
    clip: rect(32px, 9000px, 146px, 5px); }
  80% {
    clip: rect(35px, 9000px, 59px, 2px); }
  85% {
    clip: rect(57px, 9000px, 98px, 9px); }
  90% {
    clip: rect(113px, 9000px, 127px, 5px); }
  95% {
    clip: rect(27px, 9000px, 40px, 10px); }
  100% {
    clip: rect(127px, 9000px, 113px, 3px); } }

@keyframes glitchTextNoiseMono_after_medium {
  0% {
    clip: rect(8px, 9000px, 101px, 1px); }
  5% {
    clip: rect(16px, 9000px, 103px, 9px); }
  10% {
    clip: rect(18px, 9000px, 23px, 6px); }
  15% {
    clip: rect(73px, 9000px, 104px, 9px); }
  20% {
    clip: rect(19px, 9000px, 11px, 1px); }
  25% {
    clip: rect(3px, 9000px, 29px, 5px); }
  30% {
    clip: rect(149px, 9000px, 126px, 8px); }
  35% {
    clip: rect(110px, 9000px, 43px, 2px); }
  40% {
    clip: rect(116px, 9000px, 112px, 7px); }
  45% {
    clip: rect(19px, 9000px, 128px, 3px); }
  50% {
    clip: rect(6px, 9000px, 27px, 3px); }
  55% {
    clip: rect(77px, 9000px, 128px, 4px); }
  60% {
    clip: rect(75px, 9000px, 32px, 3px); }
  65% {
    clip: rect(77px, 9000px, 33px, 7px); }
  70% {
    clip: rect(146px, 9000px, 145px, 1px); }
  75% {
    clip: rect(1px, 9000px, 64px, 9px); }
  80% {
    clip: rect(105px, 9000px, 16px, 10px); }
  85% {
    clip: rect(45px, 9000px, 15px, 2px); }
  90% {
    clip: rect(35px, 9000px, 83px, 5px); }
  95% {
    clip: rect(2px, 9000px, 34px, 8px); }
  100% {
    clip: rect(55px, 9000px, 111px, 7px); } }

@keyframes glitchTextNoiseMono_text_medium {
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextNoiseMono_before_hard {
  0% {
    clip: rect(20px, 9000px, 148px, 1px); }
  5% {
    clip: rect(31px, 9000px, 124px, 5px); }
  10% {
    clip: rect(109px, 9000px, 43px, 7px); }
  15% {
    clip: rect(92px, 9000px, 121px, 7px); }
  20% {
    clip: rect(110px, 9000px, 120px, 8px); }
  25% {
    clip: rect(6px, 9000px, 51px, 2px); }
  30% {
    clip: rect(58px, 9000px, 2px, 7px); }
  35% {
    clip: rect(45px, 9000px, 102px, 5px); }
  40% {
    clip: rect(147px, 9000px, 81px, 10px); }
  45% {
    clip: rect(32px, 9000px, 105px, 8px); }
  50% {
    clip: rect(106px, 9000px, 4px, 7px); }
  55% {
    clip: rect(89px, 9000px, 119px, 2px); }
  60% {
    clip: rect(38px, 9000px, 6px, 3px); }
  65% {
    clip: rect(18px, 9000px, 42px, 1px); }
  70% {
    clip: rect(149px, 9000px, 26px, 4px); }
  75% {
    clip: rect(99px, 9000px, 92px, 2px); }
  80% {
    clip: rect(77px, 9000px, 81px, 10px); }
  85% {
    clip: rect(58px, 9000px, 36px, 2px); }
  90% {
    clip: rect(110px, 9000px, 89px, 2px); }
  95% {
    clip: rect(137px, 9000px, 139px, 8px); }
  100% {
    clip: rect(62px, 9000px, 25px, 10px); } }

@keyframes glitchTextNoiseMono_after_hard {
  0 {
    clip: rect(133px, 9000px, 42px, 7px); }
  5% {
    clip: rect(45px, 9000px, 71px, 7px); }
  10% {
    clip: rect(36px, 9000px, 17px, 1px); }
  15% {
    clip: rect(117px, 9000px, 23px, 6px); }
  20% {
    clip: rect(80px, 9000px, 58px, 6px); }
  25% {
    clip: rect(93px, 9000px, 70px, 9px); }
  30% {
    clip: rect(51px, 9000px, 26px, 4px); }
  35% {
    clip: rect(50px, 9000px, 133px, 1px); }
  40% {
    clip: rect(47px, 9000px, 109px, 2px); }
  45% {
    clip: rect(106px, 9000px, 143px, 9px); }
  50% {
    clip: rect(118px, 9000px, 18px, 10px); }
  55% {
    clip: rect(128px, 9000px, 33px, 6px); }
  60% {
    clip: rect(73px, 9000px, 4px, 10px); }
  65% {
    clip: rect(139px, 9000px, 141px, 4px); }
  70% {
    clip: rect(121px, 9000px, 128px, 5px); }
  75% {
    clip: rect(83px, 9000px, 63px, 9px); }
  80% {
    clip: rect(147px, 9000px, 128px, 3px); }
  85% {
    clip: rect(107px, 9000px, 81px, 3px); }
  90% {
    clip: rect(55px, 9000px, 74px, 6px); }
  95% {
    clip: rect(144px, 9000px, 69px, 6px); }
  100% {
    clip: rect(35px, 9000px, 129px, 4px); } }

@keyframes glitchTextNoiseMono_text_hard {
  32% {
    opacity: 1; }
  33% {
    opacity: 0; }
  34% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: 0; }
  41% {
    opacity: 1; }
  46% {
    transform: rotateX(0) skewX(0); }
  47% {
    transform: rotateX(0) skewX(-90deg); }
  48% {
    transform: rotateX(0) skewX(0); }
  65% {
    opacity: 1; }
  66% {
    opacity: 0; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextNoise_before_few {
  0 {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@keyframes glitchTextNoise_after_few {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@keyframes glitchTextNoise_before_medium {
  0% {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@keyframes glitchTextNoise_after_medium {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@keyframes glitchTextNoise_text_medium {
  32% {
    opacity: 1; }
  33% {
    opacity: .5; }
  35% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: .5; }
  41% {
    opacity: 1; }
  65% {
    opacity: 1; }
  66% {
    opacity: .5; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextNoise_before_hard {
  0 {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@keyframes glitchTextNoise_after_hard {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@keyframes glitchTextNoise_text_hard {
  32% {
    opacity: 1; }
  33% {
    opacity: .5; }
  35% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: .2; }
  41% {
    opacity: 1; }
  46% {
    transform: rotateX(0) skewX(0); }
  47% {
    transform: rotateX(0) skewX(-90deg); }
  48% {
    transform: rotateX(0) skewX(0); }
  65% {
    opacity: 1; }
  66% {
    opacity: .5; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(70deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextCrash_few {
  0 {
    transform: translate(0); }
  20% {
    transform: translate(-3px, 3px); }
  40% {
    transform: translate(-3px, -3px); }
  60% {
    transform: translate(3px, 3px); }
  80% {
    transform: translate(3px, -3px); }
  to {
    transform: translate(0); } }

@keyframes glitchTextCrash_medium {
  0% {
    transform: translate(0); }
  20% {
    transform: translate(-4px, 4px); }
  40% {
    transform: translate(-4px, -4px); }
  60% {
    transform: translate(4px, 4px); }
  80% {
    transform: translate(4px, -4px); }
  to {
    transform: translate(0); } }

@keyframes glitchTextCrash_hard {
  0% {
    transform: translate(0); }
  20% {
    transform: translate(-5px, 5px); }
  40% {
    transform: translate(-5px, -5px); }
  60% {
    transform: translate(5px, 5px); }
  80% {
    transform: translate(5px, -5px); }
  to {
    transform: translate(0); } }

.glitch.text.vhs-effect {
  position: relative;
  color: white;
  mix-blend-mode: lighten;
  margin: auto;
  font-size: 120px;
  text-transform: uppercase; }

.glitch.text.vhs-effect:before, .glitch.text.vhs-effect:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  width: 100%;
  clip: rect(0, 0, 0, 0); }

.glitch.text.vhs-effect:before {
  left: -1px;
  text-shadow: 1px 0 rgba(255, 0, 0, 0.7); }

.glitch.text.vhs-effect:after {
  left: 1px;
  text-shadow: -1px 0 rgba(0, 0, 255, 0.7); }

.glitch.text.vhs-effect:not(.hover).few:before {
  text-shadow: 4px 0 rgba(255, 0, 0, 0.7);
  animation: glitchTextNoise_before_few .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect:not(.hover).few:after {
  text-shadow: -4px 0 rgba(0, 0, 255, 0.7);
  animation: glitchTextNoise_after_few .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect:not(.hover).medium {
  -webkit-animation: glitchTextNoise_text_medium 5.0s infinite;
          animation: glitchTextNoise_text_medium 5.0s infinite; }

.glitch.text.vhs-effect:not(.hover).medium:before {
  text-shadow: 4px 0 rgba(255, 0, 0, 0.7);
  animation: glitchTextNoise_before_medium .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect:not(.hover).medium:after {
  text-shadow: -2px 0 rgba(0, 255, 255, 0.7);
  animation: glitchTextNoise_after_medium .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect:not(.hover).hard {
  -webkit-animation: glitchTextNoise_text_hard 4.8s infinite;
          animation: glitchTextNoise_text_hard 4.8s infinite; }

.glitch.text.vhs-effect:not(.hover).hard:before {
  text-shadow: 4px 3px rgba(255, 0, 0, 0.7);
  animation: glitchTextNoise_before_hard .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect:not(.hover).hard:after {
  text-shadow: -4px -2px rgba(0, 255, 255, 0.7);
  animation: glitchTextNoise_after_hard .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect.hover:hover.few:before {
  text-shadow: 4px 0 rgba(255, 0, 0, 0.7);
  animation: glitchTextNoise_before_few .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect.hover:hover.few:after {
  text-shadow: -5px 0 rgba(0, 0, 255, 0.7);
  animation: glitchTextNoise_after_few .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect.hover:hover.medium {
  -webkit-animation: glitchTextNoise_text_medium 5.0s infinite;
          animation: glitchTextNoise_text_medium 5.0s infinite; }

.glitch.text.vhs-effect.hover:hover.medium:before {
  text-shadow: 4px 0 rgba(255, 0, 0, 0.7);
  animation: glitchTextNoise_before_medium .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect.hover:hover.medium:after {
  text-shadow: -5px 0 rgba(0, 0, 255, 0.7);
  animation: glitchTextNoise_after_medium .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect.hover:hover.hard {
  -webkit-animation: glitchTextNoise_text_hard 4.8s infinite;
          animation: glitchTextNoise_text_hard 4.8s infinite; }

.glitch.text.vhs-effect.hover:hover.hard:before {
  text-shadow: 4px 0 rgba(255, 0, 0, 0.7);
  animation: glitchTextNoise_before_hard .8s infinite ease-in-out alternate-reverse; }

.glitch.text.vhs-effect.hover:hover.hard:after {
  text-shadow: -5px 0 rgba(0, 0, 255, 0.7);
  animation: glitchTextNoise_after_hard .8s infinite ease-in-out alternate-reverse; }

.glitch.text.twitch-effect {
  color: white;
  position: relative;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.95);
  letter-spacing: 1px;
  margin: auto;
  font-size: 120px;
  text-transform: uppercase; }

.glitch.text.twitch-effect:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 blue;
  top: 0;
  color: white;
  background: rgba(0, 0, 0, 0.25);
  overflow: hidden; }

.glitch.text.twitch-effect:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 red;
  top: 0;
  color: white;
  background: black;
  overflow: hidden; }

.glitch.text.twitch-effect:not(.hover).few:after {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_before_few 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect:not(.hover).few:before {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_after_few 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect:not(.hover).medium {
  -webkit-animation: glitchTextNoiseMono_text_medium 5.0s infinite;
          animation: glitchTextNoiseMono_text_medium 5.0s infinite; }

.glitch.text.twitch-effect:not(.hover).medium:after {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_before_medium 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect:not(.hover).medium:before {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_after_medium 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect:not(.hover).hard {
  -webkit-animation: glitchTextNoiseMono_text_hard 5.0s infinite;
          animation: glitchTextNoiseMono_text_hard 5.0s infinite; }

.glitch.text.twitch-effect:not(.hover).hard:after {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_before_hard 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect:not(.hover).hard:before {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_after_hard 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect.hover:hover.few:after {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_before_few 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect.hover:hover.few:before {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_after_few 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect.hover:hover.medium {
  -webkit-animation: glitchTextNoiseMono_text_medium 5.0s infinite;
          animation: glitchTextNoiseMono_text_medium 5.0s infinite; }

.glitch.text.twitch-effect.hover:hover.medium:after {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_before_medium 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect.hover:hover.medium:before {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_after_medium 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect.hover:hover.hard {
  -webkit-animation: glitchTextNoiseMono_text_hard 5.0s infinite;
          animation: glitchTextNoiseMono_text_hard 5.0s infinite; }

.glitch.text.twitch-effect.hover:hover.hard:after {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_before_hard 2s infinite linear alternate-reverse; }

.glitch.text.twitch-effect.hover:hover.hard:before {
  clip: rect(0, 900px, 0, 0);
  animation: glitchTextNoiseMono_after_hard 2s infinite linear alternate-reverse; }

@keyframes glitchBackgroundNoise {
  0% {
    background-position: 421px 966px; }
  5% {
    background-position: 940px 856px; }
  10% {
    background-position: 469px 535px; }
  15% {
    background-position: 874px 702px; }
  20% {
    background-position: 149px 865px; }
  25% {
    background-position: 490px 284px; }
  30% {
    background-position: 518px 69px; }
  35% {
    background-position: 305px 440px; }
  40% {
    background-position: 193px 923px; }
  45% {
    background-position: 611px 367px; }
  50% {
    background-position: 837px 439px; }
  55% {
    background-position: 949px 425px; }
  60% {
    background-position: 993px 962px; }
  65% {
    background-position: 866px 40px; }
  70% {
    background-position: 770px 456px; }
  75% {
    background-position: 503px 276px; }
  80% {
    background-position: 181px 646px; }
  85% {
    background-position: 957px 841px; }
  90% {
    background-position: 41px 379px; }
  95% {
    background-position: 204px 89px; }
  100% {
    background-position: 795px 482px; } }

@keyframes glitchTextNoiseMono_before_few {
  0 {
    clip: rect(32px, 9999px, 18px, 0); }
  5% {
    clip: rect(38px, 9999px, 90px, 0); }
  10% {
    clip: rect(5px, 9999px, 16px, 0); }
  15% {
    clip: rect(45px, 9999px, 62px, 0); }
  20% {
    clip: rect(24px, 9999px, 29px, 0); }
  25% {
    clip: rect(89px, 9999px, 52px, 0); }
  30% {
    clip: rect(31px, 9999px, 28px, 0); }
  35% {
    clip: rect(50px, 9999px, 33px, 0); }
  40% {
    clip: rect(78px, 9999px, 11px, 0); }
  45% {
    clip: rect(69px, 9999px, 55px, 0); }
  50% {
    clip: rect(47px, 9999px, 96px, 0); }
  55% {
    clip: rect(13px, 9999px, 25px, 0); }
  60% {
    clip: rect(58px, 9999px, 9px, 0); }
  65% {
    clip: rect(36px, 9999px, 73px, 0); }
  70% {
    clip: rect(66px, 9999px, 99px, 0); }
  75% {
    clip: rect(84px, 9999px, 21px, 0); }
  80% {
    clip: rect(4px, 9999px, 44px, 0); }
  85% {
    clip: rect(81px, 9999px, 35px, 0); }
  90% {
    clip: rect(64px, 9999px, 32px, 0); }
  95% {
    clip: rect(58px, 9999px, 43px, 0); }
  100% {
    clip: rect(37px, 9999px, 30px, 0); } }

@keyframes glitchTextNoiseMono_after_few {
  0% {
    clip: rect(75px, 9999px, 40px, 0); }
  5% {
    clip: rect(53px, 9999px, 98px, 0); }
  10% {
    clip: rect(57px, 9999px, 59px, 0); }
  15% {
    clip: rect(37px, 9999px, 4px, 0); }
  20% {
    clip: rect(35px, 9999px, 31px, 0); }
  25% {
    clip: rect(73px, 9999px, 78px, 0); }
  30% {
    clip: rect(78px, 9999px, 84px, 0); }
  35% {
    clip: rect(85px, 9999px, 80px, 0); }
  40% {
    clip: rect(22px, 9999px, 38px, 0); }
  45% {
    clip: rect(84px, 9999px, 63px, 0); }
  50% {
    clip: rect(26px, 9999px, 5px, 0); }
  55% {
    clip: rect(7px, 9999px, 62px, 0); }
  60% {
    clip: rect(37px, 9999px, 56px, 0); }
  65% {
    clip: rect(35px, 9999px, 27px, 0); }
  70% {
    clip: rect(82px, 9999px, 42px, 0); }
  75% {
    clip: rect(76px, 9999px, 89px, 0); }
  80% {
    clip: rect(70px, 9999px, 44px, 0); }
  85% {
    clip: rect(78px, 9999px, 40px, 0); }
  90% {
    clip: rect(46px, 9999px, 86px, 0); }
  95% {
    clip: rect(98px, 9999px, 53px, 0); }
  100% {
    clip: rect(40px, 9999px, 66px, 0); } }

@keyframes glitchTextNoiseMono_before_medium {
  0 {
    clip: rect(86px, 9000px, 107px, 7px); }
  5% {
    clip: rect(109px, 9000px, 111px, 6px); }
  10% {
    clip: rect(25px, 9000px, 105px, 3px); }
  15% {
    clip: rect(71px, 9000px, 24px, 10px); }
  20% {
    clip: rect(50px, 9000px, 38px, 9px); }
  25% {
    clip: rect(116px, 9000px, 47px, 4px); }
  30% {
    clip: rect(101px, 9000px, 94px, 2px); }
  35% {
    clip: rect(63px, 9000px, 89px, 7px); }
  40% {
    clip: rect(76px, 9000px, 95px, 10px); }
  45% {
    clip: rect(108px, 9000px, 84px, 2px); }
  50% {
    clip: rect(134px, 9000px, 108px, 6px); }
  55% {
    clip: rect(53px, 9000px, 32px, 6px); }
  60% {
    clip: rect(117px, 9000px, 29px, 7px); }
  65% {
    clip: rect(148px, 9000px, 19px, 5px); }
  70% {
    clip: rect(47px, 9000px, 2px, 9px); }
  75% {
    clip: rect(144px, 9000px, 113px, 2px); }
  80% {
    clip: rect(1px, 9000px, 33px, 7px); }
  85% {
    clip: rect(61px, 9000px, 116px, 3px); }
  90% {
    clip: rect(12px, 9000px, 2px, 3px); }
  95% {
    clip: rect(46px, 9000px, 18px, 6px); }
  100% {
    clip: rect(71px, 9000px, 142px, 8px); } }

@keyframes glitchTextNoiseMono_after_medium {
  0% {
    clip: rect(18px, 9000px, 33px, 1px); }
  5% {
    clip: rect(84px, 9000px, 55px, 2px); }
  10% {
    clip: rect(100px, 9000px, 57px, 5px); }
  15% {
    clip: rect(7px, 9000px, 96px, 2px); }
  20% {
    clip: rect(130px, 9000px, 35px, 7px); }
  25% {
    clip: rect(61px, 9000px, 128px, 10px); }
  30% {
    clip: rect(133px, 9000px, 67px, 9px); }
  35% {
    clip: rect(137px, 9000px, 98px, 2px); }
  40% {
    clip: rect(129px, 9000px, 76px, 9px); }
  45% {
    clip: rect(116px, 9000px, 115px, 3px); }
  50% {
    clip: rect(95px, 9000px, 113px, 7px); }
  55% {
    clip: rect(55px, 9000px, 12px, 10px); }
  60% {
    clip: rect(88px, 9000px, 52px, 4px); }
  65% {
    clip: rect(67px, 9000px, 85px, 1px); }
  70% {
    clip: rect(128px, 9000px, 47px, 3px); }
  75% {
    clip: rect(59px, 9000px, 96px, 7px); }
  80% {
    clip: rect(63px, 9000px, 146px, 6px); }
  85% {
    clip: rect(106px, 9000px, 87px, 5px); }
  90% {
    clip: rect(110px, 9000px, 105px, 7px); }
  95% {
    clip: rect(77px, 9000px, 5px, 5px); }
  100% {
    clip: rect(58px, 9000px, 134px, 5px); } }

@keyframes glitchTextNoiseMono_text_medium {
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextNoiseMono_before_hard {
  0% {
    clip: rect(135px, 9000px, 28px, 8px); }
  5% {
    clip: rect(28px, 9000px, 92px, 5px); }
  10% {
    clip: rect(82px, 9000px, 35px, 2px); }
  15% {
    clip: rect(39px, 9000px, 149px, 10px); }
  20% {
    clip: rect(122px, 9000px, 18px, 2px); }
  25% {
    clip: rect(17px, 9000px, 44px, 1px); }
  30% {
    clip: rect(76px, 9000px, 102px, 10px); }
  35% {
    clip: rect(119px, 9000px, 59px, 9px); }
  40% {
    clip: rect(11px, 9000px, 10px, 7px); }
  45% {
    clip: rect(142px, 9000px, 120px, 9px); }
  50% {
    clip: rect(91px, 9000px, 28px, 5px); }
  55% {
    clip: rect(10px, 9000px, 94px, 3px); }
  60% {
    clip: rect(75px, 9000px, 84px, 10px); }
  65% {
    clip: rect(88px, 9000px, 57px, 7px); }
  70% {
    clip: rect(114px, 9000px, 39px, 1px); }
  75% {
    clip: rect(100px, 9000px, 132px, 2px); }
  80% {
    clip: rect(126px, 9000px, 37px, 5px); }
  85% {
    clip: rect(81px, 9000px, 127px, 3px); }
  90% {
    clip: rect(84px, 9000px, 43px, 7px); }
  95% {
    clip: rect(145px, 9000px, 106px, 6px); }
  100% {
    clip: rect(5px, 9000px, 23px, 1px); } }

@keyframes glitchTextNoiseMono_after_hard {
  0 {
    clip: rect(134px, 9000px, 27px, 3px); }
  5% {
    clip: rect(27px, 9000px, 32px, 5px); }
  10% {
    clip: rect(66px, 9000px, 128px, 10px); }
  15% {
    clip: rect(121px, 9000px, 88px, 2px); }
  20% {
    clip: rect(12px, 9000px, 115px, 8px); }
  25% {
    clip: rect(105px, 9000px, 137px, 9px); }
  30% {
    clip: rect(130px, 9000px, 111px, 7px); }
  35% {
    clip: rect(27px, 9000px, 40px, 8px); }
  40% {
    clip: rect(95px, 9000px, 149px, 9px); }
  45% {
    clip: rect(107px, 9000px, 114px, 7px); }
  50% {
    clip: rect(83px, 9000px, 11px, 7px); }
  55% {
    clip: rect(114px, 9000px, 71px, 7px); }
  60% {
    clip: rect(144px, 9000px, 6px, 1px); }
  65% {
    clip: rect(144px, 9000px, 94px, 8px); }
  70% {
    clip: rect(22px, 9000px, 16px, 2px); }
  75% {
    clip: rect(88px, 9000px, 37px, 7px); }
  80% {
    clip: rect(60px, 9000px, 62px, 7px); }
  85% {
    clip: rect(82px, 9000px, 40px, 10px); }
  90% {
    clip: rect(148px, 9000px, 80px, 4px); }
  95% {
    clip: rect(141px, 9000px, 21px, 2px); }
  100% {
    clip: rect(132px, 9000px, 74px, 3px); } }

@keyframes glitchTextNoiseMono_text_hard {
  32% {
    opacity: 1; }
  33% {
    opacity: 0; }
  34% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: 0; }
  41% {
    opacity: 1; }
  46% {
    transform: rotateX(0) skewX(0); }
  47% {
    transform: rotateX(0) skewX(-90deg); }
  48% {
    transform: rotateX(0) skewX(0); }
  65% {
    opacity: 1; }
  66% {
    opacity: 0; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextNoise_before_few {
  0 {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@keyframes glitchTextNoise_after_few {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@keyframes glitchTextNoise_before_medium {
  0% {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@keyframes glitchTextNoise_after_medium {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@keyframes glitchTextNoise_text_medium {
  32% {
    opacity: 1; }
  33% {
    opacity: .5; }
  35% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: .5; }
  41% {
    opacity: 1; }
  65% {
    opacity: 1; }
  66% {
    opacity: .5; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(50deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextNoise_before_hard {
  0 {
    clip: rect(36px, 9999px, 9px, 0); }
  25% {
    clip: rect(25px, 9999px, 99px, 0); }
  50% {
    clip: rect(50px, 9999px, 102px, 0); }
  75% {
    clip: rect(30px, 9999px, 92px, 0); }
  100% {
    clip: rect(91px, 9999px, 98px, 0); } }

@keyframes glitchTextNoise_after_hard {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0); }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0); }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0); }
  75% {
    top: 0;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0); }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0); } }

@keyframes glitchTextNoise_text_hard {
  32% {
    opacity: 1; }
  33% {
    opacity: .5; }
  35% {
    opacity: 1; }
  39% {
    opacity: 1; }
  40% {
    opacity: .2; }
  41% {
    opacity: 1; }
  46% {
    transform: rotateX(0) skewX(0); }
  47% {
    transform: rotateX(0) skewX(-90deg); }
  48% {
    transform: rotateX(0) skewX(0); }
  65% {
    opacity: 1; }
  66% {
    opacity: .5; }
  67% {
    opacity: 1; }
  84% {
    transform: rotateX(0) skewX(0); }
  85% {
    transform: rotateX(10deg) skewX(70deg); }
  86% {
    transform: rotateX(0) skewX(0); } }

@keyframes glitchTextCrash_few {
  0 {
    transform: translate(0); }
  20% {
    transform: translate(-3px, 3px); }
  40% {
    transform: translate(-3px, -3px); }
  60% {
    transform: translate(3px, 3px); }
  80% {
    transform: translate(3px, -3px); }
  to {
    transform: translate(0); } }

@keyframes glitchTextCrash_medium {
  0% {
    transform: translate(0); }
  20% {
    transform: translate(-4px, 4px); }
  40% {
    transform: translate(-4px, -4px); }
  60% {
    transform: translate(4px, 4px); }
  80% {
    transform: translate(4px, -4px); }
  to {
    transform: translate(0); } }

@keyframes glitchTextCrash_hard {
  0% {
    transform: translate(0); }
  20% {
    transform: translate(-5px, 5px); }
  40% {
    transform: translate(-5px, -5px); }
  60% {
    transform: translate(5px, 5px); }
  80% {
    transform: translate(5px, -5px); }
  to {
    transform: translate(0); } }

.glitch.text.crash-effect {
  position: relative;
  font-size: 120px;
  text-transform: uppercase;
  margin: 0;
  color: #fff; }

.glitch.text.crash-effect:before, .glitch.text.crash-effect:after {
  display: block;
  content: attr(data-text);
  text-transform: uppercase;
  opacity: .8;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.glitch.text.crash-effect:after {
  color: #f0f;
  z-index: -2; }

.glitch.text.crash-effect:before {
  color: #0ff;
  z-index: -1; }

.glitch.text.crash-effect:not(.hover).few:before {
  -webkit-animation: glitchTextCrash_few 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
          animation: glitchTextCrash_few 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

.glitch.text.crash-effect:not(.hover).few:after {
  animation: glitchTextCrash_few 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse infinite; }

.glitch.text.crash-effect:not(.hover).medium:before {
  -webkit-animation: glitchTextCrash_medium 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
          animation: glitchTextCrash_medium 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

.glitch.text.crash-effect:not(.hover).medium:after {
  animation: glitchTextCrash_medium 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse infinite; }

.glitch.text.crash-effect:not(.hover).hard:before {
  -webkit-animation: glitchTextCrash_hard 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
          animation: glitchTextCrash_hard 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

.glitch.text.crash-effect:not(.hover).hard:after {
  animation: glitchTextCrash_hard 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse infinite; }

.glitch.text.crash-effect.hover:not(.infinite):hover.few:before {
  -webkit-animation: glitchTextCrash_few 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 5;
          animation: glitchTextCrash_few 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 5; }

.glitch.text.crash-effect.hover:not(.infinite):hover.few:after {
  animation: glitchTextCrash_few 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both 5; }

.glitch.text.crash-effect.hover:not(.infinite):hover.medium:before {
  -webkit-animation: glitchTextCrash_medium 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 5;
          animation: glitchTextCrash_medium 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 5; }

.glitch.text.crash-effect.hover:not(.infinite):hover.medium:after {
  animation: glitchTextCrash_medium 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both 5; }

.glitch.text.crash-effect.hover:not(.infinite):hover.hard:before {
  -webkit-animation: glitchTextCrash_hard 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 5;
          animation: glitchTextCrash_hard 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 5; }

.glitch.text.crash-effect.hover:not(.infinite):hover.hard:after {
  animation: glitchTextCrash_hard 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both 5; }

.glitch.text.crash-effect.hover.infinite:hover.few:before {
  -webkit-animation: glitchTextCrash_few 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
          animation: glitchTextCrash_few 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

.glitch.text.crash-effect.hover.infinite:hover.few:after {
  animation: glitchTextCrash_few 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse infinite; }

.glitch.text.crash-effect.hover.infinite:hover.medium:before {
  -webkit-animation: glitchTextCrash_medium 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
          animation: glitchTextCrash_medium 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

.glitch.text.crash-effect.hover.infinite:hover.medium:after {
  animation: glitchTextCrash_medium 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse infinite; }

.glitch.text.crash-effect.hover.infinite:hover.hard:before {
  -webkit-animation: glitchTextCrash_hard 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
          animation: glitchTextCrash_hard 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

.glitch.text.crash-effect.hover.infinite:hover.hard:after {
  animation: glitchTextCrash_hard 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse infinite; }

/*!
 * 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: 2;
  animation-iteration-count: 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: 3;
  animation-iteration-count: 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: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2); }

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3); }

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4); }

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5); }

.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2); }

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: calc(var(--animate-duration)*0.8); }

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2); }

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3); }

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; }
  .animate__animated[class*=Out] {
    opacity: 0; } }

@-webkit-keyframes bounce {
  0%, 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);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    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);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0) scaleY(0.95); }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }

@keyframes bounce {
  0%, 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);
    transform: translateZ(0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    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);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0) scaleY(0.95); }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  transform-origin: center bottom; }

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

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

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    transform: scaleX(1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scaleX(1); } }

@keyframes pulse {
  0% {
    transform: scaleX(1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scaleX(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 {
  0% {
    transform: scaleX(1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scaleX(1); } }

@keyframes rubberBand {
  0% {
    transform: scaleX(1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scaleX(1); } }

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shakeX {
  0%, to {
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }

@keyframes shakeX {
  0%, to {
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX; }

@-webkit-keyframes shakeY {
  0%, to {
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0); } }

@keyframes shakeY {
  0%, to {
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0); } }

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY; }

@-webkit-keyframes headShake {
  0% {
    transform: translateX(0); }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    transform: translateX(2px) rotateY(3deg); }
  50% {
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    transform: translateX(0); }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    transform: translateX(2px) rotateY(3deg); }
  50% {
    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% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  to {
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  to {
    transform: rotate(0deg); } }

.animate__swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    transform: scaleX(1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    transform: scaleX(1); } }

@keyframes tada {
  0% {
    transform: scaleX(1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    transform: scaleX(1); } }

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    transform: translateZ(0); }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: translateZ(0); } }

@keyframes wobble {
  0% {
    transform: translateZ(0); }
  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    transform: translateZ(0); } }

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  0%, 11.1%, to {
    transform: translateZ(0); }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  0%, 11.1%, to {
    transform: translateZ(0); }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    transform: scale(1); }
  14% {
    transform: scale(1.3); }
  28% {
    transform: scale(1); }
  42% {
    transform: scale(1.3); }
  70% {
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    transform: scale(1); }
  14% {
    transform: scale(1.3); }
  28% {
    transform: scale(1); }
  42% {
    transform: scale(1.3); }
  70% {
    transform: scale(1); } }

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -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; }

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

@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: .7; }
  80% {
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    transform: scale(1);
    opacity: 1; } }

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown; }

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

@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; }
  80% {
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    transform: scale(1);
    opacity: 1; } }

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft; }

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

@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: .7; }
  80% {
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    transform: scale(1);
    opacity: 1; } }

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight; }

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

@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: .7; }
  80% {
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    transform: scale(1);
    opacity: 1; } }

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp; }

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

@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1; }
  20% {
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    transform: translateY(700px) scale(0.7);
    opacity: .7; } }

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown; }

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

@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1; }
  20% {
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    transform: translateX(-2000px) scale(0.7);
    opacity: .7; } }

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft; }

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

@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1; }
  20% {
    transform: translateX(0) scale(0.7);
    opacity: .7; }
  to {
    transform: translateX(2000px) scale(0.7);
    opacity: .7; } }

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight; }

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

@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1; }
  20% {
    transform: translateY(0) scale(0.7);
    opacity: .7; }
  to {
    transform: translateY(-700px) scale(0.7);
    opacity: .7; } }

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scaleX(1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scaleX(1); } }

.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -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 {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    transform: translateZ(0); } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    transform: translateZ(0); } }

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    transform: translateZ(0); } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    transform: translateZ(0); } }

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    transform: translateZ(0); } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    transform: translateZ(0); } }

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    transform: translateZ(0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    transform: translateZ(0); } }

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -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% {
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3); } }

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

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

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

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

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

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

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

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

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

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

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

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

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

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

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

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

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

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

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

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

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

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

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

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

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

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

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

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

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

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

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

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

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

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

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

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

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft; }

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

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight; }

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

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft; }

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

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0); }
  to {
    opacity: 1;
    transform: translateZ(0); } }

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

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

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

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

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

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

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

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

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

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

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

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

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

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

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

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

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

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

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

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

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

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

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

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

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

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

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

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

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    transform: translateZ(0); }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0); } }

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft; }

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

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    transform: translateZ(0); }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0); } }

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight; }

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

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    transform: translateZ(0); }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0); } }

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight; }

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

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    transform: translateZ(0); }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0); } }

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft; }

@-webkit-keyframes flip {
  0% {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(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 {
  0% {
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotateX(-5deg); }
  to {
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotateX(-5deg); }
  to {
    transform: perspective(400px); } }

.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotateY(-5deg); }
  to {
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotateY(-5deg); }
  to {
    transform: perspective(400px); } }

.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -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 {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -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; }

@-webkit-keyframes lightSpeedInRight {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg); }
  to {
    transform: translateZ(0); } }

@keyframes lightSpeedInRight {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg); }
  to {
    transform: translateZ(0); } }

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedInLeft {
  0% {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    transform: skewX(5deg); }
  to {
    transform: translateZ(0); } }

@keyframes lightSpeedInLeft {
  0% {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    transform: skewX(5deg); }
  to {
    transform: translateZ(0); } }

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

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

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1; }
  to {
    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 {
  0% {
    opacity: 1; }
  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1; }
  to {
    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; }

@-webkit-keyframes rotateIn {
  0% {
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  transform-origin: center; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInDownRight {
  0% {
    transform: rotate(45deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    transform: rotate(45deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  transform-origin: right bottom; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    transform: rotate(45deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    transform: rotate(45deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInUpRight {
  0% {
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1; }
  to {
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    opacity: 1; }
  to {
    transform: rotate(200deg);
    opacity: 0; } }

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  transform-origin: center; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1; }
  to {
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1; }
  to {
    transform: rotate(45deg);
    opacity: 0; } }

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1; }
  to {
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    opacity: 1; }
  to {
    transform: rotate(-45deg);
    opacity: 0; } }

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1; }
  to {
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1; }
  to {
    transform: rotate(-45deg);
    opacity: 0; } }

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1; }
  to {
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    opacity: 1; }
  to {
    transform: rotate(90deg);
    opacity: 0; } }

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  transform-origin: right bottom; }

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    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% {
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  transform-origin: top left; }

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% {
    transform: rotate(-10deg); }
  70% {
    transform: rotate(3deg); }
  to {
    opacity: 1;
    transform: scale(1); } }

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% {
    transform: rotate(-10deg); }
  70% {
    transform: rotate(3deg); }
  to {
    opacity: 1;
    transform: scale(1); } }

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

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

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

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

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

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

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

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

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

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 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;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    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;
    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 {
  0% {
    opacity: 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;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    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;
    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 {
  0% {
    opacity: 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;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    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;
    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 {
  0% {
    opacity: 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;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    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;
    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; }

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

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    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;
    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;
    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;
    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;
    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;
  transform-origin: center bottom; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  transform-origin: left center; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0); } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0); } }

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  transform-origin: right center; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    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;
    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;
    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;
    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;
  transform-origin: center bottom; }

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

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

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

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

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

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

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

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

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

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

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

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

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

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

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

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

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

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

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

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

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

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

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

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }
/*# sourceMappingURL=style.css.map */