/*! animadio v6.2.7 | https://www.npmjs.com/package/animadio | MIT License */

/*! 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; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

body {
  margin: 0;
}

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

main {
  display: block;
}

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

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

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

/********** VARS **********/
:root {
  /********** FONT FAMILY **********/
  --ani-sans-serif: Helvetica, sans-serif;
  --ani-serif: Times, serif;
  --ani-monospace: Courier, monospace;
  --ani-cursive: Mistral, cursive;
  --ani-fantasy: Impact, fantasy;
  /********** COLORS **********/
  /* hue */
  --ani-hue: 0;
  /* saturation */
  --ani-min: 0%;
  --ani-max: 100%;
  /* lightness */
  --ani-base: 50%;
  --ani-dark: 20%;
  --ani-light: 80%;
  /* opacity */
  --ani-darker: 0.8;
  --ani-lighter: 0.2;
  /* color hues */
  --ani-red-hue: 0;
  --ani-orange-hue: 30;
  --ani-yellow-hue: 60;
  --ani-lime-hue: 90;
  --ani-green-hue: 120;
  --ani-aqua-hue: 150;
  --ani-cyan-hue: 180;
  --ani-sky-hue: 210;
  --ani-blue-hue: 240;
  --ani-violet-hue: 270;
  --ani-magenta-hue: 300;
  --ani-pink-hue: 330;
  /* grayscale lightness */
  --ani-black-light: 0%;
  --ani-slate-light: 20%;
  --ani-gray-light: 50%;
  --ani-silver-light: 80%;
  --ani-white-light: 100%;
  /* colors */
  --ani-red: hsl(var(--ani-red-hue), var(--ani-max), var(--ani-base));
  --ani-red-dark: hsl(var(--ani-red-hue), var(--ani-max), var(--ani-dark));
  --ani-red-light: hsl(var(--ani-red-hue), var(--ani-max), var(--ani-light));
  --ani-red-darker: hsla(var(--ani-red-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-red-lighter: hsla(var(--ani-red-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-orange: hsl(var(--ani-orange-hue), var(--ani-max), var(--ani-base));
  --ani-orange-dark: hsl(var(--ani-orange-hue), var(--ani-max), var(--ani-dark));
  --ani-orange-light: hsl(var(--ani-orange-hue), var(--ani-max), var(--ani-light));
  --ani-orange-darker: hsla(var(--ani-orange-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-orange-lighter: hsla(var(--ani-orange-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-yellow: hsl(var(--ani-yellow-hue), var(--ani-max), var(--ani-base));
  --ani-yellow-dark: hsl(var(--ani-yellow-hue), var(--ani-max), var(--ani-dark));
  --ani-yellow-light: hsl(var(--ani-yellow-hue), var(--ani-max), var(--ani-light));
  --ani-yellow-darker: hsla(var(--ani-yellow-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-yellow-lighter: hsla(var(--ani-yellow-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-lime: hsl(var(--ani-lime-hue), var(--ani-max), var(--ani-base));
  --ani-lime-dark: hsl(var(--ani-lime-hue), var(--ani-max), var(--ani-dark));
  --ani-lime-light: hsl(var(--ani-lime-hue), var(--ani-max), var(--ani-light));
  --ani-lime-darker: hsla(var(--ani-lime-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-lime-lighter: hsla(var(--ani-lime-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-green: hsl(var(--ani-green-hue), var(--ani-max), var(--ani-base));
  --ani-green-dark: hsl(var(--ani-green-hue), var(--ani-max), var(--ani-dark));
  --ani-green-light: hsl(var(--ani-green-hue), var(--ani-max), var(--ani-light));
  --ani-green-darker: hsla(var(--ani-green-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-green-lighter: hsla(var(--ani-green-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-aqua: hsl(var(--ani-aqua-hue), var(--ani-max), var(--ani-base));
  --ani-aqua-dark: hsl(var(--ani-aqua-hue), var(--ani-max), var(--ani-dark));
  --ani-aqua-light: hsl(var(--ani-aqua-hue), var(--ani-max), var(--ani-light));
  --ani-aqua-darker: hsla(var(--ani-aqua-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-aqua-lighter: hsla(var(--ani-aqua-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-cyan: hsl(var(--ani-cyan-hue), var(--ani-max), var(--ani-base));
  --ani-cyan-dark: hsl(var(--ani-cyan-hue), var(--ani-max), var(--ani-dark));
  --ani-cyan-light: hsl(var(--ani-cyan-hue), var(--ani-max), var(--ani-light));
  --ani-cyan-darker: hsla(var(--ani-cyan-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-cyan-lighter: hsla(var(--ani-cyan-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-sky: hsl(var(--ani-sky-hue), var(--ani-max), var(--ani-base));
  --ani-sky-dark: hsl(var(--ani-sky-hue), var(--ani-max), var(--ani-dark));
  --ani-sky-light: hsl(var(--ani-sky-hue), var(--ani-max), var(--ani-light));
  --ani-sky-darker: hsla(var(--ani-sky-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-sky-lighter: hsla(var(--ani-sky-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-blue: hsl(var(--ani-blue-hue), var(--ani-max), var(--ani-base));
  --ani-blue-dark: hsl(var(--ani-blue-hue), var(--ani-max), var(--ani-dark));
  --ani-blue-light: hsl(var(--ani-blue-hue), var(--ani-max), var(--ani-light));
  --ani-blue-darker: hsla(var(--ani-blue-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-blue-lighter: hsla(var(--ani-blue-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-violet: hsl(var(--ani-violet-hue), var(--ani-max), var(--ani-base));
  --ani-violet-dark: hsl(var(--ani-violet-hue), var(--ani-max), var(--ani-dark));
  --ani-violet-light: hsl(var(--ani-violet-hue), var(--ani-max), var(--ani-light));
  --ani-violet-darker: hsla(var(--ani-violet-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-violet-lighter: hsla(var(--ani-violet-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-magenta: hsl(var(--ani-magenta-hue), var(--ani-max), var(--ani-base));
  --ani-magenta-dark: hsl(var(--ani-magenta-hue), var(--ani-max), var(--ani-dark));
  --ani-magenta-light: hsl(var(--ani-magenta-hue), var(--ani-max), var(--ani-light));
  --ani-magenta-darker: hsla(var(--ani-magenta-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-magenta-lighter: hsla(var(--ani-magenta-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  --ani-pink: hsl(var(--ani-pink-hue), var(--ani-max), var(--ani-base));
  --ani-pink-dark: hsl(var(--ani-pink-hue), var(--ani-max), var(--ani-dark));
  --ani-pink-light: hsl(var(--ani-pink-hue), var(--ani-max), var(--ani-light));
  --ani-pink-darker: hsla(var(--ani-pink-hue), var(--ani-max), var(--ani-dark), var(--ani-darker));
  --ani-pink-lighter: hsla(var(--ani-pink-hue), var(--ani-max), var(--ani-light), var(--ani-lighter));
  /* grayscale */
  --ani-black: hsl(var(--ani-hue), var(--ani-min), var(--ani-black-light));
  --ani-black-darker: hsla(var(--ani-hue), var(--ani-min), var(--ani-black-light), var(--ani-darker));
  --ani-black-lighter: hsla(var(--ani-hue), var(--ani-min), var(--ani-black-light), var(--ani-lighter));
  --ani-slate: hsl(var(--ani-hue), var(--ani-min), var(--ani-slate-light));
  --ani-slate-darker: hsla(var(--ani-hue), var(--ani-min), var(--ani-slate-light), var(--ani-darker));
  --ani-slate-lighter: hsla(var(--ani-hue), var(--ani-min), var(--ani-slate-light), var(--ani-lighter));
  --ani-gray: hsl(var(--ani-hue), var(--ani-min), var(--ani-gray-light));
  --ani-gray-darker: hsla(var(--ani-hue), var(--ani-min), var(--ani-gray-light), var(--ani-darker));
  --ani-gray-lighter: hsla(var(--ani-hue), var(--ani-min), var(--ani-gray-light), var(--ani-lighter));
  --ani-silver: hsl(var(--ani-hue), var(--ani-min), var(--ani-silver-light));
  --ani-silver-darker: hsla(var(--ani-hue), var(--ani-min), var(--ani-silver-light), var(--ani-darker));
  --ani-silver-lighter: hsla(var(--ani-hue), var(--ani-min), var(--ani-silver-light), var(--ani-lighter));
  --ani-white: hsl(var(--ani-hue), var(--ani-min), var(--ani-white-light));
  --ani-white-darker: hsla(var(--ani-hue), var(--ani-min), var(--ani-white-light), var(--ani-darker));
  --ani-white-lighter: hsla(var(--ani-hue), var(--ani-min), var(--ani-white-light), var(--ani-lighter));
  /********** TRANSFORM **********/
  --ani-slideT: translate(0, 10vh);
  --ani-slideR: translate(-10vw, 0);
  --ani-slideB: translate(0, -10vh);
  --ani-slideL: translate(10vw, 0);
  --ani-turn: rotate3d(0, 0, 1, 360deg);
  --ani-turnX: rotate3d(1, 0, 0, 360deg);
  --ani-turnY: rotate3d(0, 1, 0, 360deg);
  --ani-turnXY: rotate3d(1, 1, 0, 360deg);
  --ani-turnXZ: rotate3d(1, 0, 1, 360deg);
  --ani-turnYZ: rotate3d(0, 1, 1, 360deg);
  --ani-turn3D: rotate3d(1, 1, 1, 360deg);
  --ani-bounce: scale(-1, -1);
  --ani-grow: scale(0.5, 0.5);
  --ani-shrink: scale(1.5, 1.5);
  --ani-flipX: scale(1, -1);
  --ani-flipY: scale(-1, 1);
  --ani-openX: scale(1, 0);
  --ani-openY: scale(0, 1);
  --ani-flipperX: scale(0, -1);
  --ani-flipperY: scale(-1, 0);
  --ani-twistT: skew(-90deg, -90deg);
  --ani-twistR: skew(90deg, -90deg);
  --ani-twistB: skew(90deg, 90deg);
  --ani-twistL: skew(-90deg, 90deg); }

/********** TAGS **********/
* {
  --ani-target-margins: 7rem; }

html {
  --ani-html-font-size: 62.5%; }

body {
  --ani-body-font-size: 2rem;
  --ani-body-line-height: 1.6;
  --ani-body-margin: auto;
  --ani-body-max-width: 100%;
  --ani-body-overflow: break-word;
  --ani-body-padding: 0; }

main {
  --ani-main-text-align: center; }

article {
  --ani-article-margin-bottom: 20px; }

h1 {
  --ani-title-font-size: calc(var(--ani-body-font-size) * 2);
  --ani-title-margin: 20px 0; }

h2 {
  --ani-title-font-size: calc(var(--ani-body-font-size) * 1.8);
  --ani-title-margin: 15px 0; }

h3 {
  --ani-title-font-size: calc(var(--ani-body-font-size) * 1.6);
  --ani-title-margin: 10px 0; }

h4 {
  --ani-title-font-size: calc(var(--ani-body-font-size) * 1.4);
  --ani-title-margin: 5px 0; }

h5 {
  --ani-title-font-size: calc(var(--ani-body-font-size) * 1.2);
  --ani-title-margin: 0; }

h6 {
  --ani-title-font-size: var(--ani-body-font-size);
  --ani-title-margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  --ani-title-text-align: center;
  --ani-title-text-transform: capitalize; }

ul {
  --ani-ul-margin: 0 0 10px;
  --ani-ul-padding: 0;
  --ani-ul-style: none; }

table {
  --ani-table-border-collapse: collapse;
  --ani-table-margin: auto;
  --ani-table-text-align: center;
  --ani-table-vertical-align: middle; }

figure {
  --ani-figure-margin: 0; }

img,
video {
  --ani-img-max-width: 100%;
  --ani-img-height: auto;
  --ani-img-object-fit: contain; }

code,
pre {
  --ani-code-font-size: 1em;
  --ani-code-margin: auto;
  --ani-code-overflow: auto;
  --ani-code-padding: 10px;
  --ani-code-text-align: initial;
  --ani-code-white-space: pre-line;
  --ani-code-width: 100%; }

p {
  --ani-p-margin: 5px; }

a {
  --ani-a-color: var(--sky);
  --ani-a-outline: 0;
  --ani-a-text-decoration: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  --ani-button-cursor: pointer; }

/********** GRID **********/
[class*="grid"] {
  --ani-grid-max-width: 100vw;
  --ani-grid-margin: auto; }

[class*="gap-"] {
  --ani-gap1: 5px;
  --ani-gap2: 10px;
  --ani-gap3: 20px;
  --ani-gap4: 50px; }

/********** MARGIN **********/
[class*="mar-"] {
  --ani-margin-auto: auto;
  --ani-margin-none: 0;
  --ani-margin-tn: 2px;
  --ani-margin-sm: 5px;
  --ani-margin-md: 10px;
  --ani-margin-lg: 20px;
  --ani-margin-xl: 50px;
  --ani-margin-wd: 100px; }

/********** BORDER **********/
[class*="bord"] {
  --ani-border-width-sm: 1px;
  --ani-border-width-md: 2px;
  --ani-border-width-lg: 5px;
  --ani-border-radius-curve: 10px;
  --ani-border-radius-round: 20px;
  --ani-border-radius-circle: 50%; }

/********** PADDING **********/
[class*="pad-"] {
  --ani-padding-auto: auto;
  --ani-padding-none: 0;
  --ani-padding-tn: 2px;
  --ani-padding-sm: 5px;
  --ani-padding-md: 10px;
  --ani-padding-lg: 20px;
  --ani-padding-xl: 50px;
  --ani-padding-wd: 100px; }

/********** CONTAINER **********/
[class*="container"] {
  --ani-container-max-width: 100%; }

/********** HEIGHT **********/
[class*="height-"] {
  --ani-height-sm: 20%;
  --ani-height-md: 50%;
  --ani-height-lg: 100%; }

/********** MAX HEIGHT **********/
[class*="max-h-"] {
  --ani-max-height-sm: 20%;
  --ani-max-height-md: 50%;
  --ani-max-height-lg: 100%; }

/********** MIN HEIGHT **********/
[class*="min-h-"] {
  --ani-min-height-sm: 20%;
  --ani-min-height-md: 50%;
  --ani-min-height-lg: 100%; }

/********** WIDTH **********/
[class*="width-"] {
  --ani-width-sm: 20%;
  --ani-width-md: 50%;
  --ani-width-lg: 100%; }

/********** MAX WIDTH **********/
[class*="max-w-"] {
  --ani-max-width-sm: 20%;
  --ani-max-width-md: 50%;
  --ani-max-width-lg: 100%; }

[class*="min-w-"] {
  --ani-min-width-sm: 20%;
  --ani-min-width-md: 50%;
  --ani-min-width-lg: 100%; }

/********** ANIMATION **********/
[class*="ani-"] {
  --ani-animation-duration: 2s;
  --ani-animation-duration-sm: 500ms;
  --ani-animation-duration-md: 1s;
  --ani-animation-duration-lg: 2s;
  --ani-animation-timing-function-linear: linear;
  --ani-animation-timing-function-easin: ease-in;
  --ani-animation-timing-function-easout: ease-out;
  --ani-animation-timing-function-inout: ease-in-out;
  --ani-animation-iteration-count-few: 2;
  --ani-animation-iteration-count-many: 5;
  --ani-animation-iteration-count-loop: infinite;
  --ani-animation-delay-min: 500ms;
  --ani-animation-delay-max: 1s; }

@keyframes slideT {
  from {
    transform: var(--ani-slideT); } }

@keyframes slideR {
  from {
    transform: var(--ani-slideR); } }

@keyframes slideB {
  from {
    transform: var(--ani-slideB); } }

@keyframes slideL {
  from {
    transform: var(--ani-slideL); } }

@keyframes turn {
  from {
    transform: var(--ani-turn); } }

@keyframes turnX {
  from {
    transform: var(--ani-turnX); } }

@keyframes turnY {
  from {
    transform: var(--ani-turnY); } }

@keyframes turnXY {
  from {
    transform: var(--ani-turnXY); } }

@keyframes turnXZ {
  from {
    transform: var(--ani-turnXZ); } }

@keyframes turnYZ {
  from {
    transform: var(--ani-turnYZ); } }

@keyframes turn3D {
  from {
    transform: var(--ani-turn3D); } }

@keyframes bounce {
  from {
    transform: var(--ani-bounce); } }

@keyframes grow {
  from {
    transform: var(--ani-grow); } }

@keyframes shrink {
  from {
    transform: var(--ani-shrink); } }

@keyframes flipX {
  from {
    transform: var(--ani-flipX); } }

@keyframes flipY {
  from {
    transform: var(--ani-flipY); } }

@keyframes openX {
  from {
    transform: var(--ani-openX); } }

@keyframes openY {
  from {
    transform: var(--ani-openY); } }

@keyframes flipperX {
  from {
    transform: var(--ani-flipperX); } }

@keyframes flipperY {
  from {
    transform: var(--ani-flipperY); } }

@keyframes twistT {
  from {
    transform: var(--ani-twistT); } }

@keyframes twistR {
  from {
    transform: var(--ani-twistR); } }

@keyframes twistB {
  from {
    transform: var(--ani-twistB); } }

@keyframes twistL {
  from {
    transform: var(--ani-twistL); } }

/********** TAGS **********/
* {
  box-sizing: border-box; }
  *:target {
    padding-top: var(--ani-target-margins);
    margin-top: -var(--ani-target-margins); }

html {
  font-size: var(--ani-html-font-size);
  scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto; } }

body {
  margin: var(--ani-body-margin);
  padding: var(--ani-body-padding);
  max-width: var(--ani-body-max-width);
  line-height: var(--ani-body-line-height);
  font-size: var(--ani-body-font-size);
  font-family: var(--ani-sans-serif);
  overflow-wrap: var(--ani-body-overflow); }

main {
  text-align: var(--ani-main-text-align); }

article {
  margin-bottom: var(--ani-article-margin-bottom); }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: var(--ani-title-margin);
  font-family: var(--ani-serif);
  text-align: var(--ani-title-text-align);
  text-transform: var(--ani-title-text-transform);
  font-size: var(--ani-title-font-size); }

ul {
  margin: var(--ani-ul-margin);
  padding: var(--ani-ul-padding);
  list-style: var(--ani-ul-style); }

table {
  margin: var(--ani-table-margin);
  border-collapse: var(--ani-table-border-collapse);
  text-align: var(--ani-table-text-align);
  vertical-align: var(--ani-table-vertical-align);
  font-family: var(--ani-monospace); }

figure {
  margin: var(--ani-figure-margin); }

img,
video {
  max-width: var(--ani-img-max-width);
  height: var(--ani-img-height);
  -o-object-fit: var(--ani-img-object-fit);
     object-fit: var(--ani-img-object-fit); }

code,
pre {
  overflow: var(--ani-code-overflow);
  margin: var(--ani-code-margin);
  padding: var(--ani-code-padding);
  width: var(--ani-code-width);
  font-family: var(--ani-monospace);
  text-align: var(--ani-code-text-align);
  white-space: var(--ani-code-white-space); }

p {
  margin: var(--ani-p-margin); }

a {
  -webkit-text-decoration: var(--ani-a-text-decoration);
          text-decoration: var(--ani-a-text-decoration);
  outline: var(--ani-a-outline);
  color: var(--ani-a-color); }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: var(--ani-button-cursor); }

/********** FLEX **********/
[class*="flex"] {
  display: flex; }

[class*="flex-"][class*="-col"] {
  flex-direction: column; }

[class*="flex-"][class*="-col-rev"] {
  flex-direction: column-reverse; }

[class*="flex-"][class*="-row"] {
  flex-direction: row; }

[class*="flex-"][class*="-row-rev"] {
  flex-direction: row-reverse; }

[class*="flex-"][class*="-wrap"] {
  flex-wrap: wrap; }

[class*="flex-"][class*="-wrap-rev"] {
  flex-wrap: wrap-reverse; }

/********** FLEX ITEM **********/
[class*="flex-"][class*="-order1"] {
  order: 1; }

[class*="flex-"][class*="-order2"] {
  order: 2; }

[class*="flex-"][class*="-order3"] {
  order: 3; }

[class*="flex-"][class*="-order4"] {
  order: 4; }

[class*="flex-"][class*="-grow1"] {
  flex-grow: 1; }

[class*="flex-"][class*="-grow2"] {
  flex-grow: 2; }

[class*="flex-"][class*="-grow3"] {
  flex-grow: 3; }

[class*="flex-"][class*="-grow4"] {
  flex-grow: 4; }

[class*="flex-"][class*="-shrink1"] {
  flex-shrink: 1; }

[class*="flex-"][class*="-shrink2"] {
  flex-shrink: 2; }

[class*="flex-"][class*="-shrink3"] {
  flex-shrink: 3; }

[class*="flex-"][class*="-shrink4"] {
  flex-shrink: 4; }

/********** GRID **********/
[class*="grid"] {
  display: grid;
  max-width: var(--ani-grid-max-width);
  margin: var(--ani-grid-margin); }

/********** GRID TEMPLATE **********/
[class*="grid-"][class*="-2tn"] {
  grid-template: auto/repeat(2, auto); }

[class*="grid-"][class*="-3tn"] {
  grid-template: auto/repeat(3, auto); }

[class*="grid-"][class*="-4tn"] {
  grid-template: auto/repeat(4, auto); }

[class*="grid-"][class*="-5tn"] {
  grid-template: auto/repeat(5, auto); }

[class*="grid-"][class*="-6tn"] {
  grid-template: auto/repeat(6, auto); }

[class*="grid-"][class*="-7tn"] {
  grid-template: auto/repeat(7, auto); }

[class*="grid-"][class*="-8tn"] {
  grid-template: auto/repeat(8, auto); }

[class*="grid-"][class*="-9tn"] {
  grid-template: auto/repeat(9, auto); }

[class*="grid-"][class*="-10tn"] {
  grid-template: auto/repeat(10, auto); }

[class*="grid-"][class*="-11tn"] {
  grid-template: auto/repeat(11, auto); }

[class*="grid-"][class*="-12tn"] {
  grid-template: auto/repeat(12, auto); }

@media (min-width: 576px) {
  [class*="grid-"][class*="-2sm"] {
    grid-template: auto/repeat(2, auto); }
  [class*="grid-"][class*="-3sm"] {
    grid-template: auto/repeat(3, auto); }
  [class*="grid-"][class*="-4sm"] {
    grid-template: auto/repeat(4, auto); }
  [class*="grid-"][class*="-5sm"] {
    grid-template: auto/repeat(5, auto); }
  [class*="grid-"][class*="-6sm"] {
    grid-template: auto/repeat(6, auto); }
  [class*="grid-"][class*="-7sm"] {
    grid-template: auto/repeat(7, auto); }
  [class*="grid-"][class*="-8sm"] {
    grid-template: auto/repeat(8, auto); }
  [class*="grid-"][class*="-9sm"] {
    grid-template: auto/repeat(9, auto); }
  [class*="grid-"][class*="-10sm"] {
    grid-template: auto/repeat(10, auto); }
  [class*="grid-"][class*="-11sm"] {
    grid-template: auto/repeat(11, auto); }
  [class*="grid-"][class*="-12sm"] {
    grid-template: auto/repeat(12, auto); } }

@media (min-width: 768px) {
  [class*="grid-"][class*="-2md"] {
    grid-template: auto/repeat(2, auto); }
  [class*="grid-"][class*="-3md"] {
    grid-template: auto/repeat(3, auto); }
  [class*="grid-"][class*="-4md"] {
    grid-template: auto/repeat(4, auto); }
  [class*="grid-"][class*="-5md"] {
    grid-template: auto/repeat(5, auto); }
  [class*="grid-"][class*="-6md"] {
    grid-template: auto/repeat(6, auto); }
  [class*="grid-"][class*="-7md"] {
    grid-template: auto/repeat(7, auto); }
  [class*="grid-"][class*="-8md"] {
    grid-template: auto/repeat(8, auto); }
  [class*="grid-"][class*="-9md"] {
    grid-template: auto/repeat(9, auto); }
  [class*="grid-"][class*="-10md"] {
    grid-template: auto/repeat(10, auto); }
  [class*="grid-"][class*="-11md"] {
    grid-template: auto/repeat(11, auto); }
  [class*="grid-"][class*="-12md"] {
    grid-template: auto/repeat(12, auto); } }

@media (min-width: 992px) {
  [class*="grid-"][class*="-2lg"] {
    grid-template: auto/repeat(2, auto); }
  [class*="grid-"][class*="-3lg"] {
    grid-template: auto/repeat(3, auto); }
  [class*="grid-"][class*="-4lg"] {
    grid-template: auto/repeat(4, auto); }
  [class*="grid-"][class*="-5lg"] {
    grid-template: auto/repeat(5, auto); }
  [class*="grid-"][class*="-6lg"] {
    grid-template: auto/repeat(6, auto); }
  [class*="grid-"][class*="-7lg"] {
    grid-template: auto/repeat(7, auto); }
  [class*="grid-"][class*="-8lg"] {
    grid-template: auto/repeat(8, auto); }
  [class*="grid-"][class*="-9lg"] {
    grid-template: auto/repeat(9, auto); }
  [class*="grid-"][class*="-10lg"] {
    grid-template: auto/repeat(10, auto); }
  [class*="grid-"][class*="-11lg"] {
    grid-template: auto/repeat(11, auto); }
  [class*="grid-"][class*="-12lg"] {
    grid-template: auto/repeat(12, auto); } }

@media (min-width: 1200px) {
  [class*="grid-"][class*="-2xl"] {
    grid-template: auto/repeat(2, auto); }
  [class*="grid-"][class*="-3xl"] {
    grid-template: auto/repeat(3, auto); }
  [class*="grid-"][class*="-4xl"] {
    grid-template: auto/repeat(4, auto); }
  [class*="grid-"][class*="-5xl"] {
    grid-template: auto/repeat(5, auto); }
  [class*="grid-"][class*="-6xl"] {
    grid-template: auto/repeat(6, auto); }
  [class*="grid-"][class*="-7xl"] {
    grid-template: auto/repeat(7, auto); }
  [class*="grid-"][class*="-8xl"] {
    grid-template: auto/repeat(8, auto); }
  [class*="grid-"][class*="-9xl"] {
    grid-template: auto/repeat(9, auto); }
  [class*="grid-"][class*="-10xl"] {
    grid-template: auto/repeat(10, auto); }
  [class*="grid-"][class*="-11xl"] {
    grid-template: auto/repeat(11, auto); }
  [class*="grid-"][class*="-12xl"] {
    grid-template: auto/repeat(12, auto); } }

@media (min-width: 1600px) {
  [class*="grid-"][class*="-2wd"] {
    grid-template: auto/repeat(2, auto); }
  [class*="grid-"][class*="-3wd"] {
    grid-template: auto/repeat(3, auto); }
  [class*="grid-"][class*="-4wd"] {
    grid-template: auto/repeat(4, auto); }
  [class*="grid-"][class*="-5wd"] {
    grid-template: auto/repeat(5, auto); }
  [class*="grid-"][class*="-6wd"] {
    grid-template: auto/repeat(6, auto); }
  [class*="grid-"][class*="-7wd"] {
    grid-template: auto/repeat(7, auto); }
  [class*="grid-"][class*="-8wd"] {
    grid-template: auto/repeat(8, auto); }
  [class*="grid-"][class*="-9wd"] {
    grid-template: auto/repeat(9, auto); }
  [class*="grid-"][class*="-10wd"] {
    grid-template: auto/repeat(10, auto); }
  [class*="grid-"][class*="-11wd"] {
    grid-template: auto/repeat(11, auto); }
  [class*="grid-"][class*="-12wd"] {
    grid-template: auto/repeat(12, auto); } }

/********** GAP **********/
[class*="gap-"][class*="-tn1"] {
  gap: var(--ani-gap1); }

[class*="gap-"][class*="-tn2"] {
  gap: var(--ani-gap2); }

[class*="gap-"][class*="-tn3"] {
  gap: var(--ani-gap3); }

[class*="gap-"][class*="-tn4"] {
  gap: var(--ani-gap4); }

@media (min-width: 576px) {
  [class*="gap-"][class*="-sm1"] {
    gap: var(--ani-gap1); }
  [class*="gap-"][class*="-sm2"] {
    gap: var(--ani-gap2); }
  [class*="gap-"][class*="-sm3"] {
    gap: var(--ani-gap3); }
  [class*="gap-"][class*="-sm4"] {
    gap: var(--ani-gap4); } }

@media (min-width: 768px) {
  [class*="gap-"][class*="-md1"] {
    gap: var(--ani-gap1); }
  [class*="gap-"][class*="-md2"] {
    gap: var(--ani-gap2); }
  [class*="gap-"][class*="-md3"] {
    gap: var(--ani-gap3); }
  [class*="gap-"][class*="-md4"] {
    gap: var(--ani-gap4); } }

@media (min-width: 992px) {
  [class*="gap-"][class*="-lg1"] {
    gap: var(--ani-gap1); }
  [class*="gap-"][class*="-lg2"] {
    gap: var(--ani-gap2); }
  [class*="gap-"][class*="-lg3"] {
    gap: var(--ani-gap3); }
  [class*="gap-"][class*="-lg4"] {
    gap: var(--ani-gap4); } }

@media (min-width: 1200px) {
  [class*="gap-"][class*="-xl1"] {
    gap: var(--ani-gap1); }
  [class*="gap-"][class*="-xl2"] {
    gap: var(--ani-gap2); }
  [class*="gap-"][class*="-xl3"] {
    gap: var(--ani-gap3); }
  [class*="gap-"][class*="-xl4"] {
    gap: var(--ani-gap4); } }

@media (min-width: 1600px) {
  [class*="gap-"][class*="-wd1"] {
    gap: var(--ani-gap1); }
  [class*="gap-"][class*="-wd2"] {
    gap: var(--ani-gap2); }
  [class*="gap-"][class*="-wd3"] {
    gap: var(--ani-gap3); }
  [class*="gap-"][class*="-wd4"] {
    gap: var(--ani-gap4); } }

/********** PLACE CONTENT **********/
.content-around {
  place-content: space-around; }

.content-between {
  place-content: space-between; }

.content-evenly {
  place-content: space-evenly; }

.content-center {
  place-content: center; }

.content-stretch {
  place-content: stretch; }

.content-start {
  place-content: flex-start; }

.content-end {
  place-content: flex-end; }

@media (min-width: 576px) {
  .content-around-sm {
    place-content: space-around; }
  .content-between-sm {
    place-content: space-between; }
  .content-evenly-sm {
    place-content: space-evenly; }
  .content-center-sm {
    place-content: center; }
  .content-stretch-sm {
    place-content: stretch; }
  .content-start-sm {
    place-content: flex-start; }
  .content-end-sm {
    place-content: flex-end; } }

@media (min-width: 768px) {
  .content-around-md {
    place-content: space-around; }
  .content-between-md {
    place-content: space-between; }
  .content-evenly-md {
    place-content: space-evenly; }
  .content-center-md {
    place-content: center; }
  .content-stretch-md {
    place-content: stretch; }
  .content-start-md {
    place-content: flex-start; }
  .content-end-md {
    place-content: flex-end; } }

@media (min-width: 992px) {
  .content-around-lg {
    place-content: space-around; }
  .content-between-lg {
    place-content: space-between; }
  .content-evenly-lg {
    place-content: space-evenly; }
  .content-center-lg {
    place-content: center; }
  .content-stretch-lg {
    place-content: stretch; }
  .content-start-lg {
    place-content: flex-start; }
  .content-end-lg {
    place-content: flex-end; } }

@media (min-width: 1200px) {
  .content-around-xl {
    place-content: space-around; }
  .content-between-xl {
    place-content: space-between; }
  .content-evenly-xl {
    place-content: space-evenly; }
  .content-center-xl {
    place-content: center; }
  .content-stretch-xl {
    place-content: stretch; }
  .content-start-xl {
    place-content: flex-start; }
  .content-end-xl {
    place-content: flex-end; } }

@media (min-width: 1600px) {
  .content-around-wd {
    place-content: space-around; }
  .content-between-wd {
    place-content: space-between; }
  .content-evenly-wd {
    place-content: space-evenly; }
  .content-center-wd {
    place-content: center; }
  .content-stretch-wd {
    place-content: stretch; }
  .content-start-wd {
    place-content: flex-start; }
  .content-end-wd {
    place-content: flex-end; } }

/********** PLACE ITEMS **********/
.items-normal {
  place-items: normal; }

.items-base {
  place-items: baseline; }

.items-center {
  place-items: center; }

.items-stretch {
  place-items: stretch; }

.items-start {
  place-items: flex-start; }

.items-end {
  place-items: flex-end; }

@media (min-width: 576px) {
  .items-normal-sm {
    place-items: normal; }
  .items-base-sm {
    place-items: baseline; }
  .items-center-sm {
    place-items: center; }
  .items-stretch-sm {
    place-items: stretch; }
  .items-start-sm {
    place-items: flex-start; }
  .items-end-sm {
    place-items: flex-end; } }

@media (min-width: 768px) {
  .items-normal-md {
    place-items: normal; }
  .items-base-md {
    place-items: baseline; }
  .items-center-md {
    place-items: center; }
  .items-stretch-md {
    place-items: stretch; }
  .items-start-md {
    place-items: flex-start; }
  .items-end-md {
    place-items: flex-end; } }

@media (min-width: 992px) {
  .items-normal-lg {
    place-items: normal; }
  .items-base-lg {
    place-items: baseline; }
  .items-center-lg {
    place-items: center; }
  .items-stretch-lg {
    place-items: stretch; }
  .items-start-lg {
    place-items: flex-start; }
  .items-end-lg {
    place-items: flex-end; } }

@media (min-width: 1200px) {
  .items-normal-xl {
    place-items: normal; }
  .items-base-xl {
    place-items: baseline; }
  .items-center-xl {
    place-items: center; }
  .items-stretch-xl {
    place-items: stretch; }
  .items-start-xl {
    place-items: flex-start; }
  .items-end-xl {
    place-items: flex-end; } }

@media (min-width: 1600px) {
  .items-normal-wd {
    place-items: normal; }
  .items-base-wd {
    place-items: baseline; }
  .items-center-wd {
    place-items: center; }
  .items-stretch-wd {
    place-items: stretch; }
  .items-start-wd {
    place-items: flex-start; }
  .items-end-wd {
    place-items: flex-end; } }

/********** PLACE-SELF **********/
.self-auto {
  place-self: auto; }

.self-normal {
  place-self: normal; }

.self-base {
  place-self: baseline; }

.self-center {
  place-self: center; }

.self-stretch {
  place-self: stretch; }

.self-start {
  place-self: flex-start; }

.self-end {
  place-self: flex-end; }

@media (min-width: 576px) {
  .self-auto-sm {
    place-self: auto; }
  .self-normal-sm {
    place-self: normal; }
  .self-base-sm {
    place-self: baseline; }
  .self-center-sm {
    place-self: center; }
  .self-stretch-sm {
    place-self: stretch; }
  .self-start-sm {
    place-self: flex-start; }
  .self-end-sm {
    place-self: flex-end; } }

@media (min-width: 768px) {
  .self-auto-md {
    place-self: auto; }
  .self-normal-md {
    place-self: normal; }
  .self-base-md {
    place-self: baseline; }
  .self-center-md {
    place-self: center; }
  .self-stretch-md {
    place-self: stretch; }
  .self-start-md {
    place-self: flex-start; }
  .self-end-md {
    place-self: flex-end; } }

@media (min-width: 992px) {
  .self-auto-lg {
    place-self: auto; }
  .self-normal-lg {
    place-self: normal; }
  .self-base-lg {
    place-self: baseline; }
  .self-center-lg {
    place-self: center; }
  .self-stretch-lg {
    place-self: stretch; }
  .self-start-lg {
    place-self: flex-start; }
  .self-end-lg {
    place-self: flex-end; } }

@media (min-width: 1200px) {
  .self-auto-xl {
    place-self: auto; }
  .self-normal-xl {
    place-self: normal; }
  .self-base-xl {
    place-self: baseline; }
  .self-center-xl {
    place-self: center; }
  .self-stretch-xl {
    place-self: stretch; }
  .self-start-xl {
    place-self: flex-start; }
  .self-end-xl {
    place-self: flex-end; } }

@media (min-width: 1600px) {
  .self-auto-wd {
    place-self: auto; }
  .self-normal-wd {
    place-self: normal; }
  .self-base-wd {
    place-self: baseline; }
  .self-center-wd {
    place-self: center; }
  .self-stretch-wd {
    place-self: stretch; }
  .self-start-wd {
    place-self: flex-start; }
  .self-end-wd {
    place-self: flex-end; } }

/********** MARGIN **********/
.mar-auto,
.mar-auto-all > * {
  margin: var(--ani-margin-auto); }

.mar-none,
.mar-none-all > * {
  margin: var(--ani-margin-none); }

.mar-tn,
.mar-tn-all > * {
  margin: var(--ani-margin-tn); }

.mar-sm,
.mar-sm-all > * {
  margin: var(--ani-margin-sm); }

.mar-md,
.mar-md-all > * {
  margin: var(--ani-margin-md); }

.mar-lg,
.mar-lg-all > * {
  margin: var(--ani-margin-lg); }

.mar-xl,
.mar-xl-all > * {
  margin: var(--ani-margin-xl); }

.mar-wd,
.mar-wd-all > * {
  margin: var(--ani-margin-wd); }

/********** BORDER **********/
.bord {
  border-style: solid; }

/********** BORDER STYLE **********/
.bord-dash,
.bord-dash-all > *,
.bord-dash-onto:hover,
.bord-dash-onto:focus,
*:hover > .bord-dash-into,
*:focus > .bord-dash-into,
.bord-dash-each > *:hover,
.bord-dash-each > *:focus,
.bord-dash-many:hover > *,
.bord-dash-many:focus > * {
  border-style: dashed; }

.bord-dot,
.bord-dot-all > *,
.bord-dot-onto:hover,
.bord-dot-onto:focus,
*:hover > .bord-dot-into,
*:focus > .bord-dot-into,
.bord-dot-each > *:hover,
.bord-dot-each > *:focus,
.bord-dot-many:hover > *,
.bord-dot-many:focus > * {
  border-style: dotted; }

.bord-double,
.bord-double-all > *,
.bord-double-onto:hover,
.bord-double-onto:focus,
*:hover > .bord-double-into,
*:focus > .bord-double-into,
.bord-double-each > *:hover,
.bord-double-each > *:focus,
.bord-double-many:hover > *,
.bord-double-many:focus > * {
  border-style: double; }

.bord-groove,
.bord-groove-all > *,
.bord-groove-onto:hover,
.bord-groove-onto:focus,
*:hover > .bord-groove-into,
*:focus > .bord-groove-into,
.bord-groove-each > *:hover,
.bord-groove-each > *:focus,
.bord-groove-many:hover > *,
.bord-groove-many:focus > * {
  border-style: groove; }

.bord-ridge,
.bord-ridge-all > *,
.bord-ridge-onto:hover,
.bord-ridge-onto:focus,
*:hover > .bord-ridge-into,
*:focus > .bord-ridge-into,
.bord-ridge-each > *:hover,
.bord-ridge-each > *:focus,
.bord-ridge-many:hover > *,
.bord-ridge-many:focus > * {
  border-style: ridge; }

.bord-in,
.bord-in-all > *,
.bord-in-onto:hover,
.bord-in-onto:focus,
*:hover > .bord-in-into,
*:focus > .bord-in-into,
.bord-in-each > *:hover,
.bord-in-each > *:focus,
.bord-in-many:hover > *,
.bord-in-many:focus > * {
  border-style: inset; }

.bord-out,
.bord-out-all > *,
.bord-out-onto:hover,
.bord-out-onto:focus,
*:hover > .bord-out-into,
*:focus > .bord-out-into,
.bord-out-each > *:hover,
.bord-out-each > *:focus,
.bord-out-many:hover > *,
.bord-out-many:focus > * {
  border-style: outset; }

/********** BORDER WIDTH **********/
.bord-sm,
.bord-sm-all > *,
.bord-sm-onto:hover,
.bord-sm-onto:focus,
*:hover > .bord-sm-into,
*:focus > .bord-sm-into,
.bord-sm-each > *:hover,
.bord-sm-each > *:focus,
.bord-sm-many:hover > *,
.bord-sm-many:focus > * {
  border-width: 1px; }

.bord-md,
.bord-md-all > *,
.bord-md-onto:hover,
.bord-md-onto:focus,
*:hover > .bord-md-into,
*:focus > .bord-md-into,
.bord-md-each > *:hover,
.bord-md-each > *:focus,
.bord-md-many:hover > *,
.bord-md-many:focus > * {
  border-width: 2px; }

.bord-lg,
.bord-lg-all > *,
.bord-lg-onto:hover,
.bord-lg-onto:focus,
*:hover > .bord-lg-into,
*:focus > .bord-lg-into,
.bord-lg-each > *:hover,
.bord-lg-each > *:focus,
.bord-lg-many:hover > *,
.bord-lg-many:focus > * {
  border-width: 5px; }

/********** BORDER COLOR **********/
.bord-red,
.bord-red-all > *,
.bord-red-onto:hover,
.bord-red-onto:focus,
*:hover > .bord-red-into,
*:focus > .bord-red-into,
.bord-red-each > *:hover,
.bord-red-each > *:focus,
.bord-red-many:hover > *,
.bord-red-many:focus > * {
  border-color: var(--ani-red); }

.bord-red-dark,
.bord-red-dark-all > *,
.bord-red-dark-onto:hover,
.bord-red-dark-onto:focus,
*:hover > .bord-red-dark-into,
*:focus > .bord-red-dark-into,
.bord-red-dark-each > *:hover,
.bord-red-dark-each > *:focus,
.bord-red-dark-many:hover > *,
.bord-red-dark-many:focus > * {
  border-color: var(--ani-red-dark); }

.bord-red-light,
.bord-red-light-all > *,
.bord-red-light-onto:hover,
.bord-red-light-onto:focus,
*:hover > .bord-red-light-into,
*:focus > .bord-red-light-into,
.bord-red-light-each > *:hover,
.bord-red-light-each > *:focus,
.bord-red-light-many:hover > *,
.bord-red-light-many:focus > * {
  border-color: var(--ani-red-light); }

.bord-orange,
.bord-orange-all > *,
.bord-orange-onto:hover,
.bord-orange-onto:focus,
*:hover > .bord-orange-into,
*:focus > .bord-orange-into,
.bord-orange-each > *:hover,
.bord-orange-each > *:focus,
.bord-orange-many:hover > *,
.bord-orange-many:focus > * {
  border-color: var(--ani-orange); }

.bord-orange-dark,
.bord-orange-dark-all > *,
.bord-orange-dark-onto:hover,
.bord-orange-dark-onto:focus,
*:hover > .bord-orange-dark-into,
*:focus > .bord-orange-dark-into,
.bord-orange-dark-each > *:hover,
.bord-orange-dark-each > *:focus,
.bord-orange-dark-many:hover > *,
.bord-orange-dark-many:focus > * {
  border-color: var(--ani-orange-dark); }

.bord-orange-light,
.bord-orange-light-all > *,
.bord-orange-light-onto:hover,
.bord-orange-light-onto:focus,
*:hover > .bord-orange-light-into,
*:focus > .bord-orange-light-into,
.bord-orange-light-each > *:hover,
.bord-orange-light-each > *:focus,
.bord-orange-light-many:hover > *,
.bord-orange-light-many:focus > * {
  border-color: var(--ani-orange-light); }

.bord-yellow,
.bord-yellow-all > *,
.bord-yellow-onto:hover,
.bord-yellow-onto:focus,
*:hover > .bord-yellow-into,
*:focus > .bord-yellow-into,
.bord-yellow-each > *:hover,
.bord-yellow-each > *:focus,
.bord-yellow-many:hover > *,
.bord-yellow-many:focus > * {
  border-color: var(--ani-yellow); }

.bord-yellow-dark,
.bord-yellow-dark-all > *,
.bord-yellow-dark-onto:hover,
.bord-yellow-dark-onto:focus,
*:hover > .bord-yellow-dark-into,
*:focus > .bord-yellow-dark-into,
.bord-yellow-dark-each > *:hover,
.bord-yellow-dark-each > *:focus,
.bord-yellow-dark-many:hover > *,
.bord-yellow-dark-many:focus > * {
  border-color: var(--ani-yellow-dark); }

.bord-yellow-light,
.bord-yellow-light-all > *,
.bord-yellow-light-onto:hover,
.bord-yellow-light-onto:focus,
*:hover > .bord-yellow-light-into,
*:focus > .bord-yellow-light-into,
.bord-yellow-light-each > *:hover,
.bord-yellow-light-each > *:focus,
.bord-yellow-light-many:hover > *,
.bord-yellow-light-many:focus > * {
  border-color: var(--ani-yellow-light); }

.bord-lime,
.bord-lime-all > *,
.bord-lime-onto:hover,
.bord-lime-onto:focus,
*:hover > .bord-lime-into,
*:focus > .bord-lime-into,
.bord-lime-each > *:hover,
.bord-lime-each > *:focus,
.bord-lime-many:hover > *,
.bord-lime-many:focus > * {
  border-color: var(--ani-lime); }

.bord-lime-dark,
.bord-lime-dark-all > *,
.bord-lime-dark-onto:hover,
.bord-lime-dark-onto:focus,
*:hover > .bord-lime-dark-into,
*:focus > .bord-lime-dark-into,
.bord-lime-dark-each > *:hover,
.bord-lime-dark-each > *:focus,
.bord-lime-dark-many:hover > *,
.bord-lime-dark-many:focus > * {
  border-color: var(--ani-lime-dark); }

.bord-lime-light,
.bord-lime-light-all > *,
.bord-lime-light-onto:hover,
.bord-lime-light-onto:focus,
*:hover > .bord-lime-light-into,
*:focus > .bord-lime-light-into,
.bord-lime-light-each > *:hover,
.bord-lime-light-each > *:focus,
.bord-lime-light-many:hover > *,
.bord-lime-light-many:focus > * {
  border-color: var(--ani-lime-light); }

.bord-green,
.bord-green-all > *,
.bord-green-onto:hover,
.bord-green-onto:focus,
*:hover > .bord-green-into,
*:focus > .bord-green-into,
.bord-green-each > *:hover,
.bord-green-each > *:focus,
.bord-green-many:hover > *,
.bord-green-many:focus > * {
  border-color: var(--ani-green); }

.bord-green-dark,
.bord-green-dark-all > *,
.bord-green-dark-onto:hover,
.bord-green-dark-onto:focus,
*:hover > .bord-green-dark-into,
*:focus > .bord-green-dark-into,
.bord-green-dark-each > *:hover,
.bord-green-dark-each > *:focus,
.bord-green-dark-many:hover > *,
.bord-green-dark-many:focus > * {
  border-color: var(--ani-green-dark); }

.bord-green-light,
.bord-green-light-all > *,
.bord-green-light-onto:hover,
.bord-green-light-onto:focus,
*:hover > .bord-green-light-into,
*:focus > .bord-green-light-into,
.bord-green-light-each > *:hover,
.bord-green-light-each > *:focus,
.bord-green-light-many:hover > *,
.bord-green-light-many:focus > * {
  border-color: var(--ani-green-light); }

.bord-aqua,
.bord-aqua-all > *,
.bord-aqua-onto:hover,
.bord-aqua-onto:focus,
*:hover > .bord-aqua-into,
*:focus > .bord-aqua-into,
.bord-aqua-each > *:hover,
.bord-aqua-each > *:focus,
.bord-aqua-many:hover > *,
.bord-aqua-many:focus > * {
  border-color: var(--ani-aqua); }

.bord-aqua-dark,
.bord-aqua-dark-all > *,
.bord-aqua-dark-onto:hover,
.bord-aqua-dark-onto:focus,
*:hover > .bord-aqua-dark-into,
*:focus > .bord-aqua-dark-into,
.bord-aqua-dark-each > *:hover,
.bord-aqua-dark-each > *:focus,
.bord-aqua-dark-many:hover > *,
.bord-aqua-dark-many:focus > * {
  border-color: var(--ani-aqua-dark); }

.bord-aqua-light,
.bord-aqua-light-all > *,
.bord-aqua-light-onto:hover,
.bord-aqua-light-onto:focus,
*:hover > .bord-aqua-light-into,
*:focus > .bord-aqua-light-into,
.bord-aqua-light-each > *:hover,
.bord-aqua-light-each > *:focus,
.bord-aqua-light-many:hover > *,
.bord-aqua-light-many:focus > * {
  border-color: var(--ani-aqua-light); }

.bord-cyan,
.bord-cyan-all > *,
.bord-cyan-onto:hover,
.bord-cyan-onto:focus,
*:hover > .bord-cyan-into,
*:focus > .bord-cyan-into,
.bord-cyan-each > *:hover,
.bord-cyan-each > *:focus,
.bord-cyan-many:hover > *,
.bord-cyan-many:focus > * {
  border-color: var(--ani-cyan); }

.bord-cyan-dark,
.bord-cyan-dark-all > *,
.bord-cyan-dark-onto:hover,
.bord-cyan-dark-onto:focus,
*:hover > .bord-cyan-dark-into,
*:focus > .bord-cyan-dark-into,
.bord-cyan-dark-each > *:hover,
.bord-cyan-dark-each > *:focus,
.bord-cyan-dark-many:hover > *,
.bord-cyan-dark-many:focus > * {
  border-color: var(--ani-cyan-dark); }

.bord-cyan-light,
.bord-cyan-light-all > *,
.bord-cyan-light-onto:hover,
.bord-cyan-light-onto:focus,
*:hover > .bord-cyan-light-into,
*:focus > .bord-cyan-light-into,
.bord-cyan-light-each > *:hover,
.bord-cyan-light-each > *:focus,
.bord-cyan-light-many:hover > *,
.bord-cyan-light-many:focus > * {
  border-color: var(--ani-cyan-light); }

.bord-sky,
.bord-sky-all > *,
.bord-sky-onto:hover,
.bord-sky-onto:focus,
*:hover > .bord-sky-into,
*:focus > .bord-sky-into,
.bord-sky-each > *:hover,
.bord-sky-each > *:focus,
.bord-sky-many:hover > *,
.bord-sky-many:focus > * {
  border-color: var(--ani-sky); }

.bord-sky-dark,
.bord-sky-dark-all > *,
.bord-sky-dark-onto:hover,
.bord-sky-dark-onto:focus,
*:hover > .bord-sky-dark-into,
*:focus > .bord-sky-dark-into,
.bord-sky-dark-each > *:hover,
.bord-sky-dark-each > *:focus,
.bord-sky-dark-many:hover > *,
.bord-sky-dark-many:focus > * {
  border-color: var(--ani-sky-dark); }

.bord-sky-light,
.bord-sky-light-all > *,
.bord-sky-light-onto:hover,
.bord-sky-light-onto:focus,
*:hover > .bord-sky-light-into,
*:focus > .bord-sky-light-into,
.bord-sky-light-each > *:hover,
.bord-sky-light-each > *:focus,
.bord-sky-light-many:hover > *,
.bord-sky-light-many:focus > * {
  border-color: var(--ani-sky-light); }

.bord-blue,
.bord-blue-all > *,
.bord-blue-onto:hover,
.bord-blue-onto:focus,
*:hover > .bord-blue-into,
*:focus > .bord-blue-into,
.bord-blue-each > *:hover,
.bord-blue-each > *:focus,
.bord-blue-many:hover > *,
.bord-blue-many:focus > * {
  border-color: var(--ani-blue); }

.bord-blue-dark,
.bord-blue-dark-all > *,
.bord-blue-dark-onto:hover,
.bord-blue-dark-onto:focus,
*:hover > .bord-blue-dark-into,
*:focus > .bord-blue-dark-into,
.bord-blue-dark-each > *:hover,
.bord-blue-dark-each > *:focus,
.bord-blue-dark-many:hover > *,
.bord-blue-dark-many:focus > * {
  border-color: var(--ani-blue-dark); }

.bord-blue-light,
.bord-blue-light-all > *,
.bord-blue-light-onto:hover,
.bord-blue-light-onto:focus,
*:hover > .bord-blue-light-into,
*:focus > .bord-blue-light-into,
.bord-blue-light-each > *:hover,
.bord-blue-light-each > *:focus,
.bord-blue-light-many:hover > *,
.bord-blue-light-many:focus > * {
  border-color: var(--ani-blue-light); }

.bord-violet,
.bord-violet-all > *,
.bord-violet-onto:hover,
.bord-violet-onto:focus,
*:hover > .bord-violet-into,
*:focus > .bord-violet-into,
.bord-violet-each > *:hover,
.bord-violet-each > *:focus,
.bord-violet-many:hover > *,
.bord-violet-many:focus > * {
  border-color: var(--ani-violet); }

.bord-violet-dark,
.bord-violet-dark-all > *,
.bord-violet-dark-onto:hover,
.bord-violet-dark-onto:focus,
*:hover > .bord-violet-dark-into,
*:focus > .bord-violet-dark-into,
.bord-violet-dark-each > *:hover,
.bord-violet-dark-each > *:focus,
.bord-violet-dark-many:hover > *,
.bord-violet-dark-many:focus > * {
  border-color: var(--ani-violet-dark); }

.bord-violet-light,
.bord-violet-light-all > *,
.bord-violet-light-onto:hover,
.bord-violet-light-onto:focus,
*:hover > .bord-violet-light-into,
*:focus > .bord-violet-light-into,
.bord-violet-light-each > *:hover,
.bord-violet-light-each > *:focus,
.bord-violet-light-many:hover > *,
.bord-violet-light-many:focus > * {
  border-color: var(--ani-violet-light); }

.bord-magenta,
.bord-magenta-all > *,
.bord-magenta-onto:hover,
.bord-magenta-onto:focus,
*:hover > .bord-magenta-into,
*:focus > .bord-magenta-into,
.bord-magenta-each > *:hover,
.bord-magenta-each > *:focus,
.bord-magenta-many:hover > *,
.bord-magenta-many:focus > * {
  border-color: var(--ani-magenta); }

.bord-magenta-dark,
.bord-magenta-dark-all > *,
.bord-magenta-dark-onto:hover,
.bord-magenta-dark-onto:focus,
*:hover > .bord-magenta-dark-into,
*:focus > .bord-magenta-dark-into,
.bord-magenta-dark-each > *:hover,
.bord-magenta-dark-each > *:focus,
.bord-magenta-dark-many:hover > *,
.bord-magenta-dark-many:focus > * {
  border-color: var(--ani-magenta-dark); }

.bord-magenta-light,
.bord-magenta-light-all > *,
.bord-magenta-light-onto:hover,
.bord-magenta-light-onto:focus,
*:hover > .bord-magenta-light-into,
*:focus > .bord-magenta-light-into,
.bord-magenta-light-each > *:hover,
.bord-magenta-light-each > *:focus,
.bord-magenta-light-many:hover > *,
.bord-magenta-light-many:focus > * {
  border-color: var(--ani-magenta-light); }

.bord-pink,
.bord-pink-all > *,
.bord-pink-onto:hover,
.bord-pink-onto:focus,
*:hover > .bord-pink-into,
*:focus > .bord-pink-into,
.bord-pink-each > *:hover,
.bord-pink-each > *:focus,
.bord-pink-many:hover > *,
.bord-pink-many:focus > * {
  border-color: var(--ani-pink); }

.bord-pink-dark,
.bord-pink-dark-all > *,
.bord-pink-dark-onto:hover,
.bord-pink-dark-onto:focus,
*:hover > .bord-pink-dark-into,
*:focus > .bord-pink-dark-into,
.bord-pink-dark-each > *:hover,
.bord-pink-dark-each > *:focus,
.bord-pink-dark-many:hover > *,
.bord-pink-dark-many:focus > * {
  border-color: var(--ani-pink-dark); }

.bord-pink-light,
.bord-pink-light-all > *,
.bord-pink-light-onto:hover,
.bord-pink-light-onto:focus,
*:hover > .bord-pink-light-into,
*:focus > .bord-pink-light-into,
.bord-pink-light-each > *:hover,
.bord-pink-light-each > *:focus,
.bord-pink-light-many:hover > *,
.bord-pink-light-many:focus > * {
  border-color: var(--ani-pink-light); }

/********** BORDER RADIUS **********/
.bord-curve,
.bord-curve-all > *,
.bord-curve-onto:hover,
.bord-curve-onto:focus,
*:hover > .bord-curve-into,
*:focus > .bord-curve-into,
.bord-curve-each > *:hover,
.bord-curve-each > *:focus,
.bord-curve-many:hover > *,
.bord-curve-many:focus > * {
  border-radius: 10px; }

.bord-round,
.bord-round-all > *,
.bord-round-onto:hover,
.bord-round-onto:focus,
*:hover > .bord-round-into,
*:focus > .bord-round-into,
.bord-round-each > *:hover,
.bord-round-each > *:focus,
.bord-round-many:hover > *,
.bord-round-many:focus > * {
  border-radius: 20px; }

.bord-circle,
.bord-circle-all > *,
.bord-circle-onto:hover,
.bord-circle-onto:focus,
*:hover > .bord-circle-into,
*:focus > .bord-circle-into,
.bord-circle-each > *:hover,
.bord-circle-each > *:focus,
.bord-circle-many:hover > *,
.bord-circle-many:focus > * {
  border-radius: 50%; }

/********** PADDING **********/
.pad-auto,
.pad-auto-all > * {
  padding: var(--ani-padding-auto); }

.pad-none,
.pad-none-all > * {
  padding: var(--ani-padding-none); }

.pad-tn,
.pad-tn-all > * {
  padding: var(--ani-padding-tn); }

.pad-sm,
.pad-sm-all > * {
  padding: var(--ani-padding-sm); }

.pad-md,
.pad-md-all > * {
  padding: var(--ani-padding-md); }

.pad-lg,
.pad-lg-all > * {
  padding: var(--ani-padding-lg); }

.pad-xl,
.pad-xl-all > * {
  padding: var(--ani-padding-xl); }

.pad-wd,
.pad-wd-all > * {
  padding: var(--ani-padding-wd); }

/********** CONTAINER **********/
[class*="container"] {
  margin: auto;
  max-width: var(--ani-container-max-width); }

[class*="container-"][class*="-50tn"] {
  max-width: 50%; }

[class*="container-"][class*="-60tn"] {
  max-width: 60%; }

[class*="container-"][class*="-70tn"] {
  max-width: 70%; }

[class*="container-"][class*="-80tn"] {
  max-width: 80%; }

[class*="container-"][class*="-90tn"] {
  max-width: 90%; }

@media (min-width: 576px) {
  [class*="container-"][class*="-50sm"] {
    max-width: 50%; }
  [class*="container-"][class*="-60sm"] {
    max-width: 60%; }
  [class*="container-"][class*="-70sm"] {
    max-width: 70%; }
  [class*="container-"][class*="-80sm"] {
    max-width: 80%; }
  [class*="container-"][class*="-90sm"] {
    max-width: 90%; } }

@media (min-width: 768px) {
  [class*="container-"][class*="-50md"] {
    max-width: 50%; }
  [class*="container-"][class*="-60md"] {
    max-width: 60%; }
  [class*="container-"][class*="-70md"] {
    max-width: 70%; }
  [class*="container-"][class*="-80md"] {
    max-width: 80%; }
  [class*="container-"][class*="-90md"] {
    max-width: 90%; } }

@media (min-width: 992px) {
  [class*="container-"][class*="-50lg"] {
    max-width: 50%; }
  [class*="container-"][class*="-60lg"] {
    max-width: 60%; }
  [class*="container-"][class*="-70lg"] {
    max-width: 70%; }
  [class*="container-"][class*="-80lg"] {
    max-width: 80%; }
  [class*="container-"][class*="-90lg"] {
    max-width: 90%; } }

@media (min-width: 1200px) {
  [class*="container-"][class*="-50xl"] {
    max-width: 50%; }
  [class*="container-"][class*="-60xl"] {
    max-width: 60%; }
  [class*="container-"][class*="-70xl"] {
    max-width: 70%; }
  [class*="container-"][class*="-80xl"] {
    max-width: 80%; }
  [class*="container-"][class*="-90xl"] {
    max-width: 90%; } }

@media (min-width: 1600px) {
  [class*="container-"][class*="-50wd"] {
    max-width: 50%; }
  [class*="container-"][class*="-60wd"] {
    max-width: 60%; }
  [class*="container-"][class*="-70wd"] {
    max-width: 70%; }
  [class*="container-"][class*="-80wd"] {
    max-width: 80%; }
  [class*="container-"][class*="-90wd"] {
    max-width: 90%; } }

/********** HEIGHT **********/
.height-sm,
.height-sm-all > * {
  height: var(--ani-height-sm); }

.height-md,
.height-md-all > * {
  height: var(--ani-height-md); }

.height-lg,
.height-lg-all > * {
  height: var(--ani-height-lg); }

/********** MAX HEIGHT **********/
.max-h-sm,
.max-h-sm-all > * {
  max-height: var(--ani-max-height-sm); }

.max-h-md,
.max-h-md-all > * {
  max-height: var(--ani-max-height-md); }

.max-h-lg,
.max-h-lg-all > * {
  max-height: var(--ani-max-height-lg); }

/********** MIN HEIGHT **********/
.min-h-sm,
.min-h-sm-all > * {
  min-height: var(--ani-min-height-sm); }

.min-h-md,
.min-h-md-all > * {
  min-height: var(--ani-min-height-md); }

.min-h-lg,
.min-h-lg-all > * {
  min-height: var(--ani-min-height-lg); }

/********** WIDTH **********/
.width-sm,
.width-sm-all > * {
  width: var(--ani-width-sm); }

.width-md,
.width-md-all > * {
  width: var(--ani-width-md); }

.width-lg,
.width-lg-all > * {
  width: var(--ani-width-lg); }

/********** MAX WIDTH **********/
.max-w-sm,
.max-w-sm-all > * {
  max-width: var(--ani-max-width-sm); }

.max-w-md,
.max-w-md-all > * {
  max-width: var(--ani-max-width-md); }

.max-w-lg,
.max-w-lg-all > * {
  max-width: var(--ani-max-width-lg); }

/********** MIN WIDTH **********/
.min-w-sm,
.min-w-sm-all > * {
  min-width: var(--ani-min-width-sm); }

.min-w-md,
.min-w-md-all > * {
  min-width: var(--ani-min-width-md); }

.min-w-lg,
.min-w-lg-all > * {
  min-width: var(--ani-min-width-lg); }

/********** FONT FAMILY **********/
.sans-serif,
.sans-serif-all > *,
.sans-serif-onto:hover,
.sans-serif-onto:focus,
*:hover > .sans-serif-into,
*:focus > .sans-serif-into,
.sans-serif-each > *:hover,
.sans-serif-each > *:focus,
.sans-serif-many:hover > *,
.sans-serif-many:focus > * {
  font-family: var(--ani-sans-serif); }

.serif,
.serif-all > *,
.serif-onto:hover,
.serif-onto:focus,
*:hover > .serif-into,
*:focus > .serif-into,
.serif-each > *:hover,
.serif-each > *:focus,
.serif-many:hover > *,
.serif-many:focus > * {
  font-family: var(--ani-serif); }

.monospace,
.monospace-all > *,
.monospace-onto:hover,
.monospace-onto:focus,
*:hover > .monospace-into,
*:focus > .monospace-into,
.monospace-each > *:hover,
.monospace-each > *:focus,
.monospace-many:hover > *,
.monospace-many:focus > * {
  font-family: var(--ani-monospace); }

.cursive,
.cursive-all > *,
.cursive-onto:hover,
.cursive-onto:focus,
*:hover > .cursive-into,
*:focus > .cursive-into,
.cursive-each > *:hover,
.cursive-each > *:focus,
.cursive-many:hover > *,
.cursive-many:focus > * {
  font-family: var(--ani-cursive); }

.fantasy,
.fantasy-all > *,
.fantasy-onto:hover,
.fantasy-onto:focus,
*:hover > .fantasy-into,
*:focus > .fantasy-into,
.fantasy-each > *:hover,
.fantasy-each > *:focus,
.fantasy-many:hover > *,
.fantasy-many:focus > * {
  font-family: var(--ani-fantasy); }

/********** FONT **********/
.bold,
.bold-all > *,
.bold-onto:hover,
.bold-onto:focus,
*:hover > .bold-into,
*:focus > .bold-into,
.bold-each > *:hover,
.bold-each > *:focus,
.bold-many:hover > *,
.bold-many:focus > * {
  font-weight: bold; }

.italic,
.italic-all > *,
.italic-onto:hover,
.italic-onto:focus,
*:hover > .italic-into,
*:focus > .italic-into,
.italic-each > *:hover,
.italic-each > *:focus,
.italic-many:hover > *,
.italic-many:focus > * {
  font-style: italic; }

/********** TEXT ALIGN **********/
.center {
  text-align: center; }

.justify {
  text-align: justify; }

.left {
  text-align: left; }

.right {
  text-align: right; }

/********** TEXT TRANSFORM **********/
.cap,
.cap-all > *,
.cap-onto:hover,
.cap-onto:focus,
*:hover > .cap-into,
*:focus > .cap-into,
.cap-each > *:hover,
.cap-each > *:focus,
.cap-many:hover > *,
.cap-many:focus > * {
  text-transform: capitalize; }

.up,
.up-all > *,
.up-onto:hover,
.up-onto:focus,
*:hover > .up-into,
*:focus > .up-into,
.up-each > *:hover,
.up-each > *:focus,
.up-many:hover > *,
.up-many:focus > * {
  text-transform: uppercase; }

.low,
.low-all > *,
.low-onto:hover,
.low-onto:focus,
*:hover > .low-into,
*:focus > .low-into,
.low-each > *:hover,
.low-each > *:focus,
.low-many:hover > *,
.low-many:focus > * {
  text-transform: lowercase; }

/********** TEXT DECORATION LINE **********/
.deco {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }

.deco-over,
.deco-over-all > *,
.deco-over-onto:hover,
.deco-over-onto:focus,
*:hover > .deco-over-into,
*:focus > .deco-over-into,
.deco-over-each > *:hover,
.deco-over-each > *:focus,
.deco-over-many:hover > *,
.deco-over-many:focus > * {
  -webkit-text-decoration-line: overline;
          text-decoration-line: overline; }

.deco-through,
.deco-through-all > *,
.deco-through-onto:hover,
.deco-through-onto:focus,
*:hover > .deco-through-into,
*:focus > .deco-through-into,
.deco-through-each > *:hover,
.deco-through-each > *:focus,
.deco-through-many:hover > *,
.deco-through-many:focus > * {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through; }

/********** TEXT DECORATION STYLE **********/
.deco-dash,
.deco-dash-all > *,
.deco-dash-onto:hover,
.deco-dash-onto:focus,
*:hover > .deco-dash-into,
*:focus > .deco-dash-into,
.deco-dash-each > *:hover,
.deco-dash-each > *:focus,
.deco-dash-many:hover > *,
.deco-dash-many:focus > * {
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed; }

.deco-dot,
.deco-dot-all > *,
.deco-dot-onto:hover,
.deco-dot-onto:focus,
*:hover > .deco-dot-into,
*:focus > .deco-dot-into,
.deco-dot-each > *:hover,
.deco-dot-each > *:focus,
.deco-dot-many:hover > *,
.deco-dot-many:focus > * {
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted; }

.deco-double,
.deco-double-all > *,
.deco-double-onto:hover,
.deco-double-onto:focus,
*:hover > .deco-double-into,
*:focus > .deco-double-into,
.deco-double-each > *:hover,
.deco-double-each > *:focus,
.deco-double-many:hover > *,
.deco-double-many:focus > * {
  -webkit-text-decoration-style: double;
          text-decoration-style: double; }

.deco-wavy,
.deco-wavy-all > *,
.deco-wavy-onto:hover,
.deco-wavy-onto:focus,
*:hover > .deco-wavy-into,
*:focus > .deco-wavy-into,
.deco-wavy-each > *:hover,
.deco-wavy-each > *:focus,
.deco-wavy-many:hover > *,
.deco-wavy-many:focus > * {
  -webkit-text-decoration-style: wavy;
          text-decoration-style: wavy; }

/********** TEXT DECORATION COLOR **********/
.deco-red,
.deco-red-all > *,
.deco-red-onto:hover,
.deco-red-onto:focus,
*:hover > .deco-red-into,
*:focus > .deco-red-into,
.deco-red-each > *:hover,
.deco-red-each > *:focus,
.deco-red-many:hover > *,
.deco-red-many:focus > * {
  -webkit-text-decoration-color: var(--ani-red);
          text-decoration-color: var(--ani-red); }

.deco-orange,
.deco-orange-all > *,
.deco-orange-onto:hover,
.deco-orange-onto:focus,
*:hover > .deco-orange-into,
*:focus > .deco-orange-into,
.deco-orange-each > *:hover,
.deco-orange-each > *:focus,
.deco-orange-many:hover > *,
.deco-orange-many:focus > * {
  -webkit-text-decoration-color: var(--ani-orange);
          text-decoration-color: var(--ani-orange); }

.deco-yellow,
.deco-yellow-all > *,
.deco-yellow-onto:hover,
.deco-yellow-onto:focus,
*:hover > .deco-yellow-into,
*:focus > .deco-yellow-into,
.deco-yellow-each > *:hover,
.deco-yellow-each > *:focus,
.deco-yellow-many:hover > *,
.deco-yellow-many:focus > * {
  -webkit-text-decoration-color: var(--ani-yellow);
          text-decoration-color: var(--ani-yellow); }

.deco-lime,
.deco-lime-all > *,
.deco-lime-onto:hover,
.deco-lime-onto:focus,
*:hover > .deco-lime-into,
*:focus > .deco-lime-into,
.deco-lime-each > *:hover,
.deco-lime-each > *:focus,
.deco-lime-many:hover > *,
.deco-lime-many:focus > * {
  -webkit-text-decoration-color: var(--ani-lime);
          text-decoration-color: var(--ani-lime); }

.deco-green,
.deco-green-all > *,
.deco-green-onto:hover,
.deco-green-onto:focus,
*:hover > .deco-green-into,
*:focus > .deco-green-into,
.deco-green-each > *:hover,
.deco-green-each > *:focus,
.deco-green-many:hover > *,
.deco-green-many:focus > * {
  -webkit-text-decoration-color: var(--ani-green);
          text-decoration-color: var(--ani-green); }

.deco-aqua,
.deco-aqua-all > *,
.deco-aqua-onto:hover,
.deco-aqua-onto:focus,
*:hover > .deco-aqua-into,
*:focus > .deco-aqua-into,
.deco-aqua-each > *:hover,
.deco-aqua-each > *:focus,
.deco-aqua-many:hover > *,
.deco-aqua-many:focus > * {
  -webkit-text-decoration-color: var(--ani-aqua);
          text-decoration-color: var(--ani-aqua); }

.deco-cyan,
.deco-cyan-all > *,
.deco-cyan-onto:hover,
.deco-cyan-onto:focus,
*:hover > .deco-cyan-into,
*:focus > .deco-cyan-into,
.deco-cyan-each > *:hover,
.deco-cyan-each > *:focus,
.deco-cyan-many:hover > *,
.deco-cyan-many:focus > * {
  -webkit-text-decoration-color: var(--ani-cyan);
          text-decoration-color: var(--ani-cyan); }

.deco-sky,
.deco-sky-all > *,
.deco-sky-onto:hover,
.deco-sky-onto:focus,
*:hover > .deco-sky-into,
*:focus > .deco-sky-into,
.deco-sky-each > *:hover,
.deco-sky-each > *:focus,
.deco-sky-many:hover > *,
.deco-sky-many:focus > * {
  -webkit-text-decoration-color: var(--ani-sky);
          text-decoration-color: var(--ani-sky); }

.deco-blue,
.deco-blue-all > *,
.deco-blue-onto:hover,
.deco-blue-onto:focus,
*:hover > .deco-blue-into,
*:focus > .deco-blue-into,
.deco-blue-each > *:hover,
.deco-blue-each > *:focus,
.deco-blue-many:hover > *,
.deco-blue-many:focus > * {
  -webkit-text-decoration-color: var(--ani-blue);
          text-decoration-color: var(--ani-blue); }

.deco-violet,
.deco-violet-all > *,
.deco-violet-onto:hover,
.deco-violet-onto:focus,
*:hover > .deco-violet-into,
*:focus > .deco-violet-into,
.deco-violet-each > *:hover,
.deco-violet-each > *:focus,
.deco-violet-many:hover > *,
.deco-violet-many:focus > * {
  -webkit-text-decoration-color: var(--ani-violet);
          text-decoration-color: var(--ani-violet); }

.deco-magenta,
.deco-magenta-all > *,
.deco-magenta-onto:hover,
.deco-magenta-onto:focus,
*:hover > .deco-magenta-into,
*:focus > .deco-magenta-into,
.deco-magenta-each > *:hover,
.deco-magenta-each > *:focus,
.deco-magenta-many:hover > *,
.deco-magenta-many:focus > * {
  -webkit-text-decoration-color: var(--ani-magenta);
          text-decoration-color: var(--ani-magenta); }

.deco-pink,
.deco-pink-all > *,
.deco-pink-onto:hover,
.deco-pink-onto:focus,
*:hover > .deco-pink-into,
*:focus > .deco-pink-into,
.deco-pink-each > *:hover,
.deco-pink-each > *:focus,
.deco-pink-many:hover > *,
.deco-pink-many:focus > * {
  -webkit-text-decoration-color: var(--ani-pink);
          text-decoration-color: var(--ani-pink); }

/********** COLOR **********/
.red,
.red-all > *,
.red-onto:hover,
.red-onto:focus,
*:hover > .red-into,
*:focus > .red-into,
.red-each > *:hover,
.red-each > *:focus,
.red-many:hover > *,
.red-many:focus > * {
  color: var(--ani-red); }

.red-dark,
.red-dark-all > *,
.red-dark-onto:hover,
.red-dark-onto:focus,
*:hover > .red-dark-into,
*:focus > .red-dark-into,
.red-dark-each > *:hover,
.red-dark-each > *:focus,
.red-dark-many:hover > *,
.red-dark-many:focus > * {
  color: var(--ani-red-dark); }

.red-light,
.red-light-all > *,
.red-light-onto:hover,
.red-light-onto:focus,
*:hover > .red-light-into,
*:focus > .red-light-into,
.red-light-each > *:hover,
.red-light-each > *:focus,
.red-light-many:hover > *,
.red-light-many:focus > * {
  color: var(--ani-red-light); }

.orange,
.orange-all > *,
.orange-onto:hover,
.orange-onto:focus,
*:hover > .orange-into,
*:focus > .orange-into,
.orange-each > *:hover,
.orange-each > *:focus,
.orange-many:hover > *,
.orange-many:focus > * {
  color: var(--ani-orange); }

.orange-dark,
.orange-dark-all > *,
.orange-dark-onto:hover,
.orange-dark-onto:focus,
*:hover > .orange-dark-into,
*:focus > .orange-dark-into,
.orange-dark-each > *:hover,
.orange-dark-each > *:focus,
.orange-dark-many:hover > *,
.orange-dark-many:focus > * {
  color: var(--ani-orange-dark); }

.orange-light,
.orange-light-all > *,
.orange-light-onto:hover,
.orange-light-onto:focus,
*:hover > .orange-light-into,
*:focus > .orange-light-into,
.orange-light-each > *:hover,
.orange-light-each > *:focus,
.orange-light-many:hover > *,
.orange-light-many:focus > * {
  color: var(--ani-orange-light); }

.yellow,
.yellow-all > *,
.yellow-onto:hover,
.yellow-onto:focus,
*:hover > .yellow-into,
*:focus > .yellow-into,
.yellow-each > *:hover,
.yellow-each > *:focus,
.yellow-many:hover > *,
.yellow-many:focus > * {
  color: var(--ani-yellow); }

.yellow-dark,
.yellow-dark-all > *,
.yellow-dark-onto:hover,
.yellow-dark-onto:focus,
*:hover > .yellow-dark-into,
*:focus > .yellow-dark-into,
.yellow-dark-each > *:hover,
.yellow-dark-each > *:focus,
.yellow-dark-many:hover > *,
.yellow-dark-many:focus > * {
  color: var(--ani-yellow-dark); }

.yellow-light,
.yellow-light-all > *,
.yellow-light-onto:hover,
.yellow-light-onto:focus,
*:hover > .yellow-light-into,
*:focus > .yellow-light-into,
.yellow-light-each > *:hover,
.yellow-light-each > *:focus,
.yellow-light-many:hover > *,
.yellow-light-many:focus > * {
  color: var(--ani-yellow-light); }

.lime,
.lime-all > *,
.lime-onto:hover,
.lime-onto:focus,
*:hover > .lime-into,
*:focus > .lime-into,
.lime-each > *:hover,
.lime-each > *:focus,
.lime-many:hover > *,
.lime-many:focus > * {
  color: var(--ani-lime); }

.lime-dark,
.lime-dark-all > *,
.lime-dark-onto:hover,
.lime-dark-onto:focus,
*:hover > .lime-dark-into,
*:focus > .lime-dark-into,
.lime-dark-each > *:hover,
.lime-dark-each > *:focus,
.lime-dark-many:hover > *,
.lime-dark-many:focus > * {
  color: var(--ani-lime-dark); }

.lime-light,
.lime-light-all > *,
.lime-light-onto:hover,
.lime-light-onto:focus,
*:hover > .lime-light-into,
*:focus > .lime-light-into,
.lime-light-each > *:hover,
.lime-light-each > *:focus,
.lime-light-many:hover > *,
.lime-light-many:focus > * {
  color: var(--ani-lime-light); }

.green,
.green-all > *,
.green-onto:hover,
.green-onto:focus,
*:hover > .green-into,
*:focus > .green-into,
.green-each > *:hover,
.green-each > *:focus,
.green-many:hover > *,
.green-many:focus > * {
  color: var(--ani-green); }

.green-dark,
.green-dark-all > *,
.green-dark-onto:hover,
.green-dark-onto:focus,
*:hover > .green-dark-into,
*:focus > .green-dark-into,
.green-dark-each > *:hover,
.green-dark-each > *:focus,
.green-dark-many:hover > *,
.green-dark-many:focus > * {
  color: var(--ani-green-dark); }

.green-light,
.green-light-all > *,
.green-light-onto:hover,
.green-light-onto:focus,
*:hover > .green-light-into,
*:focus > .green-light-into,
.green-light-each > *:hover,
.green-light-each > *:focus,
.green-light-many:hover > *,
.green-light-many:focus > * {
  color: var(--ani-green-light); }

.aqua,
.aqua-all > *,
.aqua-onto:hover,
.aqua-onto:focus,
*:hover > .aqua-into,
*:focus > .aqua-into,
.aqua-each > *:hover,
.aqua-each > *:focus,
.aqua-many:hover > *,
.aqua-many:focus > * {
  color: var(--ani-aqua); }

.aqua-dark,
.aqua-dark-all > *,
.aqua-dark-onto:hover,
.aqua-dark-onto:focus,
*:hover > .aqua-dark-into,
*:focus > .aqua-dark-into,
.aqua-dark-each > *:hover,
.aqua-dark-each > *:focus,
.aqua-dark-many:hover > *,
.aqua-dark-many:focus > * {
  color: var(--ani-aqua-dark); }

.aqua-light,
.aqua-light-all > *,
.aqua-light-onto:hover,
.aqua-light-onto:focus,
*:hover > .aqua-light-into,
*:focus > .aqua-light-into,
.aqua-light-each > *:hover,
.aqua-light-each > *:focus,
.aqua-light-many:hover > *,
.aqua-light-many:focus > * {
  color: var(--ani-aqua-light); }

.cyan,
.cyan-all > *,
.cyan-onto:hover,
.cyan-onto:focus,
*:hover > .cyan-into,
*:focus > .cyan-into,
.cyan-each > *:hover,
.cyan-each > *:focus,
.cyan-many:hover > *,
.cyan-many:focus > * {
  color: var(--ani-cyan); }

.cyan-dark,
.cyan-dark-all > *,
.cyan-dark-onto:hover,
.cyan-dark-onto:focus,
*:hover > .cyan-dark-into,
*:focus > .cyan-dark-into,
.cyan-dark-each > *:hover,
.cyan-dark-each > *:focus,
.cyan-dark-many:hover > *,
.cyan-dark-many:focus > * {
  color: var(--ani-cyan-dark); }

.cyan-light,
.cyan-light-all > *,
.cyan-light-onto:hover,
.cyan-light-onto:focus,
*:hover > .cyan-light-into,
*:focus > .cyan-light-into,
.cyan-light-each > *:hover,
.cyan-light-each > *:focus,
.cyan-light-many:hover > *,
.cyan-light-many:focus > * {
  color: var(--ani-cyan-light); }

.sky,
.sky-all > *,
.sky-onto:hover,
.sky-onto:focus,
*:hover > .sky-into,
*:focus > .sky-into,
.sky-each > *:hover,
.sky-each > *:focus,
.sky-many:hover > *,
.sky-many:focus > * {
  color: var(--ani-sky); }

.sky-dark,
.sky-dark-all > *,
.sky-dark-onto:hover,
.sky-dark-onto:focus,
*:hover > .sky-dark-into,
*:focus > .sky-dark-into,
.sky-dark-each > *:hover,
.sky-dark-each > *:focus,
.sky-dark-many:hover > *,
.sky-dark-many:focus > * {
  color: var(--ani-sky-dark); }

.sky-light,
.sky-light-all > *,
.sky-light-onto:hover,
.sky-light-onto:focus,
*:hover > .sky-light-into,
*:focus > .sky-light-into,
.sky-light-each > *:hover,
.sky-light-each > *:focus,
.sky-light-many:hover > *,
.sky-light-many:focus > * {
  color: var(--ani-sky-light); }

.blue,
.blue-all > *,
.blue-onto:hover,
.blue-onto:focus,
*:hover > .blue-into,
*:focus > .blue-into,
.blue-each > *:hover,
.blue-each > *:focus,
.blue-many:hover > *,
.blue-many:focus > * {
  color: var(--ani-blue); }

.blue-dark,
.blue-dark-all > *,
.blue-dark-onto:hover,
.blue-dark-onto:focus,
*:hover > .blue-dark-into,
*:focus > .blue-dark-into,
.blue-dark-each > *:hover,
.blue-dark-each > *:focus,
.blue-dark-many:hover > *,
.blue-dark-many:focus > * {
  color: var(--ani-blue-dark); }

.blue-light,
.blue-light-all > *,
.blue-light-onto:hover,
.blue-light-onto:focus,
*:hover > .blue-light-into,
*:focus > .blue-light-into,
.blue-light-each > *:hover,
.blue-light-each > *:focus,
.blue-light-many:hover > *,
.blue-light-many:focus > * {
  color: var(--ani-blue-light); }

.violet,
.violet-all > *,
.violet-onto:hover,
.violet-onto:focus,
*:hover > .violet-into,
*:focus > .violet-into,
.violet-each > *:hover,
.violet-each > *:focus,
.violet-many:hover > *,
.violet-many:focus > * {
  color: var(--ani-violet); }

.violet-dark,
.violet-dark-all > *,
.violet-dark-onto:hover,
.violet-dark-onto:focus,
*:hover > .violet-dark-into,
*:focus > .violet-dark-into,
.violet-dark-each > *:hover,
.violet-dark-each > *:focus,
.violet-dark-many:hover > *,
.violet-dark-many:focus > * {
  color: var(--ani-violet-dark); }

.violet-light,
.violet-light-all > *,
.violet-light-onto:hover,
.violet-light-onto:focus,
*:hover > .violet-light-into,
*:focus > .violet-light-into,
.violet-light-each > *:hover,
.violet-light-each > *:focus,
.violet-light-many:hover > *,
.violet-light-many:focus > * {
  color: var(--ani-violet-light); }

.magenta,
.magenta-all > *,
.magenta-onto:hover,
.magenta-onto:focus,
*:hover > .magenta-into,
*:focus > .magenta-into,
.magenta-each > *:hover,
.magenta-each > *:focus,
.magenta-many:hover > *,
.magenta-many:focus > * {
  color: var(--ani-magenta); }

.magenta-dark,
.magenta-dark-all > *,
.magenta-dark-onto:hover,
.magenta-dark-onto:focus,
*:hover > .magenta-dark-into,
*:focus > .magenta-dark-into,
.magenta-dark-each > *:hover,
.magenta-dark-each > *:focus,
.magenta-dark-many:hover > *,
.magenta-dark-many:focus > * {
  color: var(--ani-magenta-dark); }

.magenta-light,
.magenta-light-all > *,
.magenta-light-onto:hover,
.magenta-light-onto:focus,
*:hover > .magenta-light-into,
*:focus > .magenta-light-into,
.magenta-light-each > *:hover,
.magenta-light-each > *:focus,
.magenta-light-many:hover > *,
.magenta-light-many:focus > * {
  color: var(--ani-magenta-light); }

.pink,
.pink-all > *,
.pink-onto:hover,
.pink-onto:focus,
*:hover > .pink-into,
*:focus > .pink-into,
.pink-each > *:hover,
.pink-each > *:focus,
.pink-many:hover > *,
.pink-many:focus > * {
  color: var(--ani-pink); }

.pink-dark,
.pink-dark-all > *,
.pink-dark-onto:hover,
.pink-dark-onto:focus,
*:hover > .pink-dark-into,
*:focus > .pink-dark-into,
.pink-dark-each > *:hover,
.pink-dark-each > *:focus,
.pink-dark-many:hover > *,
.pink-dark-many:focus > * {
  color: var(--ani-pink-dark); }

.pink-light,
.pink-light-all > *,
.pink-light-onto:hover,
.pink-light-onto:focus,
*:hover > .pink-light-into,
*:focus > .pink-light-into,
.pink-light-each > *:hover,
.pink-light-each > *:focus,
.pink-light-many:hover > *,
.pink-light-many:focus > * {
  color: var(--ani-pink-light); }

.black,
.black-all > *,
.black-onto:hover,
.black-onto:focus,
*:hover > .black-into,
*:focus > .black-into,
.black-each > *:hover,
.black-each > *:focus,
.black-many:hover > *,
.black-many:focus > * {
  color: var(--ani-black); }

.slate,
.slate-all > *,
.slate-onto:hover,
.slate-onto:focus,
*:hover > .slate-into,
*:focus > .slate-into,
.slate-each > *:hover,
.slate-each > *:focus,
.slate-many:hover > *,
.slate-many:focus > * {
  color: var(--ani-slate); }

.gray,
.gray-all > *,
.gray-onto:hover,
.gray-onto:focus,
*:hover > .gray-into,
*:focus > .gray-into,
.gray-each > *:hover,
.gray-each > *:focus,
.gray-many:hover > *,
.gray-many:focus > * {
  color: var(--ani-gray); }

.silver,
.silver-all > *,
.silver-onto:hover,
.silver-onto:focus,
*:hover > .silver-into,
*:focus > .silver-into,
.silver-each > *:hover,
.silver-each > *:focus,
.silver-many:hover > *,
.silver-many:focus > * {
  color: var(--ani-silver); }

.white,
.white-all > *,
.white-onto:hover,
.white-onto:focus,
*:hover > .white-into,
*:focus > .white-into,
.white-each > *:hover,
.white-each > *:focus,
.white-many:hover > *,
.white-many:focus > * {
  color: var(--ani-white); }

/********** BACKGROUND COLOR **********/
.bg-red,
.bg-red-all > *,
.bg-red-onto:hover,
.bg-red-onto:focus,
*:hover > .bg-red-into,
*:focus > .bg-red-into,
.bg-red-each > *:hover,
.bg-red-each > *:focus,
.bg-red-many:hover > *,
.bg-red-many:focus > * {
  background-color: var(--ani-red); }

.bg-red-dark,
.bg-red-dark-all > *,
.bg-red-dark-onto:hover,
.bg-red-dark-onto:focus,
*:hover > .bg-red-dark-into,
*:focus > .bg-red-dark-into,
.bg-red-dark-each > *:hover,
.bg-red-dark-each > *:focus,
.bg-red-dark-many:hover > *,
.bg-red-dark-many:focus > * {
  background-color: var(--ani-red-dark); }

.bg-red-light,
.bg-red-light-all > *,
.bg-red-light-onto:hover,
.bg-red-light-onto:focus,
*:hover > .bg-red-light-into,
*:focus > .bg-red-light-into,
.bg-red-light-each > *:hover,
.bg-red-light-each > *:focus,
.bg-red-light-many:hover > *,
.bg-red-light-many:focus > * {
  background-color: var(--ani-red-light); }

.bg-red-darker,
.bg-red-darker-all > *,
.bg-red-darker-onto:hover,
.bg-red-darker-onto:focus,
*:hover > .bg-red-darker-into,
*:focus > .bg-red-darker-into,
.bg-red-darker-each > *:hover,
.bg-red-darker-each > *:focus,
.bg-red-darker-many:hover > *,
.bg-red-darker-many:focus > * {
  background-color: var(--ani-red-darker); }

.bg-red-lighter,
.bg-red-lighter-all > *,
.bg-red-lighter-onto:hover,
.bg-red-lighter-onto:focus,
*:hover > .bg-red-lighter-into,
*:focus > .bg-red-lighter-into,
.bg-red-lighter-each > *:hover,
.bg-red-lighter-each > *:focus,
.bg-red-lighter-many:hover > *,
.bg-red-lighter-many:focus > * {
  background-color: var(--ani-red-lighter); }

.bg-orange,
.bg-orange-all > *,
.bg-orange-onto:hover,
.bg-orange-onto:focus,
*:hover > .bg-orange-into,
*:focus > .bg-orange-into,
.bg-orange-each > *:hover,
.bg-orange-each > *:focus,
.bg-orange-many:hover > *,
.bg-orange-many:focus > * {
  background-color: var(--ani-orange); }

.bg-orange-dark,
.bg-orange-dark-all > *,
.bg-orange-dark-onto:hover,
.bg-orange-dark-onto:focus,
*:hover > .bg-orange-dark-into,
*:focus > .bg-orange-dark-into,
.bg-orange-dark-each > *:hover,
.bg-orange-dark-each > *:focus,
.bg-orange-dark-many:hover > *,
.bg-orange-dark-many:focus > * {
  background-color: var(--ani-orange-dark); }

.bg-orange-light,
.bg-orange-light-all > *,
.bg-orange-light-onto:hover,
.bg-orange-light-onto:focus,
*:hover > .bg-orange-light-into,
*:focus > .bg-orange-light-into,
.bg-orange-light-each > *:hover,
.bg-orange-light-each > *:focus,
.bg-orange-light-many:hover > *,
.bg-orange-light-many:focus > * {
  background-color: var(--ani-orange-light); }

.bg-orange-darker,
.bg-orange-darker-all > *,
.bg-orange-darker-onto:hover,
.bg-orange-darker-onto:focus,
*:hover > .bg-orange-darker-into,
*:focus > .bg-orange-darker-into,
.bg-orange-darker-each > *:hover,
.bg-orange-darker-each > *:focus,
.bg-orange-darker-many:hover > *,
.bg-orange-darker-many:focus > * {
  background-color: var(--ani-orange-darker); }

.bg-orange-lighter,
.bg-orange-lighter-all > *,
.bg-orange-lighter-onto:hover,
.bg-orange-lighter-onto:focus,
*:hover > .bg-orange-lighter-into,
*:focus > .bg-orange-lighter-into,
.bg-orange-lighter-each > *:hover,
.bg-orange-lighter-each > *:focus,
.bg-orange-lighter-many:hover > *,
.bg-orange-lighter-many:focus > * {
  background-color: var(--ani-orange-lighter); }

.bg-yellow,
.bg-yellow-all > *,
.bg-yellow-onto:hover,
.bg-yellow-onto:focus,
*:hover > .bg-yellow-into,
*:focus > .bg-yellow-into,
.bg-yellow-each > *:hover,
.bg-yellow-each > *:focus,
.bg-yellow-many:hover > *,
.bg-yellow-many:focus > * {
  background-color: var(--ani-yellow); }

.bg-yellow-dark,
.bg-yellow-dark-all > *,
.bg-yellow-dark-onto:hover,
.bg-yellow-dark-onto:focus,
*:hover > .bg-yellow-dark-into,
*:focus > .bg-yellow-dark-into,
.bg-yellow-dark-each > *:hover,
.bg-yellow-dark-each > *:focus,
.bg-yellow-dark-many:hover > *,
.bg-yellow-dark-many:focus > * {
  background-color: var(--ani-yellow-dark); }

.bg-yellow-light,
.bg-yellow-light-all > *,
.bg-yellow-light-onto:hover,
.bg-yellow-light-onto:focus,
*:hover > .bg-yellow-light-into,
*:focus > .bg-yellow-light-into,
.bg-yellow-light-each > *:hover,
.bg-yellow-light-each > *:focus,
.bg-yellow-light-many:hover > *,
.bg-yellow-light-many:focus > * {
  background-color: var(--ani-yellow-light); }

.bg-yellow-darker,
.bg-yellow-darker-all > *,
.bg-yellow-darker-onto:hover,
.bg-yellow-darker-onto:focus,
*:hover > .bg-yellow-darker-into,
*:focus > .bg-yellow-darker-into,
.bg-yellow-darker-each > *:hover,
.bg-yellow-darker-each > *:focus,
.bg-yellow-darker-many:hover > *,
.bg-yellow-darker-many:focus > * {
  background-color: var(--ani-yellow-darker); }

.bg-yellow-lighter,
.bg-yellow-lighter-all > *,
.bg-yellow-lighter-onto:hover,
.bg-yellow-lighter-onto:focus,
*:hover > .bg-yellow-lighter-into,
*:focus > .bg-yellow-lighter-into,
.bg-yellow-lighter-each > *:hover,
.bg-yellow-lighter-each > *:focus,
.bg-yellow-lighter-many:hover > *,
.bg-yellow-lighter-many:focus > * {
  background-color: var(--ani-yellow-lighter); }

.bg-lime,
.bg-lime-all > *,
.bg-lime-onto:hover,
.bg-lime-onto:focus,
*:hover > .bg-lime-into,
*:focus > .bg-lime-into,
.bg-lime-each > *:hover,
.bg-lime-each > *:focus,
.bg-lime-many:hover > *,
.bg-lime-many:focus > * {
  background-color: var(--ani-lime); }

.bg-lime-dark,
.bg-lime-dark-all > *,
.bg-lime-dark-onto:hover,
.bg-lime-dark-onto:focus,
*:hover > .bg-lime-dark-into,
*:focus > .bg-lime-dark-into,
.bg-lime-dark-each > *:hover,
.bg-lime-dark-each > *:focus,
.bg-lime-dark-many:hover > *,
.bg-lime-dark-many:focus > * {
  background-color: var(--ani-lime-dark); }

.bg-lime-light,
.bg-lime-light-all > *,
.bg-lime-light-onto:hover,
.bg-lime-light-onto:focus,
*:hover > .bg-lime-light-into,
*:focus > .bg-lime-light-into,
.bg-lime-light-each > *:hover,
.bg-lime-light-each > *:focus,
.bg-lime-light-many:hover > *,
.bg-lime-light-many:focus > * {
  background-color: var(--ani-lime-light); }

.bg-lime-darker,
.bg-lime-darker-all > *,
.bg-lime-darker-onto:hover,
.bg-lime-darker-onto:focus,
*:hover > .bg-lime-darker-into,
*:focus > .bg-lime-darker-into,
.bg-lime-darker-each > *:hover,
.bg-lime-darker-each > *:focus,
.bg-lime-darker-many:hover > *,
.bg-lime-darker-many:focus > * {
  background-color: var(--ani-lime-darker); }

.bg-lime-lighter,
.bg-lime-lighter-all > *,
.bg-lime-lighter-onto:hover,
.bg-lime-lighter-onto:focus,
*:hover > .bg-lime-lighter-into,
*:focus > .bg-lime-lighter-into,
.bg-lime-lighter-each > *:hover,
.bg-lime-lighter-each > *:focus,
.bg-lime-lighter-many:hover > *,
.bg-lime-lighter-many:focus > * {
  background-color: var(--ani-lime-lighter); }

.bg-green,
.bg-green-all > *,
.bg-green-onto:hover,
.bg-green-onto:focus,
*:hover > .bg-green-into,
*:focus > .bg-green-into,
.bg-green-each > *:hover,
.bg-green-each > *:focus,
.bg-green-many:hover > *,
.bg-green-many:focus > * {
  background-color: var(--ani-green); }

.bg-green-dark,
.bg-green-dark-all > *,
.bg-green-dark-onto:hover,
.bg-green-dark-onto:focus,
*:hover > .bg-green-dark-into,
*:focus > .bg-green-dark-into,
.bg-green-dark-each > *:hover,
.bg-green-dark-each > *:focus,
.bg-green-dark-many:hover > *,
.bg-green-dark-many:focus > * {
  background-color: var(--ani-green-dark); }

.bg-green-light,
.bg-green-light-all > *,
.bg-green-light-onto:hover,
.bg-green-light-onto:focus,
*:hover > .bg-green-light-into,
*:focus > .bg-green-light-into,
.bg-green-light-each > *:hover,
.bg-green-light-each > *:focus,
.bg-green-light-many:hover > *,
.bg-green-light-many:focus > * {
  background-color: var(--ani-green-light); }

.bg-green-darker,
.bg-green-darker-all > *,
.bg-green-darker-onto:hover,
.bg-green-darker-onto:focus,
*:hover > .bg-green-darker-into,
*:focus > .bg-green-darker-into,
.bg-green-darker-each > *:hover,
.bg-green-darker-each > *:focus,
.bg-green-darker-many:hover > *,
.bg-green-darker-many:focus > * {
  background-color: var(--ani-green-darker); }

.bg-green-lighter,
.bg-green-lighter-all > *,
.bg-green-lighter-onto:hover,
.bg-green-lighter-onto:focus,
*:hover > .bg-green-lighter-into,
*:focus > .bg-green-lighter-into,
.bg-green-lighter-each > *:hover,
.bg-green-lighter-each > *:focus,
.bg-green-lighter-many:hover > *,
.bg-green-lighter-many:focus > * {
  background-color: var(--ani-green-lighter); }

.bg-aqua,
.bg-aqua-all > *,
.bg-aqua-onto:hover,
.bg-aqua-onto:focus,
*:hover > .bg-aqua-into,
*:focus > .bg-aqua-into,
.bg-aqua-each > *:hover,
.bg-aqua-each > *:focus,
.bg-aqua-many:hover > *,
.bg-aqua-many:focus > * {
  background-color: var(--ani-aqua); }

.bg-aqua-dark,
.bg-aqua-dark-all > *,
.bg-aqua-dark-onto:hover,
.bg-aqua-dark-onto:focus,
*:hover > .bg-aqua-dark-into,
*:focus > .bg-aqua-dark-into,
.bg-aqua-dark-each > *:hover,
.bg-aqua-dark-each > *:focus,
.bg-aqua-dark-many:hover > *,
.bg-aqua-dark-many:focus > * {
  background-color: var(--ani-aqua-dark); }

.bg-aqua-light,
.bg-aqua-light-all > *,
.bg-aqua-light-onto:hover,
.bg-aqua-light-onto:focus,
*:hover > .bg-aqua-light-into,
*:focus > .bg-aqua-light-into,
.bg-aqua-light-each > *:hover,
.bg-aqua-light-each > *:focus,
.bg-aqua-light-many:hover > *,
.bg-aqua-light-many:focus > * {
  background-color: var(--ani-aqua-light); }

.bg-aqua-darker,
.bg-aqua-darker-all > *,
.bg-aqua-darker-onto:hover,
.bg-aqua-darker-onto:focus,
*:hover > .bg-aqua-darker-into,
*:focus > .bg-aqua-darker-into,
.bg-aqua-darker-each > *:hover,
.bg-aqua-darker-each > *:focus,
.bg-aqua-darker-many:hover > *,
.bg-aqua-darker-many:focus > * {
  background-color: var(--ani-aqua-darker); }

.bg-aqua-lighter,
.bg-aqua-lighter-all > *,
.bg-aqua-lighter-onto:hover,
.bg-aqua-lighter-onto:focus,
*:hover > .bg-aqua-lighter-into,
*:focus > .bg-aqua-lighter-into,
.bg-aqua-lighter-each > *:hover,
.bg-aqua-lighter-each > *:focus,
.bg-aqua-lighter-many:hover > *,
.bg-aqua-lighter-many:focus > * {
  background-color: var(--ani-aqua-lighter); }

.bg-cyan,
.bg-cyan-all > *,
.bg-cyan-onto:hover,
.bg-cyan-onto:focus,
*:hover > .bg-cyan-into,
*:focus > .bg-cyan-into,
.bg-cyan-each > *:hover,
.bg-cyan-each > *:focus,
.bg-cyan-many:hover > *,
.bg-cyan-many:focus > * {
  background-color: var(--ani-cyan); }

.bg-cyan-dark,
.bg-cyan-dark-all > *,
.bg-cyan-dark-onto:hover,
.bg-cyan-dark-onto:focus,
*:hover > .bg-cyan-dark-into,
*:focus > .bg-cyan-dark-into,
.bg-cyan-dark-each > *:hover,
.bg-cyan-dark-each > *:focus,
.bg-cyan-dark-many:hover > *,
.bg-cyan-dark-many:focus > * {
  background-color: var(--ani-cyan-dark); }

.bg-cyan-light,
.bg-cyan-light-all > *,
.bg-cyan-light-onto:hover,
.bg-cyan-light-onto:focus,
*:hover > .bg-cyan-light-into,
*:focus > .bg-cyan-light-into,
.bg-cyan-light-each > *:hover,
.bg-cyan-light-each > *:focus,
.bg-cyan-light-many:hover > *,
.bg-cyan-light-many:focus > * {
  background-color: var(--ani-cyan-light); }

.bg-cyan-darker,
.bg-cyan-darker-all > *,
.bg-cyan-darker-onto:hover,
.bg-cyan-darker-onto:focus,
*:hover > .bg-cyan-darker-into,
*:focus > .bg-cyan-darker-into,
.bg-cyan-darker-each > *:hover,
.bg-cyan-darker-each > *:focus,
.bg-cyan-darker-many:hover > *,
.bg-cyan-darker-many:focus > * {
  background-color: var(--ani-cyan-darker); }

.bg-cyan-lighter,
.bg-cyan-lighter-all > *,
.bg-cyan-lighter-onto:hover,
.bg-cyan-lighter-onto:focus,
*:hover > .bg-cyan-lighter-into,
*:focus > .bg-cyan-lighter-into,
.bg-cyan-lighter-each > *:hover,
.bg-cyan-lighter-each > *:focus,
.bg-cyan-lighter-many:hover > *,
.bg-cyan-lighter-many:focus > * {
  background-color: var(--ani-cyan-lighter); }

.bg-sky,
.bg-sky-all > *,
.bg-sky-onto:hover,
.bg-sky-onto:focus,
*:hover > .bg-sky-into,
*:focus > .bg-sky-into,
.bg-sky-each > *:hover,
.bg-sky-each > *:focus,
.bg-sky-many:hover > *,
.bg-sky-many:focus > * {
  background-color: var(--ani-sky); }

.bg-sky-dark,
.bg-sky-dark-all > *,
.bg-sky-dark-onto:hover,
.bg-sky-dark-onto:focus,
*:hover > .bg-sky-dark-into,
*:focus > .bg-sky-dark-into,
.bg-sky-dark-each > *:hover,
.bg-sky-dark-each > *:focus,
.bg-sky-dark-many:hover > *,
.bg-sky-dark-many:focus > * {
  background-color: var(--ani-sky-dark); }

.bg-sky-light,
.bg-sky-light-all > *,
.bg-sky-light-onto:hover,
.bg-sky-light-onto:focus,
*:hover > .bg-sky-light-into,
*:focus > .bg-sky-light-into,
.bg-sky-light-each > *:hover,
.bg-sky-light-each > *:focus,
.bg-sky-light-many:hover > *,
.bg-sky-light-many:focus > * {
  background-color: var(--ani-sky-light); }

.bg-sky-darker,
.bg-sky-darker-all > *,
.bg-sky-darker-onto:hover,
.bg-sky-darker-onto:focus,
*:hover > .bg-sky-darker-into,
*:focus > .bg-sky-darker-into,
.bg-sky-darker-each > *:hover,
.bg-sky-darker-each > *:focus,
.bg-sky-darker-many:hover > *,
.bg-sky-darker-many:focus > * {
  background-color: var(--ani-sky-darker); }

.bg-sky-lighter,
.bg-sky-lighter-all > *,
.bg-sky-lighter-onto:hover,
.bg-sky-lighter-onto:focus,
*:hover > .bg-sky-lighter-into,
*:focus > .bg-sky-lighter-into,
.bg-sky-lighter-each > *:hover,
.bg-sky-lighter-each > *:focus,
.bg-sky-lighter-many:hover > *,
.bg-sky-lighter-many:focus > * {
  background-color: var(--ani-sky-lighter); }

.bg-blue,
.bg-blue-all > *,
.bg-blue-onto:hover,
.bg-blue-onto:focus,
*:hover > .bg-blue-into,
*:focus > .bg-blue-into,
.bg-blue-each > *:hover,
.bg-blue-each > *:focus,
.bg-blue-many:hover > *,
.bg-blue-many:focus > * {
  background-color: var(--ani-blue); }

.bg-blue-dark,
.bg-blue-dark-all > *,
.bg-blue-dark-onto:hover,
.bg-blue-dark-onto:focus,
*:hover > .bg-blue-dark-into,
*:focus > .bg-blue-dark-into,
.bg-blue-dark-each > *:hover,
.bg-blue-dark-each > *:focus,
.bg-blue-dark-many:hover > *,
.bg-blue-dark-many:focus > * {
  background-color: var(--ani-blue-dark); }

.bg-blue-light,
.bg-blue-light-all > *,
.bg-blue-light-onto:hover,
.bg-blue-light-onto:focus,
*:hover > .bg-blue-light-into,
*:focus > .bg-blue-light-into,
.bg-blue-light-each > *:hover,
.bg-blue-light-each > *:focus,
.bg-blue-light-many:hover > *,
.bg-blue-light-many:focus > * {
  background-color: var(--ani-blue-light); }

.bg-blue-darker,
.bg-blue-darker-all > *,
.bg-blue-darker-onto:hover,
.bg-blue-darker-onto:focus,
*:hover > .bg-blue-darker-into,
*:focus > .bg-blue-darker-into,
.bg-blue-darker-each > *:hover,
.bg-blue-darker-each > *:focus,
.bg-blue-darker-many:hover > *,
.bg-blue-darker-many:focus > * {
  background-color: var(--ani-blue-darker); }

.bg-blue-lighter,
.bg-blue-lighter-all > *,
.bg-blue-lighter-onto:hover,
.bg-blue-lighter-onto:focus,
*:hover > .bg-blue-lighter-into,
*:focus > .bg-blue-lighter-into,
.bg-blue-lighter-each > *:hover,
.bg-blue-lighter-each > *:focus,
.bg-blue-lighter-many:hover > *,
.bg-blue-lighter-many:focus > * {
  background-color: var(--ani-blue-lighter); }

.bg-violet,
.bg-violet-all > *,
.bg-violet-onto:hover,
.bg-violet-onto:focus,
*:hover > .bg-violet-into,
*:focus > .bg-violet-into,
.bg-violet-each > *:hover,
.bg-violet-each > *:focus,
.bg-violet-many:hover > *,
.bg-violet-many:focus > * {
  background-color: var(--ani-violet); }

.bg-violet-dark,
.bg-violet-dark-all > *,
.bg-violet-dark-onto:hover,
.bg-violet-dark-onto:focus,
*:hover > .bg-violet-dark-into,
*:focus > .bg-violet-dark-into,
.bg-violet-dark-each > *:hover,
.bg-violet-dark-each > *:focus,
.bg-violet-dark-many:hover > *,
.bg-violet-dark-many:focus > * {
  background-color: var(--ani-violet-dark); }

.bg-violet-light,
.bg-violet-light-all > *,
.bg-violet-light-onto:hover,
.bg-violet-light-onto:focus,
*:hover > .bg-violet-light-into,
*:focus > .bg-violet-light-into,
.bg-violet-light-each > *:hover,
.bg-violet-light-each > *:focus,
.bg-violet-light-many:hover > *,
.bg-violet-light-many:focus > * {
  background-color: var(--ani-violet-light); }

.bg-violet-darker,
.bg-violet-darker-all > *,
.bg-violet-darker-onto:hover,
.bg-violet-darker-onto:focus,
*:hover > .bg-violet-darker-into,
*:focus > .bg-violet-darker-into,
.bg-violet-darker-each > *:hover,
.bg-violet-darker-each > *:focus,
.bg-violet-darker-many:hover > *,
.bg-violet-darker-many:focus > * {
  background-color: var(--ani-violet-darker); }

.bg-violet-lighter,
.bg-violet-lighter-all > *,
.bg-violet-lighter-onto:hover,
.bg-violet-lighter-onto:focus,
*:hover > .bg-violet-lighter-into,
*:focus > .bg-violet-lighter-into,
.bg-violet-lighter-each > *:hover,
.bg-violet-lighter-each > *:focus,
.bg-violet-lighter-many:hover > *,
.bg-violet-lighter-many:focus > * {
  background-color: var(--ani-violet-lighter); }

.bg-magenta,
.bg-magenta-all > *,
.bg-magenta-onto:hover,
.bg-magenta-onto:focus,
*:hover > .bg-magenta-into,
*:focus > .bg-magenta-into,
.bg-magenta-each > *:hover,
.bg-magenta-each > *:focus,
.bg-magenta-many:hover > *,
.bg-magenta-many:focus > * {
  background-color: var(--ani-magenta); }

.bg-magenta-dark,
.bg-magenta-dark-all > *,
.bg-magenta-dark-onto:hover,
.bg-magenta-dark-onto:focus,
*:hover > .bg-magenta-dark-into,
*:focus > .bg-magenta-dark-into,
.bg-magenta-dark-each > *:hover,
.bg-magenta-dark-each > *:focus,
.bg-magenta-dark-many:hover > *,
.bg-magenta-dark-many:focus > * {
  background-color: var(--ani-magenta-dark); }

.bg-magenta-light,
.bg-magenta-light-all > *,
.bg-magenta-light-onto:hover,
.bg-magenta-light-onto:focus,
*:hover > .bg-magenta-light-into,
*:focus > .bg-magenta-light-into,
.bg-magenta-light-each > *:hover,
.bg-magenta-light-each > *:focus,
.bg-magenta-light-many:hover > *,
.bg-magenta-light-many:focus > * {
  background-color: var(--ani-magenta-light); }

.bg-magenta-darker,
.bg-magenta-darker-all > *,
.bg-magenta-darker-onto:hover,
.bg-magenta-darker-onto:focus,
*:hover > .bg-magenta-darker-into,
*:focus > .bg-magenta-darker-into,
.bg-magenta-darker-each > *:hover,
.bg-magenta-darker-each > *:focus,
.bg-magenta-darker-many:hover > *,
.bg-magenta-darker-many:focus > * {
  background-color: var(--ani-magenta-darker); }

.bg-magenta-lighter,
.bg-magenta-lighter-all > *,
.bg-magenta-lighter-onto:hover,
.bg-magenta-lighter-onto:focus,
*:hover > .bg-magenta-lighter-into,
*:focus > .bg-magenta-lighter-into,
.bg-magenta-lighter-each > *:hover,
.bg-magenta-lighter-each > *:focus,
.bg-magenta-lighter-many:hover > *,
.bg-magenta-lighter-many:focus > * {
  background-color: var(--ani-magenta-lighter); }

.bg-pink,
.bg-pink-all > *,
.bg-pink-onto:hover,
.bg-pink-onto:focus,
*:hover > .bg-pink-into,
*:focus > .bg-pink-into,
.bg-pink-each > *:hover,
.bg-pink-each > *:focus,
.bg-pink-many:hover > *,
.bg-pink-many:focus > * {
  background-color: var(--ani-pink); }

.bg-pink-dark,
.bg-pink-dark-all > *,
.bg-pink-dark-onto:hover,
.bg-pink-dark-onto:focus,
*:hover > .bg-pink-dark-into,
*:focus > .bg-pink-dark-into,
.bg-pink-dark-each > *:hover,
.bg-pink-dark-each > *:focus,
.bg-pink-dark-many:hover > *,
.bg-pink-dark-many:focus > * {
  background-color: var(--ani-pink-dark); }

.bg-pink-light,
.bg-pink-light-all > *,
.bg-pink-light-onto:hover,
.bg-pink-light-onto:focus,
*:hover > .bg-pink-light-into,
*:focus > .bg-pink-light-into,
.bg-pink-light-each > *:hover,
.bg-pink-light-each > *:focus,
.bg-pink-light-many:hover > *,
.bg-pink-light-many:focus > * {
  background-color: var(--ani-pink-light); }

.bg-pink-darker,
.bg-pink-darker-all > *,
.bg-pink-darker-onto:hover,
.bg-pink-darker-onto:focus,
*:hover > .bg-pink-darker-into,
*:focus > .bg-pink-darker-into,
.bg-pink-darker-each > *:hover,
.bg-pink-darker-each > *:focus,
.bg-pink-darker-many:hover > *,
.bg-pink-darker-many:focus > * {
  background-color: var(--ani-pink-darker); }

.bg-pink-lighter,
.bg-pink-lighter-all > *,
.bg-pink-lighter-onto:hover,
.bg-pink-lighter-onto:focus,
*:hover > .bg-pink-lighter-into,
*:focus > .bg-pink-lighter-into,
.bg-pink-lighter-each > *:hover,
.bg-pink-lighter-each > *:focus,
.bg-pink-lighter-many:hover > *,
.bg-pink-lighter-many:focus > * {
  background-color: var(--ani-pink-lighter); }

.bg-black,
.bg-black-all > *,
.bg-black-onto:hover,
.bg-black-onto:focus,
*:hover > .bg-black-into,
*:focus > .bg-black-into,
.bg-black-each > *:hover,
.bg-black-each > *:focus,
.bg-black-many:hover > *,
.bg-black-many:focus > * {
  background-color: var(--ani-black); }

.bg-black-darker,
.bg-black-darker-all > *,
.bg-black-darker-onto:hover,
.bg-black-darker-onto:focus,
*:hover > .bg-black-darker-into,
*:focus > .bg-black-darker-into,
.bg-black-darker-each > *:hover,
.bg-black-darker-each > *:focus,
.bg-black-darker-many:hover > *,
.bg-black-darker-many:focus > * {
  background-color: var(--ani-black-darker); }

.bg-black-lighter,
.bg-black-lighter-all > *,
.bg-black-lighter-onto:hover,
.bg-black-lighter-onto:focus,
*:hover > .bg-black-lighter-into,
*:focus > .bg-black-lighter-into,
.bg-black-lighter-each > *:hover,
.bg-black-lighter-each > *:focus,
.bg-black-lighter-many:hover > *,
.bg-black-lighter-many:focus > * {
  background-color: var(--ani-black-lighter); }

.bg-slate,
.bg-slate-all > *,
.bg-slate-onto:hover,
.bg-slate-onto:focus,
*:hover > .bg-slate-into,
*:focus > .bg-slate-into,
.bg-slate-each > *:hover,
.bg-slate-each > *:focus,
.bg-slate-many:hover > *,
.bg-slate-many:focus > * {
  background-color: var(--ani-slate); }

.bg-slate-darker,
.bg-slate-darker-all > *,
.bg-slate-darker-onto:hover,
.bg-slate-darker-onto:focus,
*:hover > .bg-slate-darker-into,
*:focus > .bg-slate-darker-into,
.bg-slate-darker-each > *:hover,
.bg-slate-darker-each > *:focus,
.bg-slate-darker-many:hover > *,
.bg-slate-darker-many:focus > * {
  background-color: var(--ani-slate-darker); }

.bg-slate-lighter,
.bg-slate-lighter-all > *,
.bg-slate-lighter-onto:hover,
.bg-slate-lighter-onto:focus,
*:hover > .bg-slate-lighter-into,
*:focus > .bg-slate-lighter-into,
.bg-slate-lighter-each > *:hover,
.bg-slate-lighter-each > *:focus,
.bg-slate-lighter-many:hover > *,
.bg-slate-lighter-many:focus > * {
  background-color: var(--ani-slate-lighter); }

.bg-gray,
.bg-gray-all > *,
.bg-gray-onto:hover,
.bg-gray-onto:focus,
*:hover > .bg-gray-into,
*:focus > .bg-gray-into,
.bg-gray-each > *:hover,
.bg-gray-each > *:focus,
.bg-gray-many:hover > *,
.bg-gray-many:focus > * {
  background-color: var(--ani-gray); }

.bg-gray-darker,
.bg-gray-darker-all > *,
.bg-gray-darker-onto:hover,
.bg-gray-darker-onto:focus,
*:hover > .bg-gray-darker-into,
*:focus > .bg-gray-darker-into,
.bg-gray-darker-each > *:hover,
.bg-gray-darker-each > *:focus,
.bg-gray-darker-many:hover > *,
.bg-gray-darker-many:focus > * {
  background-color: var(--ani-gray-darker); }

.bg-gray-lighter,
.bg-gray-lighter-all > *,
.bg-gray-lighter-onto:hover,
.bg-gray-lighter-onto:focus,
*:hover > .bg-gray-lighter-into,
*:focus > .bg-gray-lighter-into,
.bg-gray-lighter-each > *:hover,
.bg-gray-lighter-each > *:focus,
.bg-gray-lighter-many:hover > *,
.bg-gray-lighter-many:focus > * {
  background-color: var(--ani-gray-lighter); }

.bg-silver,
.bg-silver-all > *,
.bg-silver-onto:hover,
.bg-silver-onto:focus,
*:hover > .bg-silver-into,
*:focus > .bg-silver-into,
.bg-silver-each > *:hover,
.bg-silver-each > *:focus,
.bg-silver-many:hover > *,
.bg-silver-many:focus > * {
  background-color: var(--ani-silver); }

.bg-silver-darker,
.bg-silver-darker-all > *,
.bg-silver-darker-onto:hover,
.bg-silver-darker-onto:focus,
*:hover > .bg-silver-darker-into,
*:focus > .bg-silver-darker-into,
.bg-silver-darker-each > *:hover,
.bg-silver-darker-each > *:focus,
.bg-silver-darker-many:hover > *,
.bg-silver-darker-many:focus > * {
  background-color: var(--ani-silver-darker); }

.bg-silver-lighter,
.bg-silver-lighter-all > *,
.bg-silver-lighter-onto:hover,
.bg-silver-lighter-onto:focus,
*:hover > .bg-silver-lighter-into,
*:focus > .bg-silver-lighter-into,
.bg-silver-lighter-each > *:hover,
.bg-silver-lighter-each > *:focus,
.bg-silver-lighter-many:hover > *,
.bg-silver-lighter-many:focus > * {
  background-color: var(--ani-silver-lighter); }

.bg-white,
.bg-white-all > *,
.bg-white-onto:hover,
.bg-white-onto:focus,
*:hover > .bg-white-into,
*:focus > .bg-white-into,
.bg-white-each > *:hover,
.bg-white-each > *:focus,
.bg-white-many:hover > *,
.bg-white-many:focus > * {
  background-color: var(--ani-white); }

.bg-white-darker,
.bg-white-darker-all > *,
.bg-white-darker-onto:hover,
.bg-white-darker-onto:focus,
*:hover > .bg-white-darker-into,
*:focus > .bg-white-darker-into,
.bg-white-darker-each > *:hover,
.bg-white-darker-each > *:focus,
.bg-white-darker-many:hover > *,
.bg-white-darker-many:focus > * {
  background-color: var(--ani-white-darker); }

.bg-white-lighter,
.bg-white-lighter-all > *,
.bg-white-lighter-onto:hover,
.bg-white-lighter-onto:focus,
*:hover > .bg-white-lighter-into,
*:focus > .bg-white-lighter-into,
.bg-white-lighter-each > *:hover,
.bg-white-lighter-each > *:focus,
.bg-white-lighter-many:hover > *,
.bg-white-lighter-many:focus > * {
  background-color: var(--ani-white-lighter); }

/********** ANIMATION **********/
[class*="ani-"] {
  animation-duration: var(--ani-animation-duration); }

/********** ANIMATION NAME **********/
[class*="ani-"][class*="-slideT"][class*="-it"],
[class*="ani-"][class*="-slideT"][class*="-all"] > *,
[class*="ani-"][class*="-slideT"][class*="-onto"]:hover,
[class*="ani-"][class*="-slideT"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-slideT"][class*="-into"],
*:focus > [class*="ani-"][class*="-slideT"][class*="-into"],
[class*="ani-"][class*="-slideT"][class*="-each"] > *:hover,
[class*="ani-"][class*="-slideT"][class*="-each"] > *:focus,
[class*="ani-"][class*="-slideT"][class*="-many"]:hover > *,
[class*="ani-"][class*="-slideT"][class*="-many"]:focus > * {
  animation-name: slideT; }

[class*="ani-"][class*="-slideR"][class*="-it"],
[class*="ani-"][class*="-slideR"][class*="-all"] > *,
[class*="ani-"][class*="-slideR"][class*="-onto"]:hover,
[class*="ani-"][class*="-slideR"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-slideR"][class*="-into"],
*:focus > [class*="ani-"][class*="-slideR"][class*="-into"],
[class*="ani-"][class*="-slideR"][class*="-each"] > *:hover,
[class*="ani-"][class*="-slideR"][class*="-each"] > *:focus,
[class*="ani-"][class*="-slideR"][class*="-many"]:hover > *,
[class*="ani-"][class*="-slideR"][class*="-many"]:focus > * {
  animation-name: slideR; }

[class*="ani-"][class*="-slideB"][class*="-it"],
[class*="ani-"][class*="-slideB"][class*="-all"] > *,
[class*="ani-"][class*="-slideB"][class*="-onto"]:hover,
[class*="ani-"][class*="-slideB"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-slideB"][class*="-into"],
*:focus > [class*="ani-"][class*="-slideB"][class*="-into"],
[class*="ani-"][class*="-slideB"][class*="-each"] > *:hover,
[class*="ani-"][class*="-slideB"][class*="-each"] > *:focus,
[class*="ani-"][class*="-slideB"][class*="-many"]:hover > *,
[class*="ani-"][class*="-slideB"][class*="-many"]:focus > * {
  animation-name: slideB; }

[class*="ani-"][class*="-slideL"][class*="-it"],
[class*="ani-"][class*="-slideL"][class*="-all"] > *,
[class*="ani-"][class*="-slideL"][class*="-onto"]:hover,
[class*="ani-"][class*="-slideL"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-slideL"][class*="-into"],
*:focus > [class*="ani-"][class*="-slideL"][class*="-into"],
[class*="ani-"][class*="-slideL"][class*="-each"] > *:hover,
[class*="ani-"][class*="-slideL"][class*="-each"] > *:focus,
[class*="ani-"][class*="-slideL"][class*="-many"]:hover > *,
[class*="ani-"][class*="-slideL"][class*="-many"]:focus > * {
  animation-name: slideL; }

[class*="ani-"][class*="-turn"][class*="-it"],
[class*="ani-"][class*="-turn"][class*="-all"] > *,
[class*="ani-"][class*="-turn"][class*="-onto"]:hover,
[class*="ani-"][class*="-turn"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-turn"][class*="-into"],
*:focus > [class*="ani-"][class*="-turn"][class*="-into"],
[class*="ani-"][class*="-turn"][class*="-each"] > *:hover,
[class*="ani-"][class*="-turn"][class*="-each"] > *:focus,
[class*="ani-"][class*="-turn"][class*="-many"]:hover > *,
[class*="ani-"][class*="-turn"][class*="-many"]:focus > * {
  animation-name: turn; }

[class*="ani-"][class*="-turnX"][class*="-it"],
[class*="ani-"][class*="-turnX"][class*="-all"] > *,
[class*="ani-"][class*="-turnX"][class*="-onto"]:hover,
[class*="ani-"][class*="-turnX"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-turnX"][class*="-into"],
*:focus > [class*="ani-"][class*="-turnX"][class*="-into"],
[class*="ani-"][class*="-turnX"][class*="-each"] > *:hover,
[class*="ani-"][class*="-turnX"][class*="-each"] > *:focus,
[class*="ani-"][class*="-turnX"][class*="-many"]:hover > *,
[class*="ani-"][class*="-turnX"][class*="-many"]:focus > * {
  animation-name: turnX; }

[class*="ani-"][class*="-turnY"][class*="-it"],
[class*="ani-"][class*="-turnY"][class*="-all"] > *,
[class*="ani-"][class*="-turnY"][class*="-onto"]:hover,
[class*="ani-"][class*="-turnY"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-turnY"][class*="-into"],
*:focus > [class*="ani-"][class*="-turnY"][class*="-into"],
[class*="ani-"][class*="-turnY"][class*="-each"] > *:hover,
[class*="ani-"][class*="-turnY"][class*="-each"] > *:focus,
[class*="ani-"][class*="-turnY"][class*="-many"]:hover > *,
[class*="ani-"][class*="-turnY"][class*="-many"]:focus > * {
  animation-name: turnY; }

[class*="ani-"][class*="-turnXY"][class*="-it"],
[class*="ani-"][class*="-turnXY"][class*="-all"] > *,
[class*="ani-"][class*="-turnXY"][class*="-onto"]:hover,
[class*="ani-"][class*="-turnXY"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-turnXY"][class*="-into"],
*:focus > [class*="ani-"][class*="-turnXY"][class*="-into"],
[class*="ani-"][class*="-turnXY"][class*="-each"] > *:hover,
[class*="ani-"][class*="-turnXY"][class*="-each"] > *:focus,
[class*="ani-"][class*="-turnXY"][class*="-many"]:hover > *,
[class*="ani-"][class*="-turnXY"][class*="-many"]:focus > * {
  animation-name: turnXY; }

[class*="ani-"][class*="-turnXZ"][class*="-it"],
[class*="ani-"][class*="-turnXZ"][class*="-all"] > *,
[class*="ani-"][class*="-turnXZ"][class*="-onto"]:hover,
[class*="ani-"][class*="-turnXZ"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-turnXZ"][class*="-into"],
*:focus > [class*="ani-"][class*="-turnXZ"][class*="-into"],
[class*="ani-"][class*="-turnXZ"][class*="-each"] > *:hover,
[class*="ani-"][class*="-turnXZ"][class*="-each"] > *:focus,
[class*="ani-"][class*="-turnXZ"][class*="-many"]:hover > *,
[class*="ani-"][class*="-turnXZ"][class*="-many"]:focus > * {
  animation-name: turnXZ; }

[class*="ani-"][class*="-turnYZ"][class*="-it"],
[class*="ani-"][class*="-turnYZ"][class*="-all"] > *,
[class*="ani-"][class*="-turnYZ"][class*="-onto"]:hover,
[class*="ani-"][class*="-turnYZ"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-turnYZ"][class*="-into"],
*:focus > [class*="ani-"][class*="-turnYZ"][class*="-into"],
[class*="ani-"][class*="-turnYZ"][class*="-each"] > *:hover,
[class*="ani-"][class*="-turnYZ"][class*="-each"] > *:focus,
[class*="ani-"][class*="-turnYZ"][class*="-many"]:hover > *,
[class*="ani-"][class*="-turnYZ"][class*="-many"]:focus > * {
  animation-name: turnYZ; }

[class*="ani-"][class*="-turn3D"][class*="-it"],
[class*="ani-"][class*="-turn3D"][class*="-all"] > *,
[class*="ani-"][class*="-turn3D"][class*="-onto"]:hover,
[class*="ani-"][class*="-turn3D"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-turn3D"][class*="-into"],
*:focus > [class*="ani-"][class*="-turn3D"][class*="-into"],
[class*="ani-"][class*="-turn3D"][class*="-each"] > *:hover,
[class*="ani-"][class*="-turn3D"][class*="-each"] > *:focus,
[class*="ani-"][class*="-turn3D"][class*="-many"]:hover > *,
[class*="ani-"][class*="-turn3D"][class*="-many"]:focus > * {
  animation-name: turn3D; }

[class*="ani-"][class*="-bounce"][class*="-it"],
[class*="ani-"][class*="-bounce"][class*="-all"] > *,
[class*="ani-"][class*="-bounce"][class*="-onto"]:hover,
[class*="ani-"][class*="-bounce"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-bounce"][class*="-into"],
*:focus > [class*="ani-"][class*="-bounce"][class*="-into"],
[class*="ani-"][class*="-bounce"][class*="-each"] > *:hover,
[class*="ani-"][class*="-bounce"][class*="-each"] > *:focus,
[class*="ani-"][class*="-bounce"][class*="-many"]:hover > *,
[class*="ani-"][class*="-bounce"][class*="-many"]:focus > * {
  animation-name: bounce; }

[class*="ani-"][class*="-grow"][class*="-it"],
[class*="ani-"][class*="-grow"][class*="-all"] > *,
[class*="ani-"][class*="-grow"][class*="-onto"]:hover,
[class*="ani-"][class*="-grow"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-grow"][class*="-into"],
*:focus > [class*="ani-"][class*="-grow"][class*="-into"],
[class*="ani-"][class*="-grow"][class*="-each"] > *:hover,
[class*="ani-"][class*="-grow"][class*="-each"] > *:focus,
[class*="ani-"][class*="-grow"][class*="-many"]:hover > *,
[class*="ani-"][class*="-grow"][class*="-many"]:focus > * {
  animation-name: grow; }

[class*="ani-"][class*="-shrink"][class*="-it"],
[class*="ani-"][class*="-shrink"][class*="-all"] > *,
[class*="ani-"][class*="-shrink"][class*="-onto"]:hover,
[class*="ani-"][class*="-shrink"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-shrink"][class*="-into"],
*:focus > [class*="ani-"][class*="-shrink"][class*="-into"],
[class*="ani-"][class*="-shrink"][class*="-each"] > *:hover,
[class*="ani-"][class*="-shrink"][class*="-each"] > *:focus,
[class*="ani-"][class*="-shrink"][class*="-many"]:hover > *,
[class*="ani-"][class*="-shrink"][class*="-many"]:focus > * {
  animation-name: shrink; }

[class*="ani-"][class*="-flipX"][class*="-it"],
[class*="ani-"][class*="-flipX"][class*="-all"] > *,
[class*="ani-"][class*="-flipX"][class*="-onto"]:hover,
[class*="ani-"][class*="-flipX"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-flipX"][class*="-into"],
*:focus > [class*="ani-"][class*="-flipX"][class*="-into"],
[class*="ani-"][class*="-flipX"][class*="-each"] > *:hover,
[class*="ani-"][class*="-flipX"][class*="-each"] > *:focus,
[class*="ani-"][class*="-flipX"][class*="-many"]:hover > *,
[class*="ani-"][class*="-flipX"][class*="-many"]:focus > * {
  animation-name: flipX; }

[class*="ani-"][class*="-flipY"][class*="-it"],
[class*="ani-"][class*="-flipY"][class*="-all"] > *,
[class*="ani-"][class*="-flipY"][class*="-onto"]:hover,
[class*="ani-"][class*="-flipY"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-flipY"][class*="-into"],
*:focus > [class*="ani-"][class*="-flipY"][class*="-into"],
[class*="ani-"][class*="-flipY"][class*="-each"] > *:hover,
[class*="ani-"][class*="-flipY"][class*="-each"] > *:focus,
[class*="ani-"][class*="-flipY"][class*="-many"]:hover > *,
[class*="ani-"][class*="-flipY"][class*="-many"]:focus > * {
  animation-name: flipY; }

[class*="ani-"][class*="-openX"][class*="-it"],
[class*="ani-"][class*="-openX"][class*="-all"] > *,
[class*="ani-"][class*="-openX"][class*="-onto"]:hover,
[class*="ani-"][class*="-openX"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-openX"][class*="-into"],
*:focus > [class*="ani-"][class*="-openX"][class*="-into"],
[class*="ani-"][class*="-openX"][class*="-each"] > *:hover,
[class*="ani-"][class*="-openX"][class*="-each"] > *:focus,
[class*="ani-"][class*="-openX"][class*="-many"]:hover > *,
[class*="ani-"][class*="-openX"][class*="-many"]:focus > * {
  animation-name: openX; }

[class*="ani-"][class*="-openY"][class*="-it"],
[class*="ani-"][class*="-openY"][class*="-all"] > *,
[class*="ani-"][class*="-openY"][class*="-onto"]:hover,
[class*="ani-"][class*="-openY"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-openY"][class*="-into"],
*:focus > [class*="ani-"][class*="-openY"][class*="-into"],
[class*="ani-"][class*="-openY"][class*="-each"] > *:hover,
[class*="ani-"][class*="-openY"][class*="-each"] > *:focus,
[class*="ani-"][class*="-openY"][class*="-many"]:hover > *,
[class*="ani-"][class*="-openY"][class*="-many"]:focus > * {
  animation-name: openY; }

[class*="ani-"][class*="-flipperX"][class*="-it"],
[class*="ani-"][class*="-flipperX"][class*="-all"] > *,
[class*="ani-"][class*="-flipperX"][class*="-onto"]:hover,
[class*="ani-"][class*="-flipperX"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-flipperX"][class*="-into"],
*:focus > [class*="ani-"][class*="-flipperX"][class*="-into"],
[class*="ani-"][class*="-flipperX"][class*="-each"] > *:hover,
[class*="ani-"][class*="-flipperX"][class*="-each"] > *:focus,
[class*="ani-"][class*="-flipperX"][class*="-many"]:hover > *,
[class*="ani-"][class*="-flipperX"][class*="-many"]:focus > * {
  animation-name: flipperX; }

[class*="ani-"][class*="-flipperY"][class*="-it"],
[class*="ani-"][class*="-flipperY"][class*="-all"] > *,
[class*="ani-"][class*="-flipperY"][class*="-onto"]:hover,
[class*="ani-"][class*="-flipperY"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-flipperY"][class*="-into"],
*:focus > [class*="ani-"][class*="-flipperY"][class*="-into"],
[class*="ani-"][class*="-flipperY"][class*="-each"] > *:hover,
[class*="ani-"][class*="-flipperY"][class*="-each"] > *:focus,
[class*="ani-"][class*="-flipperY"][class*="-many"]:hover > *,
[class*="ani-"][class*="-flipperY"][class*="-many"]:focus > * {
  animation-name: flipperY; }

[class*="ani-"][class*="-twistT"][class*="-it"],
[class*="ani-"][class*="-twistT"][class*="-all"] > *,
[class*="ani-"][class*="-twistT"][class*="-onto"]:hover,
[class*="ani-"][class*="-twistT"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-twistT"][class*="-into"],
*:focus > [class*="ani-"][class*="-twistT"][class*="-into"],
[class*="ani-"][class*="-twistT"][class*="-each"] > *:hover,
[class*="ani-"][class*="-twistT"][class*="-each"] > *:focus,
[class*="ani-"][class*="-twistT"][class*="-many"]:hover > *,
[class*="ani-"][class*="-twistT"][class*="-many"]:focus > * {
  animation-name: twistT; }

[class*="ani-"][class*="-twistR"][class*="-it"],
[class*="ani-"][class*="-twistR"][class*="-all"] > *,
[class*="ani-"][class*="-twistR"][class*="-onto"]:hover,
[class*="ani-"][class*="-twistR"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-twistR"][class*="-into"],
*:focus > [class*="ani-"][class*="-twistR"][class*="-into"],
[class*="ani-"][class*="-twistR"][class*="-each"] > *:hover,
[class*="ani-"][class*="-twistR"][class*="-each"] > *:focus,
[class*="ani-"][class*="-twistR"][class*="-many"]:hover > *,
[class*="ani-"][class*="-twistR"][class*="-many"]:focus > * {
  animation-name: twistR; }

[class*="ani-"][class*="-twistB"][class*="-it"],
[class*="ani-"][class*="-twistB"][class*="-all"] > *,
[class*="ani-"][class*="-twistB"][class*="-onto"]:hover,
[class*="ani-"][class*="-twistB"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-twistB"][class*="-into"],
*:focus > [class*="ani-"][class*="-twistB"][class*="-into"],
[class*="ani-"][class*="-twistB"][class*="-each"] > *:hover,
[class*="ani-"][class*="-twistB"][class*="-each"] > *:focus,
[class*="ani-"][class*="-twistB"][class*="-many"]:hover > *,
[class*="ani-"][class*="-twistB"][class*="-many"]:focus > * {
  animation-name: twistB; }

[class*="ani-"][class*="-twistL"][class*="-it"],
[class*="ani-"][class*="-twistL"][class*="-all"] > *,
[class*="ani-"][class*="-twistL"][class*="-onto"]:hover,
[class*="ani-"][class*="-twistL"][class*="-onto"]:focus,
*:hover > [class*="ani-"][class*="-twistL"][class*="-into"],
*:focus > [class*="ani-"][class*="-twistL"][class*="-into"],
[class*="ani-"][class*="-twistL"][class*="-each"] > *:hover,
[class*="ani-"][class*="-twistL"][class*="-each"] > *:focus,
[class*="ani-"][class*="-twistL"][class*="-many"]:hover > *,
[class*="ani-"][class*="-twistL"][class*="-many"]:focus > * {
  animation-name: twistL; }

/********** ANIMATION OPTIONS **********/
[class*="ani-"][class*="-sm"] {
  animation-duration: var(--ani-animation-duration-sm); }

[class*="ani-"][class*="-md"] {
  animation-duration: var(--ani-animation-duration-md); }

[class*="ani-"][class*="-lg"] {
  animation-duration: var(--ani-animation-duration-lg); }

[class*="ani-"][class*="-linear"] {
  animation-timing-function: var(--ani-animation-timing-function-linear); }

[class*="ani-"][class*="-easin"] {
  animation-timing-function: var(--ani-animation-timing-function-easin); }

[class*="ani-"][class*="-easout"] {
  animation-timing-function: var(--ani-animation-timing-function-easout); }

[class*="ani-"][class*="-inout"] {
  animation-timing-function: var(--ani-animation-timing-function-inout); }

[class*="ani-"][class*="-few"] {
  animation-iteration-count: var(--ani-animation-iteration-count-few); }

[class*="ani-"][class*="-many"] {
  animation-iteration-count: var(--ani-animation-iteration-count-many); }

[class*="ani-"][class*="-loop"] {
  animation-iteration-count: var(--ani-animation-iteration-count-loop); }

[class*="ani-"][class*="-min"] {
  animation-delay: var(--ani-animation-delay-min); }

[class*="ani-"][class*="-max"] {
  animation-delay: var(--ani-animation-delay-max); }

[class*="ani-"][class*="-alte"] {
  animation-direction: alternate; }

[class*="ani-"][class*="-reve"] {
  animation-direction: reverse; }

[class*="ani-"][class*="-altrev"] {
  animation-direction: alternate-reverse; }

/* Author: Philippe Beck <philippe@philippebeck.net>
 Updated: 11th Jan 2024 @ 10:29:24 AM */