From 73b803effa5676cec980127beebdeca073e7b3a5 Mon Sep 17 00:00:00 2001 From: Philippe Beck Date: Wed, 8 Mar 2023 17:59:55 +0400 Subject: [PATCH 1/4] Add info for style.css to readme --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 0ff376d..c790280 100644 --- a/README.md +++ b/README.md @@ -51,6 +51,7 @@ - For development : `/dist/animadio.css` - For production : `/dist/animadio.min.css` +- For CSS var overloading : `/dist/style.css` --- From 0ffc8a4621e0156ae6252558ea216a95912987e3 Mon Sep 17 00:00:00 2001 From: Philippe Beck Date: Thu, 16 Mar 2023 12:43:30 +0400 Subject: [PATCH 2/4] Improve & add colors --- src/scss/_maps.scss | 25 +++++++++++++++---------- 1 file changed, 15 insertions(+), 10 deletions(-) diff --git a/src/scss/_maps.scss b/src/scss/_maps.scss index d00802f..f32f45b 100644 --- a/src/scss/_maps.scss +++ b/src/scss/_maps.scss @@ -20,20 +20,25 @@ $font-family: ( //********** COLORS **********// $hues: ( - "red": (348, 83%, 47%), // Crimson - "orange": ( 33, 100%, 50%), // DarkOrange - "yellow": ( 51, 100%, 50%), // Gold - "green": (120, 61%, 50%), // LimeGreen - "sky": (195, 100%, 50%), // DeepSkyBlue - "blue": (210, 100%, 56%), // DodgerBlue - "violet": (271, 76%, 53%), // BlueViolet - "pink": (328, 100%, 54%) // DeepPink + "red": ( 0, 100%, 25%), + "orange": ( 30, 100%, 50%), + "yellow": ( 60, 100%, 75%), + "lime": ( 90, 100%, 75%), + "green": (120, 100%, 25%), + "aqua": (150, 100%, 75%), + "cyan": (180, 100%, 25%), + "sky": (210, 100%, 75%), + "blue": (240, 100%, 25%), + "violet": (270, 100%, 75%), + "magenta": (300, 100%, 25%), + "pink": (330, 100%, 75%) ) !default; $grayscale: ( "black": (0, 0%, 0%), - "gray": (0, 0%, 33%), - "silver": (0, 0%, 67%), + "slate": (0, 0%, 25%), + "gray": (0, 0%, 50%), + "silver": (0, 0%, 75%), "white": (0, 0%, 100%) ) !default; From a16c561706631d88f2c3e29cf03de4085d2be7a1 Mon Sep 17 00:00:00 2001 From: Philippe Beck Date: Thu, 16 Mar 2023 12:43:40 +0400 Subject: [PATCH 3/4] Update examples --- index.html | 59 ++++++++++++++++++++++++++++++++++-------------------- 1 file changed, 37 insertions(+), 22 deletions(-) diff --git a/index.html b/index.html index 8f81c7a..ae653e8 100644 --- a/index.html +++ b/index.html @@ -9,9 +9,6 @@ - +

Animadio Lab

-

For information, display classes are not present in this demonstration (actually), but they are really present in the library & you can concat each of them (flex, grid, container), so this is useful for grid & container about responsive (for example)...

+

For information, display classes are not present in this demonstration (actually), but they are really present in the library & you can concat each of them (flex, grid, container), so this is useful for grid & container about responsive (for example)...

Colors

@@ -37,13 +34,17 @@

Colors

Hues

    -
  • Red : class="red"
    • -
  • Orange : class="orange"
    • +
  • Red : class="red"
    • +
  • Orange : class="orange"
  • Yellow : class="yellow"
    • -
  • Green : class="green"
    • +
  • Lime : class="lime"
    • +
  • Green : class="green"
    • +
  • Aqua : class="aqua"
    • +
  • Cyan : class="cyan"
  • Sky : class="sky"
    • -
  • Blue : class="blue"
    • +
  • Blue : class="blue"
  • Violet : class="violet"
    • +
  • Magenta : class="magenta"
  • Pink : class="pink"
@@ -52,6 +53,7 @@

Hues

Grayscale

  • Black : class="black"
    • +
  • Slate : class="slate"
  • Gray : class="gray"
  • Silver : class="silver"
  • White : class="white"
    • @@ -64,24 +66,29 @@

    Background Colors

    Hues

    -
      +
      • Red : class="bg-red"
      • Orange : class="bg-orange"
        • -
      • Yellow : class="bg-yellow"
        • +
      • Yellow : class="bg-yellow"
        • +
      • Lime : class="bg-lime"
      • Green : class="bg-green"
        • -
      • Sky : class="bg-sky"
        • +
      • Aqua : class="bg-aqua"
        • +
      • Cyan : class="bg-cyan"
        • +
      • Sky : class="bg-sky"
      • Blue : class="bg-blue"
        • -
      • Violet : class="bg-violet"
        • -
      • Pink : class="bg-pink"
        • +
      • Violet : class="bg-violet"
        • +
      • Magenta : class="bg-magenta"
        • +
      • Pink : class="bg-pink"

    Grayscale

      -
    • Black : class="bg-black"
      • -
    • Gray : class="bg-gray"
      • -
    • Silver : class="bg-silver"
      • +
    • Black : class="bg-black"
      • +
    • Slate : class="bg-slate"
      • +
    • Gray : class="bg-gray"
      • +
    • Silver : class="bg-silver"
    • White : class="bg-white"
    @@ -158,10 +165,14 @@

    Text Decoration Color

  • Red : class="deco deco-red"
  • Orange : class="deco deco-orange"
  • Yellow : class="deco deco-yellow"
    • +
  • Lime : class="deco deco-lime"
  • Green : class="deco deco-green"
    • +
  • Aqua : class="deco deco-aqua"
    • +
  • Cyan : class="deco deco-cyan"
  • Sky : class="deco deco-sky"
  • Blue : class="deco deco-blue"
  • Violet : class="deco deco-violet"
    • +
  • Magenta : class="deco deco-magenta"
  • Pink : class="deco deco-pink"
@@ -202,10 +213,14 @@

Border Color

  • Red : class="bord bord-red"
  • Orange : class="bord bord-orange"
  • Yellow : class="bord bord-yellow"
    • +
  • Lime : class="bord bord-lime"
  • Green : class="bord bord-green"
    • +
  • Aqua : class="bord bord-aqua"
    • +
  • Cyan : class="bord bord-cyan"
  • Sky : class="bord bord-sky"
  • Blue : class="bord bord-blue"
  • Violet : class="bord bord-violet"
    • +
  • Magenta : class="bord bord-magenta"
  • Pink : class="bord bord-pink"
    • @@ -228,17 +243,17 @@

    Anima

    • the prefix part is ever - "ani" + "ani"
    • the main part is the - animation name, + animation name, concat if necessary with each - animation option + animation option
    • the suffix part is - one of the six states + one of the six states ("it", "all", "on", "in", "each" or "many")
    @@ -248,7 +263,7 @@

    Anima

    Animation Name

    -

    All states must be concat with name & prefix, like this :

    +

    All states must be concat with name & prefix, like this :

    • From e0e16299a8ebc3c08831ecb025bfd001fc839ced Mon Sep 17 00:00:00 2001 From: Philippe Beck Date: Thu, 16 Mar 2023 12:43:57 +0400 Subject: [PATCH 4/4] Release 6.1.0 --- README.md | 4 +- dist/animadio.css | 384 ++++++++++++++++++++++++++++++++++++++++-- dist/animadio.min.css | 2 +- dist/style.css | 40 +++-- package.json | 2 +- 5 files changed, 406 insertions(+), 26 deletions(-) diff --git a/README.md b/README.md index c790280..d3b6955 100644 --- a/README.md +++ b/README.md @@ -35,8 +35,8 @@ ## CDN -- Development : [https://cdn.jsdelivr.net/npm/animadio@6.0.0/dist/animadio.css](https://cdn.jsdelivr.net/npm/animadio@6.0.0/dist/animadio.css) -- Production : [https://cdn.jsdelivr.net/npm/animadio@6.0.0/dist/animadio.min.css](https://cdn.jsdelivr.net/npm/animadio@6.0.0/dist/animadio.min.css) +- Development : [https://cdn.jsdelivr.net/npm/animadio@6.1.0/dist/animadio.css](https://cdn.jsdelivr.net/npm/animadio@6.1.0/dist/animadio.css) +- Production : [https://cdn.jsdelivr.net/npm/animadio@6.1.0/dist/animadio.min.css](https://cdn.jsdelivr.net/npm/animadio@6.1.0/dist/animadio.min.css) --- diff --git a/dist/animadio.css b/dist/animadio.css index 215e155..9c04f57 100644 --- a/dist/animadio.css +++ b/dist/animadio.css @@ -1,4 +1,4 @@ -/*! animadio v6.0.0 | https://www.npmjs.com/package/animadio | MIT License */ +/*! animadio v6.1.0 | https://www.npmjs.com/package/animadio | MIT License */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ @@ -361,28 +361,38 @@ template { --ani-fantasy: Impact, fantasy; /********** COLORS **********/ /* hsl values */ - --ani-red-hsl: 348, 83%, 47%; - --ani-orange-hsl: 33, 100%, 50%; - --ani-yellow-hsl: 51, 100%, 50%; - --ani-green-hsl: 120, 61%, 50%; - --ani-sky-hsl: 195, 100%, 50%; - --ani-blue-hsl: 210, 100%, 56%; - --ani-violet-hsl: 271, 76%, 53%; - --ani-pink-hsl: 328, 100%, 54%; + --ani-red-hsl: 0, 100%, 25%; + --ani-orange-hsl: 30, 100%, 50%; + --ani-yellow-hsl: 60, 100%, 75%; + --ani-lime-hsl: 90, 100%, 75%; + --ani-green-hsl: 120, 100%, 25%; + --ani-aqua-hsl: 150, 100%, 75%; + --ani-cyan-hsl: 180, 100%, 25%; + --ani-sky-hsl: 210, 100%, 75%; + --ani-blue-hsl: 240, 100%, 25%; + --ani-violet-hsl: 270, 100%, 75%; + --ani-magenta-hsl: 300, 100%, 25%; + --ani-pink-hsl: 330, 100%, 75%; --ani-black-hsl: 0, 0%, 0%; - --ani-gray-hsl: 0, 0%, 33%; - --ani-silver-hsl: 0, 0%, 67%; + --ani-slate-hsl: 0, 0%, 25%; + --ani-gray-hsl: 0, 0%, 50%; + --ani-silver-hsl: 0, 0%, 75%; --ani-white-hsl: 0, 0%, 100%; /* opaque colors */ --ani-red: hsl(var(--ani-red-hsl)); --ani-orange: hsl(var(--ani-orange-hsl)); --ani-yellow: hsl(var(--ani-yellow-hsl)); + --ani-lime: hsl(var(--ani-lime-hsl)); --ani-green: hsl(var(--ani-green-hsl)); + --ani-aqua: hsl(var(--ani-aqua-hsl)); + --ani-cyan: hsl(var(--ani-cyan-hsl)); --ani-sky: hsl(var(--ani-sky-hsl)); --ani-blue: hsl(var(--ani-blue-hsl)); --ani-violet: hsl(var(--ani-violet-hsl)); + --ani-magenta: hsl(var(--ani-magenta-hsl)); --ani-pink: hsl(var(--ani-pink-hsl)); --ani-black: hsl(var(--ani-black-hsl)); + --ani-slate: hsl(var(--ani-slate-hsl)); --ani-gray: hsl(var(--ani-gray-hsl)); --ani-silver: hsl(var(--ani-silver-hsl)); --ani-white: hsl(var(--ani-white-hsl)); @@ -396,18 +406,28 @@ template { --ani-orange-light: hsla(var(--ani-orange-hsl), var(--ani-light)); --ani-yellow-dark: hsla(var(--ani-yellow-hsl), var(--ani-dark)); --ani-yellow-light: hsla(var(--ani-yellow-hsl), var(--ani-light)); + --ani-lime-dark: hsla(var(--ani-lime-hsl), var(--ani-dark)); + --ani-lime-light: hsla(var(--ani-lime-hsl), var(--ani-light)); --ani-green-dark: hsla(var(--ani-green-hsl), var(--ani-dark)); --ani-green-light: hsla(var(--ani-green-hsl), var(--ani-light)); + --ani-aqua-dark: hsla(var(--ani-aqua-hsl), var(--ani-dark)); + --ani-aqua-light: hsla(var(--ani-aqua-hsl), var(--ani-light)); + --ani-cyan-dark: hsla(var(--ani-cyan-hsl), var(--ani-dark)); + --ani-cyan-light: hsla(var(--ani-cyan-hsl), var(--ani-light)); --ani-sky-dark: hsla(var(--ani-sky-hsl), var(--ani-dark)); --ani-sky-light: hsla(var(--ani-sky-hsl), var(--ani-light)); --ani-blue-dark: hsla(var(--ani-blue-hsl), var(--ani-dark)); --ani-blue-light: hsla(var(--ani-blue-hsl), var(--ani-light)); --ani-violet-dark: hsla(var(--ani-violet-hsl), var(--ani-dark)); --ani-violet-light: hsla(var(--ani-violet-hsl), var(--ani-light)); + --ani-magenta-dark: hsla(var(--ani-magenta-hsl), var(--ani-dark)); + --ani-magenta-light: hsla(var(--ani-magenta-hsl), var(--ani-light)); --ani-pink-dark: hsla(var(--ani-pink-hsl), var(--ani-dark)); --ani-pink-light: hsla(var(--ani-pink-hsl), var(--ani-light)); --ani-black-dark: hsla(var(--ani-black-hsl), var(--ani-dark)); --ani-black-light: hsla(var(--ani-black-hsl), var(--ani-light)); + --ani-slate-dark: hsla(var(--ani-slate-hsl), var(--ani-dark)); + --ani-slate-light: hsla(var(--ani-slate-hsl), var(--ani-light)); --ani-gray-dark: hsla(var(--ani-gray-hsl), var(--ani-dark)); --ani-gray-light: hsla(var(--ani-gray-hsl), var(--ani-light)); --ani-silver-dark: hsla(var(--ani-silver-hsl), var(--ani-dark)); @@ -1592,6 +1612,18 @@ button, .bord-yellow-many:focus > * { border-color: var(--ani-yellow); } +.bord-lime, +.bord-lime-all > *, +.bord-lime-on:hover, +.bord-lime-on:focus, +*:hover > .bord-lime-in, +*:focus > .bord-lime-in, +.bord-lime-one > *:hover, +.bord-lime-one > *:focus, +.bord-lime-many:hover > *, +.bord-lime-many:focus > * { + border-color: var(--ani-lime); } + .bord-green, .bord-green-all > *, .bord-green-on:hover, @@ -1604,6 +1636,30 @@ button, .bord-green-many:focus > * { border-color: var(--ani-green); } +.bord-aqua, +.bord-aqua-all > *, +.bord-aqua-on:hover, +.bord-aqua-on:focus, +*:hover > .bord-aqua-in, +*:focus > .bord-aqua-in, +.bord-aqua-one > *:hover, +.bord-aqua-one > *:focus, +.bord-aqua-many:hover > *, +.bord-aqua-many:focus > * { + border-color: var(--ani-aqua); } + +.bord-cyan, +.bord-cyan-all > *, +.bord-cyan-on:hover, +.bord-cyan-on:focus, +*:hover > .bord-cyan-in, +*:focus > .bord-cyan-in, +.bord-cyan-one > *:hover, +.bord-cyan-one > *:focus, +.bord-cyan-many:hover > *, +.bord-cyan-many:focus > * { + border-color: var(--ani-cyan); } + .bord-sky, .bord-sky-all > *, .bord-sky-on:hover, @@ -1640,6 +1696,18 @@ button, .bord-violet-many:focus > * { border-color: var(--ani-violet); } +.bord-magenta, +.bord-magenta-all > *, +.bord-magenta-on:hover, +.bord-magenta-on:focus, +*:hover > .bord-magenta-in, +*:focus > .bord-magenta-in, +.bord-magenta-one > *:hover, +.bord-magenta-one > *:focus, +.bord-magenta-many:hover > *, +.bord-magenta-many:focus > * { + border-color: var(--ani-magenta); } + .bord-pink, .bord-pink-all > *, .bord-pink-on:hover, @@ -2140,6 +2208,19 @@ button, -webkit-text-decoration-color: var(--ani-yellow); text-decoration-color: var(--ani-yellow); } +.deco-lime, +.deco-lime-all > *, +.deco-lime-on:hover, +.deco-lime-on:focus, +*:hover > .deco-lime-in, +*:focus > .deco-lime-in, +.deco-lime-one > *:hover, +.deco-lime-one > *: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-on:hover, @@ -2153,6 +2234,32 @@ button, -webkit-text-decoration-color: var(--ani-green); text-decoration-color: var(--ani-green); } +.deco-aqua, +.deco-aqua-all > *, +.deco-aqua-on:hover, +.deco-aqua-on:focus, +*:hover > .deco-aqua-in, +*:focus > .deco-aqua-in, +.deco-aqua-one > *:hover, +.deco-aqua-one > *: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-on:hover, +.deco-cyan-on:focus, +*:hover > .deco-cyan-in, +*:focus > .deco-cyan-in, +.deco-cyan-one > *:hover, +.deco-cyan-one > *: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-on:hover, @@ -2192,6 +2299,19 @@ button, -webkit-text-decoration-color: var(--ani-violet); text-decoration-color: var(--ani-violet); } +.deco-magenta, +.deco-magenta-all > *, +.deco-magenta-on:hover, +.deco-magenta-on:focus, +*:hover > .deco-magenta-in, +*:focus > .deco-magenta-in, +.deco-magenta-one > *:hover, +.deco-magenta-one > *: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-on:hover, @@ -2242,6 +2362,18 @@ button, .yellow-many:focus > * { color: var(--ani-yellow); } +.lime, +.lime-all > *, +.lime-on:hover, +.lime-on:focus, +*:hover > .lime-in, +*:focus > .lime-in, +.lime-one > *:hover, +.lime-one > *:focus, +.lime-many:hover > *, +.lime-many:focus > * { + color: var(--ani-lime); } + .green, .green-all > *, .green-on:hover, @@ -2254,6 +2386,30 @@ button, .green-many:focus > * { color: var(--ani-green); } +.aqua, +.aqua-all > *, +.aqua-on:hover, +.aqua-on:focus, +*:hover > .aqua-in, +*:focus > .aqua-in, +.aqua-one > *:hover, +.aqua-one > *:focus, +.aqua-many:hover > *, +.aqua-many:focus > * { + color: var(--ani-aqua); } + +.cyan, +.cyan-all > *, +.cyan-on:hover, +.cyan-on:focus, +*:hover > .cyan-in, +*:focus > .cyan-in, +.cyan-one > *:hover, +.cyan-one > *:focus, +.cyan-many:hover > *, +.cyan-many:focus > * { + color: var(--ani-cyan); } + .sky, .sky-all > *, .sky-on:hover, @@ -2290,6 +2446,18 @@ button, .violet-many:focus > * { color: var(--ani-violet); } +.magenta, +.magenta-all > *, +.magenta-on:hover, +.magenta-on:focus, +*:hover > .magenta-in, +*:focus > .magenta-in, +.magenta-one > *:hover, +.magenta-one > *:focus, +.magenta-many:hover > *, +.magenta-many:focus > * { + color: var(--ani-magenta); } + .pink, .pink-all > *, .pink-on:hover, @@ -2314,6 +2482,18 @@ button, .black-many:focus > * { color: var(--ani-black); } +.slate, +.slate-all > *, +.slate-on:hover, +.slate-on:focus, +*:hover > .slate-in, +*:focus > .slate-in, +.slate-one > *:hover, +.slate-one > *:focus, +.slate-many:hover > *, +.slate-many:focus > * { + color: var(--ani-slate); } + .gray, .gray-all > *, .gray-on:hover, @@ -2459,6 +2639,42 @@ button, .bg-yellow-light-many:focus > * { background-color: var(--ani-yellow-light); } +.bg-lime, +.bg-lime-all > *, +.bg-lime-on:hover, +.bg-lime-on:focus, +*:hover > .bg-lime-in, +*:focus > .bg-lime-in, +.bg-lime-one > *:hover, +.bg-lime-one > *:focus, +.bg-lime-many:hover > *, +.bg-lime-many:focus > * { + background-color: var(--ani-lime); } + +.bg-lime-dark, +.bg-lime-dark-all > *, +.bg-lime-dark-on:hover, +.bg-lime-dark-on:focus, +*:hover > .bg-lime-dark-in, +*:focus > .bg-lime-dark-in, +.bg-lime-dark-one > *:hover, +.bg-lime-dark-one > *: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-on:hover, +.bg-lime-light-on:focus, +*:hover > .bg-lime-light-in, +*:focus > .bg-lime-light-in, +.bg-lime-light-one > *:hover, +.bg-lime-light-one > *:focus, +.bg-lime-light-many:hover > *, +.bg-lime-light-many:focus > * { + background-color: var(--ani-lime-light); } + .bg-green, .bg-green-all > *, .bg-green-on:hover, @@ -2495,6 +2711,78 @@ button, .bg-green-light-many:focus > * { background-color: var(--ani-green-light); } +.bg-aqua, +.bg-aqua-all > *, +.bg-aqua-on:hover, +.bg-aqua-on:focus, +*:hover > .bg-aqua-in, +*:focus > .bg-aqua-in, +.bg-aqua-one > *:hover, +.bg-aqua-one > *:focus, +.bg-aqua-many:hover > *, +.bg-aqua-many:focus > * { + background-color: var(--ani-aqua); } + +.bg-aqua-dark, +.bg-aqua-dark-all > *, +.bg-aqua-dark-on:hover, +.bg-aqua-dark-on:focus, +*:hover > .bg-aqua-dark-in, +*:focus > .bg-aqua-dark-in, +.bg-aqua-dark-one > *:hover, +.bg-aqua-dark-one > *: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-on:hover, +.bg-aqua-light-on:focus, +*:hover > .bg-aqua-light-in, +*:focus > .bg-aqua-light-in, +.bg-aqua-light-one > *:hover, +.bg-aqua-light-one > *:focus, +.bg-aqua-light-many:hover > *, +.bg-aqua-light-many:focus > * { + background-color: var(--ani-aqua-light); } + +.bg-cyan, +.bg-cyan-all > *, +.bg-cyan-on:hover, +.bg-cyan-on:focus, +*:hover > .bg-cyan-in, +*:focus > .bg-cyan-in, +.bg-cyan-one > *:hover, +.bg-cyan-one > *:focus, +.bg-cyan-many:hover > *, +.bg-cyan-many:focus > * { + background-color: var(--ani-cyan); } + +.bg-cyan-dark, +.bg-cyan-dark-all > *, +.bg-cyan-dark-on:hover, +.bg-cyan-dark-on:focus, +*:hover > .bg-cyan-dark-in, +*:focus > .bg-cyan-dark-in, +.bg-cyan-dark-one > *:hover, +.bg-cyan-dark-one > *: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-on:hover, +.bg-cyan-light-on:focus, +*:hover > .bg-cyan-light-in, +*:focus > .bg-cyan-light-in, +.bg-cyan-light-one > *:hover, +.bg-cyan-light-one > *:focus, +.bg-cyan-light-many:hover > *, +.bg-cyan-light-many:focus > * { + background-color: var(--ani-cyan-light); } + .bg-sky, .bg-sky-all > *, .bg-sky-on:hover, @@ -2603,6 +2891,42 @@ button, .bg-violet-light-many:focus > * { background-color: var(--ani-violet-light); } +.bg-magenta, +.bg-magenta-all > *, +.bg-magenta-on:hover, +.bg-magenta-on:focus, +*:hover > .bg-magenta-in, +*:focus > .bg-magenta-in, +.bg-magenta-one > *:hover, +.bg-magenta-one > *:focus, +.bg-magenta-many:hover > *, +.bg-magenta-many:focus > * { + background-color: var(--ani-magenta); } + +.bg-magenta-dark, +.bg-magenta-dark-all > *, +.bg-magenta-dark-on:hover, +.bg-magenta-dark-on:focus, +*:hover > .bg-magenta-dark-in, +*:focus > .bg-magenta-dark-in, +.bg-magenta-dark-one > *:hover, +.bg-magenta-dark-one > *: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-on:hover, +.bg-magenta-light-on:focus, +*:hover > .bg-magenta-light-in, +*:focus > .bg-magenta-light-in, +.bg-magenta-light-one > *:hover, +.bg-magenta-light-one > *:focus, +.bg-magenta-light-many:hover > *, +.bg-magenta-light-many:focus > * { + background-color: var(--ani-magenta-light); } + .bg-pink, .bg-pink-all > *, .bg-pink-on:hover, @@ -2675,6 +2999,42 @@ button, .bg-black-light-many:focus > * { background-color: var(--ani-black-light); } +.bg-slate, +.bg-slate-all > *, +.bg-slate-on:hover, +.bg-slate-on:focus, +*:hover > .bg-slate-in, +*:focus > .bg-slate-in, +.bg-slate-one > *:hover, +.bg-slate-one > *:focus, +.bg-slate-many:hover > *, +.bg-slate-many:focus > * { + background-color: var(--ani-slate); } + +.bg-slate-dark, +.bg-slate-dark-all > *, +.bg-slate-dark-on:hover, +.bg-slate-dark-on:focus, +*:hover > .bg-slate-dark-in, +*:focus > .bg-slate-dark-in, +.bg-slate-dark-one > *:hover, +.bg-slate-dark-one > *:focus, +.bg-slate-dark-many:hover > *, +.bg-slate-dark-many:focus > * { + background-color: var(--ani-slate-dark); } + +.bg-slate-light, +.bg-slate-light-all > *, +.bg-slate-light-on:hover, +.bg-slate-light-on:focus, +*:hover > .bg-slate-light-in, +*:focus > .bg-slate-light-in, +.bg-slate-light-one > *:hover, +.bg-slate-light-one > *:focus, +.bg-slate-light-many:hover > *, +.bg-slate-light-many:focus > * { + background-color: var(--ani-slate-light); } + .bg-gray, .bg-gray-all > *, .bg-gray-on:hover, @@ -3123,4 +3483,4 @@ button, animation-direction: alternate-reverse; } /* Author: Philippe Beck - Updated: 8th Mar 2023 @ 5:53:17 PM */ \ No newline at end of file + Updated: 16th Mar 2023 @ 12:42:52 PM */ \ No newline at end of file diff --git a/dist/animadio.min.css b/dist/animadio.min.css index f5507ad..3a4865c 100644 --- a/dist/animadio.min.css +++ b/dist/animadio.min.css @@ -1 +1 @@ -/*! animadio v6.0.0 | https://www.npmjs.com/package/animadio | MIT License *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ani-sans-serif:Helvetica,sans-serif;--ani-serif:Times,serif;--ani-monospace:Courier,monospace;--ani-cursive:Mistral,cursive;--ani-fantasy:Impact,fantasy;--ani-red-hsl:348,83%,47%;--ani-orange-hsl:33,100%,50%;--ani-yellow-hsl:51,100%,50%;--ani-green-hsl:120,61%,50%;--ani-sky-hsl:195,100%,50%;--ani-blue-hsl:210,100%,56%;--ani-violet-hsl:271,76%,53%;--ani-pink-hsl:328,100%,54%;--ani-black-hsl:0,0%,0%;--ani-gray-hsl:0,0%,33%;--ani-silver-hsl:0,0%,67%;--ani-white-hsl:0,0%,100%;--ani-red:hsl(var(--ani-red-hsl));--ani-orange:hsl(var(--ani-orange-hsl));--ani-yellow:hsl(var(--ani-yellow-hsl));--ani-green:hsl(var(--ani-green-hsl));--ani-sky:hsl(var(--ani-sky-hsl));--ani-blue:hsl(var(--ani-blue-hsl));--ani-violet:hsl(var(--ani-violet-hsl));--ani-pink:hsl(var(--ani-pink-hsl));--ani-black:hsl(var(--ani-black-hsl));--ani-gray:hsl(var(--ani-gray-hsl));--ani-silver:hsl(var(--ani-silver-hsl));--ani-white:hsl(var(--ani-white-hsl));--ani-dark:0.8;--ani-light:0.2;--ani-red-dark:hsla(var(--ani-red-hsl), var(--ani-dark));--ani-red-light:hsla(var(--ani-red-hsl), var(--ani-light));--ani-orange-dark:hsla(var(--ani-orange-hsl), var(--ani-dark));--ani-orange-light:hsla(var(--ani-orange-hsl), var(--ani-light));--ani-yellow-dark:hsla(var(--ani-yellow-hsl), var(--ani-dark));--ani-yellow-light:hsla(var(--ani-yellow-hsl), var(--ani-light));--ani-green-dark:hsla(var(--ani-green-hsl), var(--ani-dark));--ani-green-light:hsla(var(--ani-green-hsl), var(--ani-light));--ani-sky-dark:hsla(var(--ani-sky-hsl), var(--ani-dark));--ani-sky-light:hsla(var(--ani-sky-hsl), var(--ani-light));--ani-blue-dark:hsla(var(--ani-blue-hsl), var(--ani-dark));--ani-blue-light:hsla(var(--ani-blue-hsl), var(--ani-light));--ani-violet-dark:hsla(var(--ani-violet-hsl), var(--ani-dark));--ani-violet-light:hsla(var(--ani-violet-hsl), var(--ani-light));--ani-pink-dark:hsla(var(--ani-pink-hsl), var(--ani-dark));--ani-pink-light:hsla(var(--ani-pink-hsl), var(--ani-light));--ani-black-dark:hsla(var(--ani-black-hsl), var(--ani-dark));--ani-black-light:hsla(var(--ani-black-hsl), var(--ani-light));--ani-gray-dark:hsla(var(--ani-gray-hsl), var(--ani-dark));--ani-gray-light:hsla(var(--ani-gray-hsl), var(--ani-light));--ani-silver-dark:hsla(var(--ani-silver-hsl), var(--ani-dark));--ani-silver-light:hsla(var(--ani-silver-hsl), var(--ani-light));--ani-white-dark:hsla(var(--ani-white-hsl), var(--ani-dark));--ani-white-light:hsla(var(--ani-white-hsl), var(--ani-light));--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)}*{--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:2000px;--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:scroll;--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}[type=button],[type=reset],[type=submit],button{--ani-button-cursor:pointer}[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}[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}[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%}[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}[class*=container]{--ani-container-max-width:100%}[class*=height-]{--ani-height-sm:20%;--ani-height-md:50%;--ani-height-lg:100%}[class*=max-h-]{--ani-max-height-sm:20%;--ani-max-height-md:50%;--ani-max-height-lg:100%}[class*=min-h-]{--ani-min-height-sm:20%;--ani-min-height-md:50%;--ani-min-height-lg:100%}[class*=width-]{--ani-width-sm:20%;--ani-width-md:50%;--ani-width-lg:100%}[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%}[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)}}*{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);font-size:var(--ani-code-font--size);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)}[type=button],[type=reset],[type=submit],button{cursor:var(--ani-button-cursor)}[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}[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}[class*=grid]{display:grid;max-width:var(--ani-grid-max-width);margin:var(--ani-grid-margin)}[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)}}[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)}}.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}}.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}}.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}}.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)}.bord{border-style:solid}.bord-dash,.bord-dash-all>*,.bord-dash-many:focus>*,.bord-dash-many:hover>*,.bord-dash-on:focus,.bord-dash-on:hover,.bord-dash-one>:focus,.bord-dash-one>:hover,:focus>.bord-dash-in,:hover>.bord-dash-in{border-style:dashed}.bord-dot,.bord-dot-all>*,.bord-dot-many:focus>*,.bord-dot-many:hover>*,.bord-dot-on:focus,.bord-dot-on:hover,.bord-dot-one>:focus,.bord-dot-one>:hover,:focus>.bord-dot-in,:hover>.bord-dot-in{border-style:dotted}.bord-double,.bord-double-all>*,.bord-double-many:focus>*,.bord-double-many:hover>*,.bord-double-on:focus,.bord-double-on:hover,.bord-double-one>:focus,.bord-double-one>:hover,:focus>.bord-double-in,:hover>.bord-double-in{border-style:double}.bord-groove,.bord-groove-all>*,.bord-groove-many:focus>*,.bord-groove-many:hover>*,.bord-groove-on:focus,.bord-groove-on:hover,.bord-groove-one>:focus,.bord-groove-one>:hover,:focus>.bord-groove-in,:hover>.bord-groove-in{border-style:groove}.bord-ridge,.bord-ridge-all>*,.bord-ridge-many:focus>*,.bord-ridge-many:hover>*,.bord-ridge-on:focus,.bord-ridge-on:hover,.bord-ridge-one>:focus,.bord-ridge-one>:hover,:focus>.bord-ridge-in,:hover>.bord-ridge-in{border-style:ridge}.bord-in,.bord-in-all>*,.bord-in-many:focus>*,.bord-in-many:hover>*,.bord-in-on:focus,.bord-in-on:hover,.bord-in-one>:focus,.bord-in-one>:hover,:focus>.bord-in-in,:hover>.bord-in-in{border-style:inset}.bord-out,.bord-out-all>*,.bord-out-many:focus>*,.bord-out-many:hover>*,.bord-out-on:focus,.bord-out-on:hover,.bord-out-one>:focus,.bord-out-one>:hover,:focus>.bord-out-in,:hover>.bord-out-in{border-style:outset}.bord-sm,.bord-sm-all>*,.bord-sm-many:focus>*,.bord-sm-many:hover>*,.bord-sm-on:focus,.bord-sm-on:hover,.bord-sm-one>:focus,.bord-sm-one>:hover,:focus>.bord-sm-in,:hover>.bord-sm-in{border-width:1px}.bord-md,.bord-md-all>*,.bord-md-many:focus>*,.bord-md-many:hover>*,.bord-md-on:focus,.bord-md-on:hover,.bord-md-one>:focus,.bord-md-one>:hover,:focus>.bord-md-in,:hover>.bord-md-in{border-width:2px}.bord-lg,.bord-lg-all>*,.bord-lg-many:focus>*,.bord-lg-many:hover>*,.bord-lg-on:focus,.bord-lg-on:hover,.bord-lg-one>:focus,.bord-lg-one>:hover,:focus>.bord-lg-in,:hover>.bord-lg-in{border-width:5px}.bord-red,.bord-red-all>*,.bord-red-many:focus>*,.bord-red-many:hover>*,.bord-red-on:focus,.bord-red-on:hover,.bord-red-one>:focus,.bord-red-one>:hover,:focus>.bord-red-in,:hover>.bord-red-in{border-color:var(--ani-red)}.bord-orange,.bord-orange-all>*,.bord-orange-many:focus>*,.bord-orange-many:hover>*,.bord-orange-on:focus,.bord-orange-on:hover,.bord-orange-one>:focus,.bord-orange-one>:hover,:focus>.bord-orange-in,:hover>.bord-orange-in{border-color:var(--ani-orange)}.bord-yellow,.bord-yellow-all>*,.bord-yellow-many:focus>*,.bord-yellow-many:hover>*,.bord-yellow-on:focus,.bord-yellow-on:hover,.bord-yellow-one>:focus,.bord-yellow-one>:hover,:focus>.bord-yellow-in,:hover>.bord-yellow-in{border-color:var(--ani-yellow)}.bord-green,.bord-green-all>*,.bord-green-many:focus>*,.bord-green-many:hover>*,.bord-green-on:focus,.bord-green-on:hover,.bord-green-one>:focus,.bord-green-one>:hover,:focus>.bord-green-in,:hover>.bord-green-in{border-color:var(--ani-green)}.bord-sky,.bord-sky-all>*,.bord-sky-many:focus>*,.bord-sky-many:hover>*,.bord-sky-on:focus,.bord-sky-on:hover,.bord-sky-one>:focus,.bord-sky-one>:hover,:focus>.bord-sky-in,:hover>.bord-sky-in{border-color:var(--ani-sky)}.bord-blue,.bord-blue-all>*,.bord-blue-many:focus>*,.bord-blue-many:hover>*,.bord-blue-on:focus,.bord-blue-on:hover,.bord-blue-one>:focus,.bord-blue-one>:hover,:focus>.bord-blue-in,:hover>.bord-blue-in{border-color:var(--ani-blue)}.bord-violet,.bord-violet-all>*,.bord-violet-many:focus>*,.bord-violet-many:hover>*,.bord-violet-on:focus,.bord-violet-on:hover,.bord-violet-one>:focus,.bord-violet-one>:hover,:focus>.bord-violet-in,:hover>.bord-violet-in{border-color:var(--ani-violet)}.bord-pink,.bord-pink-all>*,.bord-pink-many:focus>*,.bord-pink-many:hover>*,.bord-pink-on:focus,.bord-pink-on:hover,.bord-pink-one>:focus,.bord-pink-one>:hover,:focus>.bord-pink-in,:hover>.bord-pink-in{border-color:var(--ani-pink)}.bord-curve,.bord-curve-all>*,.bord-curve-many:focus>*,.bord-curve-many:hover>*,.bord-curve-on:focus,.bord-curve-on:hover,.bord-curve-one>:focus,.bord-curve-one>:hover,:focus>.bord-curve-in,:hover>.bord-curve-in{border-radius:10px}.bord-round,.bord-round-all>*,.bord-round-many:focus>*,.bord-round-many:hover>*,.bord-round-on:focus,.bord-round-on:hover,.bord-round-one>:focus,.bord-round-one>:hover,:focus>.bord-round-in,:hover>.bord-round-in{border-radius:20px}.bord-circle,.bord-circle-all>*,.bord-circle-many:focus>*,.bord-circle-many:hover>*,.bord-circle-on:focus,.bord-circle-on:hover,.bord-circle-one>:focus,.bord-circle-one>:hover,:focus>.bord-circle-in,:hover>.bord-circle-in{border-radius:50%}.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)}[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-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-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-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-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-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-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)}.sans-serif,.sans-serif-all>*,.sans-serif-many:focus>*,.sans-serif-many:hover>*,.sans-serif-on:focus,.sans-serif-on:hover,.sans-serif-one>:focus,.sans-serif-one>:hover,:focus>.sans-serif-in,:hover>.sans-serif-in{font-family:var(--ani-sans-serif)}.serif,.serif-all>*,.serif-many:focus>*,.serif-many:hover>*,.serif-on:focus,.serif-on:hover,.serif-one>:focus,.serif-one>:hover,:focus>.serif-in,:hover>.serif-in{font-family:var(--ani-serif)}.monospace,.monospace-all>*,.monospace-many:focus>*,.monospace-many:hover>*,.monospace-on:focus,.monospace-on:hover,.monospace-one>:focus,.monospace-one>:hover,:focus>.monospace-in,:hover>.monospace-in{font-family:var(--ani-monospace)}.cursive,.cursive-all>*,.cursive-many:focus>*,.cursive-many:hover>*,.cursive-on:focus,.cursive-on:hover,.cursive-one>:focus,.cursive-one>:hover,:focus>.cursive-in,:hover>.cursive-in{font-family:var(--ani-cursive)}.fantasy,.fantasy-all>*,.fantasy-many:focus>*,.fantasy-many:hover>*,.fantasy-on:focus,.fantasy-on:hover,.fantasy-one>:focus,.fantasy-one>:hover,:focus>.fantasy-in,:hover>.fantasy-in{font-family:var(--ani-fantasy)}.bold,.bold-all>*,.bold-many:focus>*,.bold-many:hover>*,.bold-on:focus,.bold-on:hover,.bold-one>:focus,.bold-one>:hover,:focus>.bold-in,:hover>.bold-in{font-weight:700}.italic,.italic-all>*,.italic-many:focus>*,.italic-many:hover>*,.italic-on:focus,.italic-on:hover,.italic-one>:focus,.italic-one>:hover,:focus>.italic-in,:hover>.italic-in{font-style:italic}.center{text-align:center}.justify{text-align:justify}.left{text-align:left}.right{text-align:right}.cap,.cap-all>*,.cap-many:focus>*,.cap-many:hover>*,.cap-on:focus,.cap-on:hover,.cap-one>:focus,.cap-one>:hover,:focus>.cap-in,:hover>.cap-in{text-transform:capitalize}.up,.up-all>*,.up-many:focus>*,.up-many:hover>*,.up-on:focus,.up-on:hover,.up-one>:focus,.up-one>:hover,:focus>.up-in,:hover>.up-in{text-transform:uppercase}.low,.low-all>*,.low-many:focus>*,.low-many:hover>*,.low-on:focus,.low-on:hover,.low-one>:focus,.low-one>:hover,:focus>.low-in,:hover>.low-in{text-transform:lowercase}.deco{-webkit-text-decoration-line:underline;text-decoration-line:underline}.deco-over,.deco-over-all>*,.deco-over-many:focus>*,.deco-over-many:hover>*,.deco-over-on:focus,.deco-over-on:hover,.deco-over-one>:focus,.deco-over-one>:hover,:focus>.deco-over-in,:hover>.deco-over-in{-webkit-text-decoration-line:overline;text-decoration-line:overline}.deco-through,.deco-through-all>*,.deco-through-many:focus>*,.deco-through-many:hover>*,.deco-through-on:focus,.deco-through-on:hover,.deco-through-one>:focus,.deco-through-one>:hover,:focus>.deco-through-in,:hover>.deco-through-in{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.deco-dash,.deco-dash-all>*,.deco-dash-many:focus>*,.deco-dash-many:hover>*,.deco-dash-on:focus,.deco-dash-on:hover,.deco-dash-one>:focus,.deco-dash-one>:hover,:focus>.deco-dash-in,:hover>.deco-dash-in{-webkit-text-decoration-style:dashed;text-decoration-style:dashed}.deco-dot,.deco-dot-all>*,.deco-dot-many:focus>*,.deco-dot-many:hover>*,.deco-dot-on:focus,.deco-dot-on:hover,.deco-dot-one>:focus,.deco-dot-one>:hover,:focus>.deco-dot-in,:hover>.deco-dot-in{-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.deco-double,.deco-double-all>*,.deco-double-many:focus>*,.deco-double-many:hover>*,.deco-double-on:focus,.deco-double-on:hover,.deco-double-one>:focus,.deco-double-one>:hover,:focus>.deco-double-in,:hover>.deco-double-in{-webkit-text-decoration-style:double;text-decoration-style:double}.deco-wavy,.deco-wavy-all>*,.deco-wavy-many:focus>*,.deco-wavy-many:hover>*,.deco-wavy-on:focus,.deco-wavy-on:hover,.deco-wavy-one>:focus,.deco-wavy-one>:hover,:focus>.deco-wavy-in,:hover>.deco-wavy-in{-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.deco-red,.deco-red-all>*,.deco-red-many:focus>*,.deco-red-many:hover>*,.deco-red-on:focus,.deco-red-on:hover,.deco-red-one>:focus,.deco-red-one>:hover,:focus>.deco-red-in,:hover>.deco-red-in{-webkit-text-decoration-color:var(--ani-red);text-decoration-color:var(--ani-red)}.deco-orange,.deco-orange-all>*,.deco-orange-many:focus>*,.deco-orange-many:hover>*,.deco-orange-on:focus,.deco-orange-on:hover,.deco-orange-one>:focus,.deco-orange-one>:hover,:focus>.deco-orange-in,:hover>.deco-orange-in{-webkit-text-decoration-color:var(--ani-orange);text-decoration-color:var(--ani-orange)}.deco-yellow,.deco-yellow-all>*,.deco-yellow-many:focus>*,.deco-yellow-many:hover>*,.deco-yellow-on:focus,.deco-yellow-on:hover,.deco-yellow-one>:focus,.deco-yellow-one>:hover,:focus>.deco-yellow-in,:hover>.deco-yellow-in{-webkit-text-decoration-color:var(--ani-yellow);text-decoration-color:var(--ani-yellow)}.deco-green,.deco-green-all>*,.deco-green-many:focus>*,.deco-green-many:hover>*,.deco-green-on:focus,.deco-green-on:hover,.deco-green-one>:focus,.deco-green-one>:hover,:focus>.deco-green-in,:hover>.deco-green-in{-webkit-text-decoration-color:var(--ani-green);text-decoration-color:var(--ani-green)}.deco-sky,.deco-sky-all>*,.deco-sky-many:focus>*,.deco-sky-many:hover>*,.deco-sky-on:focus,.deco-sky-on:hover,.deco-sky-one>:focus,.deco-sky-one>:hover,:focus>.deco-sky-in,:hover>.deco-sky-in{-webkit-text-decoration-color:var(--ani-sky);text-decoration-color:var(--ani-sky)}.deco-blue,.deco-blue-all>*,.deco-blue-many:focus>*,.deco-blue-many:hover>*,.deco-blue-on:focus,.deco-blue-on:hover,.deco-blue-one>:focus,.deco-blue-one>:hover,:focus>.deco-blue-in,:hover>.deco-blue-in{-webkit-text-decoration-color:var(--ani-blue);text-decoration-color:var(--ani-blue)}.deco-violet,.deco-violet-all>*,.deco-violet-many:focus>*,.deco-violet-many:hover>*,.deco-violet-on:focus,.deco-violet-on:hover,.deco-violet-one>:focus,.deco-violet-one>:hover,:focus>.deco-violet-in,:hover>.deco-violet-in{-webkit-text-decoration-color:var(--ani-violet);text-decoration-color:var(--ani-violet)}.deco-pink,.deco-pink-all>*,.deco-pink-many:focus>*,.deco-pink-many:hover>*,.deco-pink-on:focus,.deco-pink-on:hover,.deco-pink-one>:focus,.deco-pink-one>:hover,:focus>.deco-pink-in,:hover>.deco-pink-in{-webkit-text-decoration-color:var(--ani-pink);text-decoration-color:var(--ani-pink)}.red,.red-all>*,.red-many:focus>*,.red-many:hover>*,.red-on:focus,.red-on:hover,.red-one>:focus,.red-one>:hover,:focus>.red-in,:hover>.red-in{color:var(--ani-red)}.orange,.orange-all>*,.orange-many:focus>*,.orange-many:hover>*,.orange-on:focus,.orange-on:hover,.orange-one>:focus,.orange-one>:hover,:focus>.orange-in,:hover>.orange-in{color:var(--ani-orange)}.yellow,.yellow-all>*,.yellow-many:focus>*,.yellow-many:hover>*,.yellow-on:focus,.yellow-on:hover,.yellow-one>:focus,.yellow-one>:hover,:focus>.yellow-in,:hover>.yellow-in{color:var(--ani-yellow)}.green,.green-all>*,.green-many:focus>*,.green-many:hover>*,.green-on:focus,.green-on:hover,.green-one>:focus,.green-one>:hover,:focus>.green-in,:hover>.green-in{color:var(--ani-green)}.sky,.sky-all>*,.sky-many:focus>*,.sky-many:hover>*,.sky-on:focus,.sky-on:hover,.sky-one>:focus,.sky-one>:hover,:focus>.sky-in,:hover>.sky-in{color:var(--ani-sky)}.blue,.blue-all>*,.blue-many:focus>*,.blue-many:hover>*,.blue-on:focus,.blue-on:hover,.blue-one>:focus,.blue-one>:hover,:focus>.blue-in,:hover>.blue-in{color:var(--ani-blue)}.violet,.violet-all>*,.violet-many:focus>*,.violet-many:hover>*,.violet-on:focus,.violet-on:hover,.violet-one>:focus,.violet-one>:hover,:focus>.violet-in,:hover>.violet-in{color:var(--ani-violet)}.pink,.pink-all>*,.pink-many:focus>*,.pink-many:hover>*,.pink-on:focus,.pink-on:hover,.pink-one>:focus,.pink-one>:hover,:focus>.pink-in,:hover>.pink-in{color:var(--ani-pink)}.black,.black-all>*,.black-many:focus>*,.black-many:hover>*,.black-on:focus,.black-on:hover,.black-one>:focus,.black-one>:hover,:focus>.black-in,:hover>.black-in{color:var(--ani-black)}.gray,.gray-all>*,.gray-many:focus>*,.gray-many:hover>*,.gray-on:focus,.gray-on:hover,.gray-one>:focus,.gray-one>:hover,:focus>.gray-in,:hover>.gray-in{color:var(--ani-gray)}.silver,.silver-all>*,.silver-many:focus>*,.silver-many:hover>*,.silver-on:focus,.silver-on:hover,.silver-one>:focus,.silver-one>:hover,:focus>.silver-in,:hover>.silver-in{color:var(--ani-silver)}.white,.white-all>*,.white-many:focus>*,.white-many:hover>*,.white-on:focus,.white-on:hover,.white-one>:focus,.white-one>:hover,:focus>.white-in,:hover>.white-in{color:var(--ani-white)}.bg-red,.bg-red-all>*,.bg-red-many:focus>*,.bg-red-many:hover>*,.bg-red-on:focus,.bg-red-on:hover,.bg-red-one>:focus,.bg-red-one>:hover,:focus>.bg-red-in,:hover>.bg-red-in{background-color:var(--ani-red)}.bg-red-dark,.bg-red-dark-all>*,.bg-red-dark-many:focus>*,.bg-red-dark-many:hover>*,.bg-red-dark-on:focus,.bg-red-dark-on:hover,.bg-red-dark-one>:focus,.bg-red-dark-one>:hover,:focus>.bg-red-dark-in,:hover>.bg-red-dark-in{background-color:var(--ani-red-dark)}.bg-red-light,.bg-red-light-all>*,.bg-red-light-many:focus>*,.bg-red-light-many:hover>*,.bg-red-light-on:focus,.bg-red-light-on:hover,.bg-red-light-one>:focus,.bg-red-light-one>:hover,:focus>.bg-red-light-in,:hover>.bg-red-light-in{background-color:var(--ani-red-light)}.bg-orange,.bg-orange-all>*,.bg-orange-many:focus>*,.bg-orange-many:hover>*,.bg-orange-on:focus,.bg-orange-on:hover,.bg-orange-one>:focus,.bg-orange-one>:hover,:focus>.bg-orange-in,:hover>.bg-orange-in{background-color:var(--ani-orange)}.bg-orange-dark,.bg-orange-dark-all>*,.bg-orange-dark-many:focus>*,.bg-orange-dark-many:hover>*,.bg-orange-dark-on:focus,.bg-orange-dark-on:hover,.bg-orange-dark-one>:focus,.bg-orange-dark-one>:hover,:focus>.bg-orange-dark-in,:hover>.bg-orange-dark-in{background-color:var(--ani-orange-dark)}.bg-orange-light,.bg-orange-light-all>*,.bg-orange-light-many:focus>*,.bg-orange-light-many:hover>*,.bg-orange-light-on:focus,.bg-orange-light-on:hover,.bg-orange-light-one>:focus,.bg-orange-light-one>:hover,:focus>.bg-orange-light-in,:hover>.bg-orange-light-in{background-color:var(--ani-orange-light)}.bg-yellow,.bg-yellow-all>*,.bg-yellow-many:focus>*,.bg-yellow-many:hover>*,.bg-yellow-on:focus,.bg-yellow-on:hover,.bg-yellow-one>:focus,.bg-yellow-one>:hover,:focus>.bg-yellow-in,:hover>.bg-yellow-in{background-color:var(--ani-yellow)}.bg-yellow-dark,.bg-yellow-dark-all>*,.bg-yellow-dark-many:focus>*,.bg-yellow-dark-many:hover>*,.bg-yellow-dark-on:focus,.bg-yellow-dark-on:hover,.bg-yellow-dark-one>:focus,.bg-yellow-dark-one>:hover,:focus>.bg-yellow-dark-in,:hover>.bg-yellow-dark-in{background-color:var(--ani-yellow-dark)}.bg-yellow-light,.bg-yellow-light-all>*,.bg-yellow-light-many:focus>*,.bg-yellow-light-many:hover>*,.bg-yellow-light-on:focus,.bg-yellow-light-on:hover,.bg-yellow-light-one>:focus,.bg-yellow-light-one>:hover,:focus>.bg-yellow-light-in,:hover>.bg-yellow-light-in{background-color:var(--ani-yellow-light)}.bg-green,.bg-green-all>*,.bg-green-many:focus>*,.bg-green-many:hover>*,.bg-green-on:focus,.bg-green-on:hover,.bg-green-one>:focus,.bg-green-one>:hover,:focus>.bg-green-in,:hover>.bg-green-in{background-color:var(--ani-green)}.bg-green-dark,.bg-green-dark-all>*,.bg-green-dark-many:focus>*,.bg-green-dark-many:hover>*,.bg-green-dark-on:focus,.bg-green-dark-on:hover,.bg-green-dark-one>:focus,.bg-green-dark-one>:hover,:focus>.bg-green-dark-in,:hover>.bg-green-dark-in{background-color:var(--ani-green-dark)}.bg-green-light,.bg-green-light-all>*,.bg-green-light-many:focus>*,.bg-green-light-many:hover>*,.bg-green-light-on:focus,.bg-green-light-on:hover,.bg-green-light-one>:focus,.bg-green-light-one>:hover,:focus>.bg-green-light-in,:hover>.bg-green-light-in{background-color:var(--ani-green-light)}.bg-sky,.bg-sky-all>*,.bg-sky-many:focus>*,.bg-sky-many:hover>*,.bg-sky-on:focus,.bg-sky-on:hover,.bg-sky-one>:focus,.bg-sky-one>:hover,:focus>.bg-sky-in,:hover>.bg-sky-in{background-color:var(--ani-sky)}.bg-sky-dark,.bg-sky-dark-all>*,.bg-sky-dark-many:focus>*,.bg-sky-dark-many:hover>*,.bg-sky-dark-on:focus,.bg-sky-dark-on:hover,.bg-sky-dark-one>:focus,.bg-sky-dark-one>:hover,:focus>.bg-sky-dark-in,:hover>.bg-sky-dark-in{background-color:var(--ani-sky-dark)}.bg-sky-light,.bg-sky-light-all>*,.bg-sky-light-many:focus>*,.bg-sky-light-many:hover>*,.bg-sky-light-on:focus,.bg-sky-light-on:hover,.bg-sky-light-one>:focus,.bg-sky-light-one>:hover,:focus>.bg-sky-light-in,:hover>.bg-sky-light-in{background-color:var(--ani-sky-light)}.bg-blue,.bg-blue-all>*,.bg-blue-many:focus>*,.bg-blue-many:hover>*,.bg-blue-on:focus,.bg-blue-on:hover,.bg-blue-one>:focus,.bg-blue-one>:hover,:focus>.bg-blue-in,:hover>.bg-blue-in{background-color:var(--ani-blue)}.bg-blue-dark,.bg-blue-dark-all>*,.bg-blue-dark-many:focus>*,.bg-blue-dark-many:hover>*,.bg-blue-dark-on:focus,.bg-blue-dark-on:hover,.bg-blue-dark-one>:focus,.bg-blue-dark-one>:hover,:focus>.bg-blue-dark-in,:hover>.bg-blue-dark-in{background-color:var(--ani-blue-dark)}.bg-blue-light,.bg-blue-light-all>*,.bg-blue-light-many:focus>*,.bg-blue-light-many:hover>*,.bg-blue-light-on:focus,.bg-blue-light-on:hover,.bg-blue-light-one>:focus,.bg-blue-light-one>:hover,:focus>.bg-blue-light-in,:hover>.bg-blue-light-in{background-color:var(--ani-blue-light)}.bg-violet,.bg-violet-all>*,.bg-violet-many:focus>*,.bg-violet-many:hover>*,.bg-violet-on:focus,.bg-violet-on:hover,.bg-violet-one>:focus,.bg-violet-one>:hover,:focus>.bg-violet-in,:hover>.bg-violet-in{background-color:var(--ani-violet)}.bg-violet-dark,.bg-violet-dark-all>*,.bg-violet-dark-many:focus>*,.bg-violet-dark-many:hover>*,.bg-violet-dark-on:focus,.bg-violet-dark-on:hover,.bg-violet-dark-one>:focus,.bg-violet-dark-one>:hover,:focus>.bg-violet-dark-in,:hover>.bg-violet-dark-in{background-color:var(--ani-violet-dark)}.bg-violet-light,.bg-violet-light-all>*,.bg-violet-light-many:focus>*,.bg-violet-light-many:hover>*,.bg-violet-light-on:focus,.bg-violet-light-on:hover,.bg-violet-light-one>:focus,.bg-violet-light-one>:hover,:focus>.bg-violet-light-in,:hover>.bg-violet-light-in{background-color:var(--ani-violet-light)}.bg-pink,.bg-pink-all>*,.bg-pink-many:focus>*,.bg-pink-many:hover>*,.bg-pink-on:focus,.bg-pink-on:hover,.bg-pink-one>:focus,.bg-pink-one>:hover,:focus>.bg-pink-in,:hover>.bg-pink-in{background-color:var(--ani-pink)}.bg-pink-dark,.bg-pink-dark-all>*,.bg-pink-dark-many:focus>*,.bg-pink-dark-many:hover>*,.bg-pink-dark-on:focus,.bg-pink-dark-on:hover,.bg-pink-dark-one>:focus,.bg-pink-dark-one>:hover,:focus>.bg-pink-dark-in,:hover>.bg-pink-dark-in{background-color:var(--ani-pink-dark)}.bg-pink-light,.bg-pink-light-all>*,.bg-pink-light-many:focus>*,.bg-pink-light-many:hover>*,.bg-pink-light-on:focus,.bg-pink-light-on:hover,.bg-pink-light-one>:focus,.bg-pink-light-one>:hover,:focus>.bg-pink-light-in,:hover>.bg-pink-light-in{background-color:var(--ani-pink-light)}.bg-black,.bg-black-all>*,.bg-black-many:focus>*,.bg-black-many:hover>*,.bg-black-on:focus,.bg-black-on:hover,.bg-black-one>:focus,.bg-black-one>:hover,:focus>.bg-black-in,:hover>.bg-black-in{background-color:var(--ani-black)}.bg-black-dark,.bg-black-dark-all>*,.bg-black-dark-many:focus>*,.bg-black-dark-many:hover>*,.bg-black-dark-on:focus,.bg-black-dark-on:hover,.bg-black-dark-one>:focus,.bg-black-dark-one>:hover,:focus>.bg-black-dark-in,:hover>.bg-black-dark-in{background-color:var(--ani-black-dark)}.bg-black-light,.bg-black-light-all>*,.bg-black-light-many:focus>*,.bg-black-light-many:hover>*,.bg-black-light-on:focus,.bg-black-light-on:hover,.bg-black-light-one>:focus,.bg-black-light-one>:hover,:focus>.bg-black-light-in,:hover>.bg-black-light-in{background-color:var(--ani-black-light)}.bg-gray,.bg-gray-all>*,.bg-gray-many:focus>*,.bg-gray-many:hover>*,.bg-gray-on:focus,.bg-gray-on:hover,.bg-gray-one>:focus,.bg-gray-one>:hover,:focus>.bg-gray-in,:hover>.bg-gray-in{background-color:var(--ani-gray)}.bg-gray-dark,.bg-gray-dark-all>*,.bg-gray-dark-many:focus>*,.bg-gray-dark-many:hover>*,.bg-gray-dark-on:focus,.bg-gray-dark-on:hover,.bg-gray-dark-one>:focus,.bg-gray-dark-one>:hover,:focus>.bg-gray-dark-in,:hover>.bg-gray-dark-in{background-color:var(--ani-gray-dark)}.bg-gray-light,.bg-gray-light-all>*,.bg-gray-light-many:focus>*,.bg-gray-light-many:hover>*,.bg-gray-light-on:focus,.bg-gray-light-on:hover,.bg-gray-light-one>:focus,.bg-gray-light-one>:hover,:focus>.bg-gray-light-in,:hover>.bg-gray-light-in{background-color:var(--ani-gray-light)}.bg-silver,.bg-silver-all>*,.bg-silver-many:focus>*,.bg-silver-many:hover>*,.bg-silver-on:focus,.bg-silver-on:hover,.bg-silver-one>:focus,.bg-silver-one>:hover,:focus>.bg-silver-in,:hover>.bg-silver-in{background-color:var(--ani-silver)}.bg-silver-dark,.bg-silver-dark-all>*,.bg-silver-dark-many:focus>*,.bg-silver-dark-many:hover>*,.bg-silver-dark-on:focus,.bg-silver-dark-on:hover,.bg-silver-dark-one>:focus,.bg-silver-dark-one>:hover,:focus>.bg-silver-dark-in,:hover>.bg-silver-dark-in{background-color:var(--ani-silver-dark)}.bg-silver-light,.bg-silver-light-all>*,.bg-silver-light-many:focus>*,.bg-silver-light-many:hover>*,.bg-silver-light-on:focus,.bg-silver-light-on:hover,.bg-silver-light-one>:focus,.bg-silver-light-one>:hover,:focus>.bg-silver-light-in,:hover>.bg-silver-light-in{background-color:var(--ani-silver-light)}.bg-white,.bg-white-all>*,.bg-white-many:focus>*,.bg-white-many:hover>*,.bg-white-on:focus,.bg-white-on:hover,.bg-white-one>:focus,.bg-white-one>:hover,:focus>.bg-white-in,:hover>.bg-white-in{background-color:var(--ani-white)}.bg-white-dark,.bg-white-dark-all>*,.bg-white-dark-many:focus>*,.bg-white-dark-many:hover>*,.bg-white-dark-on:focus,.bg-white-dark-on:hover,.bg-white-dark-one>:focus,.bg-white-dark-one>:hover,:focus>.bg-white-dark-in,:hover>.bg-white-dark-in{background-color:var(--ani-white-dark)}.bg-white-light,.bg-white-light-all>*,.bg-white-light-many:focus>*,.bg-white-light-many:hover>*,.bg-white-light-on:focus,.bg-white-light-on:hover,.bg-white-light-one>:focus,.bg-white-light-one>:hover,:focus>.bg-white-light-in,:hover>.bg-white-light-in{background-color:var(--ani-white-light)}[class*=ani-]{animation-duration:var(--ani-animation-duration)}:focus>[class*=ani-][class*="-slideT"][class*="-in"],:hover>[class*=ani-][class*="-slideT"][class*="-in"],[class*=ani-][class*="-slideT"][class*="-all"]>*,[class*=ani-][class*="-slideT"][class*="-each"]>:focus,[class*=ani-][class*="-slideT"][class*="-each"]>:hover,[class*=ani-][class*="-slideT"][class*="-it"],[class*=ani-][class*="-slideT"][class*="-many"]:focus>*,[class*=ani-][class*="-slideT"][class*="-many"]:hover>*,[class*=ani-][class*="-slideT"][class*="-on"]:focus,[class*=ani-][class*="-slideT"][class*="-on"]:hover{animation-name:slideT}:focus>[class*=ani-][class*="-slideR"][class*="-in"],:hover>[class*=ani-][class*="-slideR"][class*="-in"],[class*=ani-][class*="-slideR"][class*="-all"]>*,[class*=ani-][class*="-slideR"][class*="-each"]>:focus,[class*=ani-][class*="-slideR"][class*="-each"]>:hover,[class*=ani-][class*="-slideR"][class*="-it"],[class*=ani-][class*="-slideR"][class*="-many"]:focus>*,[class*=ani-][class*="-slideR"][class*="-many"]:hover>*,[class*=ani-][class*="-slideR"][class*="-on"]:focus,[class*=ani-][class*="-slideR"][class*="-on"]:hover{animation-name:slideR}:focus>[class*=ani-][class*="-slideB"][class*="-in"],:hover>[class*=ani-][class*="-slideB"][class*="-in"],[class*=ani-][class*="-slideB"][class*="-all"]>*,[class*=ani-][class*="-slideB"][class*="-each"]>:focus,[class*=ani-][class*="-slideB"][class*="-each"]>:hover,[class*=ani-][class*="-slideB"][class*="-it"],[class*=ani-][class*="-slideB"][class*="-many"]:focus>*,[class*=ani-][class*="-slideB"][class*="-many"]:hover>*,[class*=ani-][class*="-slideB"][class*="-on"]:focus,[class*=ani-][class*="-slideB"][class*="-on"]:hover{animation-name:slideB}:focus>[class*=ani-][class*="-slideL"][class*="-in"],:hover>[class*=ani-][class*="-slideL"][class*="-in"],[class*=ani-][class*="-slideL"][class*="-all"]>*,[class*=ani-][class*="-slideL"][class*="-each"]>:focus,[class*=ani-][class*="-slideL"][class*="-each"]>:hover,[class*=ani-][class*="-slideL"][class*="-it"],[class*=ani-][class*="-slideL"][class*="-many"]:focus>*,[class*=ani-][class*="-slideL"][class*="-many"]:hover>*,[class*=ani-][class*="-slideL"][class*="-on"]:focus,[class*=ani-][class*="-slideL"][class*="-on"]:hover{animation-name:slideL}:focus>[class*=ani-][class*="-turn"][class*="-in"],:hover>[class*=ani-][class*="-turn"][class*="-in"],[class*=ani-][class*="-turn"][class*="-all"]>*,[class*=ani-][class*="-turn"][class*="-each"]>:focus,[class*=ani-][class*="-turn"][class*="-each"]>:hover,[class*=ani-][class*="-turn"][class*="-it"],[class*=ani-][class*="-turn"][class*="-many"]:focus>*,[class*=ani-][class*="-turn"][class*="-many"]:hover>*,[class*=ani-][class*="-turn"][class*="-on"]:focus,[class*=ani-][class*="-turn"][class*="-on"]:hover{animation-name:turn}:focus>[class*=ani-][class*="-turnX"][class*="-in"],:hover>[class*=ani-][class*="-turnX"][class*="-in"],[class*=ani-][class*="-turnX"][class*="-all"]>*,[class*=ani-][class*="-turnX"][class*="-each"]>:focus,[class*=ani-][class*="-turnX"][class*="-each"]>:hover,[class*=ani-][class*="-turnX"][class*="-it"],[class*=ani-][class*="-turnX"][class*="-many"]:focus>*,[class*=ani-][class*="-turnX"][class*="-many"]:hover>*,[class*=ani-][class*="-turnX"][class*="-on"]:focus,[class*=ani-][class*="-turnX"][class*="-on"]:hover{animation-name:turnX}:focus>[class*=ani-][class*="-turnY"][class*="-in"],:hover>[class*=ani-][class*="-turnY"][class*="-in"],[class*=ani-][class*="-turnY"][class*="-all"]>*,[class*=ani-][class*="-turnY"][class*="-each"]>:focus,[class*=ani-][class*="-turnY"][class*="-each"]>:hover,[class*=ani-][class*="-turnY"][class*="-it"],[class*=ani-][class*="-turnY"][class*="-many"]:focus>*,[class*=ani-][class*="-turnY"][class*="-many"]:hover>*,[class*=ani-][class*="-turnY"][class*="-on"]:focus,[class*=ani-][class*="-turnY"][class*="-on"]:hover{animation-name:turnY}:focus>[class*=ani-][class*="-turnXY"][class*="-in"],:hover>[class*=ani-][class*="-turnXY"][class*="-in"],[class*=ani-][class*="-turnXY"][class*="-all"]>*,[class*=ani-][class*="-turnXY"][class*="-each"]>:focus,[class*=ani-][class*="-turnXY"][class*="-each"]>:hover,[class*=ani-][class*="-turnXY"][class*="-it"],[class*=ani-][class*="-turnXY"][class*="-many"]:focus>*,[class*=ani-][class*="-turnXY"][class*="-many"]:hover>*,[class*=ani-][class*="-turnXY"][class*="-on"]:focus,[class*=ani-][class*="-turnXY"][class*="-on"]:hover{animation-name:turnXY}:focus>[class*=ani-][class*="-turnXZ"][class*="-in"],:hover>[class*=ani-][class*="-turnXZ"][class*="-in"],[class*=ani-][class*="-turnXZ"][class*="-all"]>*,[class*=ani-][class*="-turnXZ"][class*="-each"]>:focus,[class*=ani-][class*="-turnXZ"][class*="-each"]>:hover,[class*=ani-][class*="-turnXZ"][class*="-it"],[class*=ani-][class*="-turnXZ"][class*="-many"]:focus>*,[class*=ani-][class*="-turnXZ"][class*="-many"]:hover>*,[class*=ani-][class*="-turnXZ"][class*="-on"]:focus,[class*=ani-][class*="-turnXZ"][class*="-on"]:hover{animation-name:turnXZ}:focus>[class*=ani-][class*="-turnYZ"][class*="-in"],:hover>[class*=ani-][class*="-turnYZ"][class*="-in"],[class*=ani-][class*="-turnYZ"][class*="-all"]>*,[class*=ani-][class*="-turnYZ"][class*="-each"]>:focus,[class*=ani-][class*="-turnYZ"][class*="-each"]>:hover,[class*=ani-][class*="-turnYZ"][class*="-it"],[class*=ani-][class*="-turnYZ"][class*="-many"]:focus>*,[class*=ani-][class*="-turnYZ"][class*="-many"]:hover>*,[class*=ani-][class*="-turnYZ"][class*="-on"]:focus,[class*=ani-][class*="-turnYZ"][class*="-on"]:hover{animation-name:turnYZ}:focus>[class*=ani-][class*="-turn3D"][class*="-in"],:hover>[class*=ani-][class*="-turn3D"][class*="-in"],[class*=ani-][class*="-turn3D"][class*="-all"]>*,[class*=ani-][class*="-turn3D"][class*="-each"]>:focus,[class*=ani-][class*="-turn3D"][class*="-each"]>:hover,[class*=ani-][class*="-turn3D"][class*="-it"],[class*=ani-][class*="-turn3D"][class*="-many"]:focus>*,[class*=ani-][class*="-turn3D"][class*="-many"]:hover>*,[class*=ani-][class*="-turn3D"][class*="-on"]:focus,[class*=ani-][class*="-turn3D"][class*="-on"]:hover{animation-name:turn3D}:focus>[class*=ani-][class*="-bounce"][class*="-in"],:hover>[class*=ani-][class*="-bounce"][class*="-in"],[class*=ani-][class*="-bounce"][class*="-all"]>*,[class*=ani-][class*="-bounce"][class*="-each"]>:focus,[class*=ani-][class*="-bounce"][class*="-each"]>:hover,[class*=ani-][class*="-bounce"][class*="-it"],[class*=ani-][class*="-bounce"][class*="-many"]:focus>*,[class*=ani-][class*="-bounce"][class*="-many"]:hover>*,[class*=ani-][class*="-bounce"][class*="-on"]:focus,[class*=ani-][class*="-bounce"][class*="-on"]:hover{animation-name:bounce}:focus>[class*=ani-][class*="-grow"][class*="-in"],:hover>[class*=ani-][class*="-grow"][class*="-in"],[class*=ani-][class*="-grow"][class*="-all"]>*,[class*=ani-][class*="-grow"][class*="-each"]>:focus,[class*=ani-][class*="-grow"][class*="-each"]>:hover,[class*=ani-][class*="-grow"][class*="-it"],[class*=ani-][class*="-grow"][class*="-many"]:focus>*,[class*=ani-][class*="-grow"][class*="-many"]:hover>*,[class*=ani-][class*="-grow"][class*="-on"]:focus,[class*=ani-][class*="-grow"][class*="-on"]:hover{animation-name:grow}:focus>[class*=ani-][class*="-shrink"][class*="-in"],:hover>[class*=ani-][class*="-shrink"][class*="-in"],[class*=ani-][class*="-shrink"][class*="-all"]>*,[class*=ani-][class*="-shrink"][class*="-each"]>:focus,[class*=ani-][class*="-shrink"][class*="-each"]>:hover,[class*=ani-][class*="-shrink"][class*="-it"],[class*=ani-][class*="-shrink"][class*="-many"]:focus>*,[class*=ani-][class*="-shrink"][class*="-many"]:hover>*,[class*=ani-][class*="-shrink"][class*="-on"]:focus,[class*=ani-][class*="-shrink"][class*="-on"]:hover{animation-name:shrink}:focus>[class*=ani-][class*="-flipX"][class*="-in"],:hover>[class*=ani-][class*="-flipX"][class*="-in"],[class*=ani-][class*="-flipX"][class*="-all"]>*,[class*=ani-][class*="-flipX"][class*="-each"]>:focus,[class*=ani-][class*="-flipX"][class*="-each"]>:hover,[class*=ani-][class*="-flipX"][class*="-it"],[class*=ani-][class*="-flipX"][class*="-many"]:focus>*,[class*=ani-][class*="-flipX"][class*="-many"]:hover>*,[class*=ani-][class*="-flipX"][class*="-on"]:focus,[class*=ani-][class*="-flipX"][class*="-on"]:hover{animation-name:flipX}:focus>[class*=ani-][class*="-flipY"][class*="-in"],:hover>[class*=ani-][class*="-flipY"][class*="-in"],[class*=ani-][class*="-flipY"][class*="-all"]>*,[class*=ani-][class*="-flipY"][class*="-each"]>:focus,[class*=ani-][class*="-flipY"][class*="-each"]>:hover,[class*=ani-][class*="-flipY"][class*="-it"],[class*=ani-][class*="-flipY"][class*="-many"]:focus>*,[class*=ani-][class*="-flipY"][class*="-many"]:hover>*,[class*=ani-][class*="-flipY"][class*="-on"]:focus,[class*=ani-][class*="-flipY"][class*="-on"]:hover{animation-name:flipY}:focus>[class*=ani-][class*="-openX"][class*="-in"],:hover>[class*=ani-][class*="-openX"][class*="-in"],[class*=ani-][class*="-openX"][class*="-all"]>*,[class*=ani-][class*="-openX"][class*="-each"]>:focus,[class*=ani-][class*="-openX"][class*="-each"]>:hover,[class*=ani-][class*="-openX"][class*="-it"],[class*=ani-][class*="-openX"][class*="-many"]:focus>*,[class*=ani-][class*="-openX"][class*="-many"]:hover>*,[class*=ani-][class*="-openX"][class*="-on"]:focus,[class*=ani-][class*="-openX"][class*="-on"]:hover{animation-name:openX}:focus>[class*=ani-][class*="-openY"][class*="-in"],:hover>[class*=ani-][class*="-openY"][class*="-in"],[class*=ani-][class*="-openY"][class*="-all"]>*,[class*=ani-][class*="-openY"][class*="-each"]>:focus,[class*=ani-][class*="-openY"][class*="-each"]>:hover,[class*=ani-][class*="-openY"][class*="-it"],[class*=ani-][class*="-openY"][class*="-many"]:focus>*,[class*=ani-][class*="-openY"][class*="-many"]:hover>*,[class*=ani-][class*="-openY"][class*="-on"]:focus,[class*=ani-][class*="-openY"][class*="-on"]:hover{animation-name:openY}:focus>[class*=ani-][class*="-flipperX"][class*="-in"],:hover>[class*=ani-][class*="-flipperX"][class*="-in"],[class*=ani-][class*="-flipperX"][class*="-all"]>*,[class*=ani-][class*="-flipperX"][class*="-each"]>:focus,[class*=ani-][class*="-flipperX"][class*="-each"]>:hover,[class*=ani-][class*="-flipperX"][class*="-it"],[class*=ani-][class*="-flipperX"][class*="-many"]:focus>*,[class*=ani-][class*="-flipperX"][class*="-many"]:hover>*,[class*=ani-][class*="-flipperX"][class*="-on"]:focus,[class*=ani-][class*="-flipperX"][class*="-on"]:hover{animation-name:flipperX}:focus>[class*=ani-][class*="-flipperY"][class*="-in"],:hover>[class*=ani-][class*="-flipperY"][class*="-in"],[class*=ani-][class*="-flipperY"][class*="-all"]>*,[class*=ani-][class*="-flipperY"][class*="-each"]>:focus,[class*=ani-][class*="-flipperY"][class*="-each"]>:hover,[class*=ani-][class*="-flipperY"][class*="-it"],[class*=ani-][class*="-flipperY"][class*="-many"]:focus>*,[class*=ani-][class*="-flipperY"][class*="-many"]:hover>*,[class*=ani-][class*="-flipperY"][class*="-on"]:focus,[class*=ani-][class*="-flipperY"][class*="-on"]:hover{animation-name:flipperY}:focus>[class*=ani-][class*="-twistT"][class*="-in"],:hover>[class*=ani-][class*="-twistT"][class*="-in"],[class*=ani-][class*="-twistT"][class*="-all"]>*,[class*=ani-][class*="-twistT"][class*="-each"]>:focus,[class*=ani-][class*="-twistT"][class*="-each"]>:hover,[class*=ani-][class*="-twistT"][class*="-it"],[class*=ani-][class*="-twistT"][class*="-many"]:focus>*,[class*=ani-][class*="-twistT"][class*="-many"]:hover>*,[class*=ani-][class*="-twistT"][class*="-on"]:focus,[class*=ani-][class*="-twistT"][class*="-on"]:hover{animation-name:twistT}:focus>[class*=ani-][class*="-twistR"][class*="-in"],:hover>[class*=ani-][class*="-twistR"][class*="-in"],[class*=ani-][class*="-twistR"][class*="-all"]>*,[class*=ani-][class*="-twistR"][class*="-each"]>:focus,[class*=ani-][class*="-twistR"][class*="-each"]>:hover,[class*=ani-][class*="-twistR"][class*="-it"],[class*=ani-][class*="-twistR"][class*="-many"]:focus>*,[class*=ani-][class*="-twistR"][class*="-many"]:hover>*,[class*=ani-][class*="-twistR"][class*="-on"]:focus,[class*=ani-][class*="-twistR"][class*="-on"]:hover{animation-name:twistR}:focus>[class*=ani-][class*="-twistB"][class*="-in"],:hover>[class*=ani-][class*="-twistB"][class*="-in"],[class*=ani-][class*="-twistB"][class*="-all"]>*,[class*=ani-][class*="-twistB"][class*="-each"]>:focus,[class*=ani-][class*="-twistB"][class*="-each"]>:hover,[class*=ani-][class*="-twistB"][class*="-it"],[class*=ani-][class*="-twistB"][class*="-many"]:focus>*,[class*=ani-][class*="-twistB"][class*="-many"]:hover>*,[class*=ani-][class*="-twistB"][class*="-on"]:focus,[class*=ani-][class*="-twistB"][class*="-on"]:hover{animation-name:twistB}:focus>[class*=ani-][class*="-twistL"][class*="-in"],:hover>[class*=ani-][class*="-twistL"][class*="-in"],[class*=ani-][class*="-twistL"][class*="-all"]>*,[class*=ani-][class*="-twistL"][class*="-each"]>:focus,[class*=ani-][class*="-twistL"][class*="-each"]>:hover,[class*=ani-][class*="-twistL"][class*="-it"],[class*=ani-][class*="-twistL"][class*="-many"]:focus>*,[class*=ani-][class*="-twistL"][class*="-many"]:hover>*,[class*=ani-][class*="-twistL"][class*="-on"]:focus,[class*=ani-][class*="-twistL"][class*="-on"]:hover{animation-name:twistL}[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} \ No newline at end of file +/*! animadio v6.1.0 | https://www.npmjs.com/package/animadio | MIT License *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ani-sans-serif:Helvetica,sans-serif;--ani-serif:Times,serif;--ani-monospace:Courier,monospace;--ani-cursive:Mistral,cursive;--ani-fantasy:Impact,fantasy;--ani-red-hsl:0,100%,25%;--ani-orange-hsl:30,100%,50%;--ani-yellow-hsl:60,100%,75%;--ani-lime-hsl:90,100%,75%;--ani-green-hsl:120,100%,25%;--ani-aqua-hsl:150,100%,75%;--ani-cyan-hsl:180,100%,25%;--ani-sky-hsl:210,100%,75%;--ani-blue-hsl:240,100%,25%;--ani-violet-hsl:270,100%,75%;--ani-magenta-hsl:300,100%,25%;--ani-pink-hsl:330,100%,75%;--ani-black-hsl:0,0%,0%;--ani-slate-hsl:0,0%,25%;--ani-gray-hsl:0,0%,50%;--ani-silver-hsl:0,0%,75%;--ani-white-hsl:0,0%,100%;--ani-red:hsl(var(--ani-red-hsl));--ani-orange:hsl(var(--ani-orange-hsl));--ani-yellow:hsl(var(--ani-yellow-hsl));--ani-lime:hsl(var(--ani-lime-hsl));--ani-green:hsl(var(--ani-green-hsl));--ani-aqua:hsl(var(--ani-aqua-hsl));--ani-cyan:hsl(var(--ani-cyan-hsl));--ani-sky:hsl(var(--ani-sky-hsl));--ani-blue:hsl(var(--ani-blue-hsl));--ani-violet:hsl(var(--ani-violet-hsl));--ani-magenta:hsl(var(--ani-magenta-hsl));--ani-pink:hsl(var(--ani-pink-hsl));--ani-black:hsl(var(--ani-black-hsl));--ani-slate:hsl(var(--ani-slate-hsl));--ani-gray:hsl(var(--ani-gray-hsl));--ani-silver:hsl(var(--ani-silver-hsl));--ani-white:hsl(var(--ani-white-hsl));--ani-dark:0.8;--ani-light:0.2;--ani-red-dark:hsla(var(--ani-red-hsl), var(--ani-dark));--ani-red-light:hsla(var(--ani-red-hsl), var(--ani-light));--ani-orange-dark:hsla(var(--ani-orange-hsl), var(--ani-dark));--ani-orange-light:hsla(var(--ani-orange-hsl), var(--ani-light));--ani-yellow-dark:hsla(var(--ani-yellow-hsl), var(--ani-dark));--ani-yellow-light:hsla(var(--ani-yellow-hsl), var(--ani-light));--ani-lime-dark:hsla(var(--ani-lime-hsl), var(--ani-dark));--ani-lime-light:hsla(var(--ani-lime-hsl), var(--ani-light));--ani-green-dark:hsla(var(--ani-green-hsl), var(--ani-dark));--ani-green-light:hsla(var(--ani-green-hsl), var(--ani-light));--ani-aqua-dark:hsla(var(--ani-aqua-hsl), var(--ani-dark));--ani-aqua-light:hsla(var(--ani-aqua-hsl), var(--ani-light));--ani-cyan-dark:hsla(var(--ani-cyan-hsl), var(--ani-dark));--ani-cyan-light:hsla(var(--ani-cyan-hsl), var(--ani-light));--ani-sky-dark:hsla(var(--ani-sky-hsl), var(--ani-dark));--ani-sky-light:hsla(var(--ani-sky-hsl), var(--ani-light));--ani-blue-dark:hsla(var(--ani-blue-hsl), var(--ani-dark));--ani-blue-light:hsla(var(--ani-blue-hsl), var(--ani-light));--ani-violet-dark:hsla(var(--ani-violet-hsl), var(--ani-dark));--ani-violet-light:hsla(var(--ani-violet-hsl), var(--ani-light));--ani-magenta-dark:hsla(var(--ani-magenta-hsl), var(--ani-dark));--ani-magenta-light:hsla(var(--ani-magenta-hsl), var(--ani-light));--ani-pink-dark:hsla(var(--ani-pink-hsl), var(--ani-dark));--ani-pink-light:hsla(var(--ani-pink-hsl), var(--ani-light));--ani-black-dark:hsla(var(--ani-black-hsl), var(--ani-dark));--ani-black-light:hsla(var(--ani-black-hsl), var(--ani-light));--ani-slate-dark:hsla(var(--ani-slate-hsl), var(--ani-dark));--ani-slate-light:hsla(var(--ani-slate-hsl), var(--ani-light));--ani-gray-dark:hsla(var(--ani-gray-hsl), var(--ani-dark));--ani-gray-light:hsla(var(--ani-gray-hsl), var(--ani-light));--ani-silver-dark:hsla(var(--ani-silver-hsl), var(--ani-dark));--ani-silver-light:hsla(var(--ani-silver-hsl), var(--ani-light));--ani-white-dark:hsla(var(--ani-white-hsl), var(--ani-dark));--ani-white-light:hsla(var(--ani-white-hsl), var(--ani-light));--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)}*{--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:2000px;--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:scroll;--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}[type=button],[type=reset],[type=submit],button{--ani-button-cursor:pointer}[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}[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}[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%}[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}[class*=container]{--ani-container-max-width:100%}[class*=height-]{--ani-height-sm:20%;--ani-height-md:50%;--ani-height-lg:100%}[class*=max-h-]{--ani-max-height-sm:20%;--ani-max-height-md:50%;--ani-max-height-lg:100%}[class*=min-h-]{--ani-min-height-sm:20%;--ani-min-height-md:50%;--ani-min-height-lg:100%}[class*=width-]{--ani-width-sm:20%;--ani-width-md:50%;--ani-width-lg:100%}[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%}[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)}}*{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);font-size:var(--ani-code-font--size);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)}[type=button],[type=reset],[type=submit],button{cursor:var(--ani-button-cursor)}[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}[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}[class*=grid]{display:grid;max-width:var(--ani-grid-max-width);margin:var(--ani-grid-margin)}[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)}}[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)}}.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}}.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}}.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}}.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)}.bord{border-style:solid}.bord-dash,.bord-dash-all>*,.bord-dash-many:focus>*,.bord-dash-many:hover>*,.bord-dash-on:focus,.bord-dash-on:hover,.bord-dash-one>:focus,.bord-dash-one>:hover,:focus>.bord-dash-in,:hover>.bord-dash-in{border-style:dashed}.bord-dot,.bord-dot-all>*,.bord-dot-many:focus>*,.bord-dot-many:hover>*,.bord-dot-on:focus,.bord-dot-on:hover,.bord-dot-one>:focus,.bord-dot-one>:hover,:focus>.bord-dot-in,:hover>.bord-dot-in{border-style:dotted}.bord-double,.bord-double-all>*,.bord-double-many:focus>*,.bord-double-many:hover>*,.bord-double-on:focus,.bord-double-on:hover,.bord-double-one>:focus,.bord-double-one>:hover,:focus>.bord-double-in,:hover>.bord-double-in{border-style:double}.bord-groove,.bord-groove-all>*,.bord-groove-many:focus>*,.bord-groove-many:hover>*,.bord-groove-on:focus,.bord-groove-on:hover,.bord-groove-one>:focus,.bord-groove-one>:hover,:focus>.bord-groove-in,:hover>.bord-groove-in{border-style:groove}.bord-ridge,.bord-ridge-all>*,.bord-ridge-many:focus>*,.bord-ridge-many:hover>*,.bord-ridge-on:focus,.bord-ridge-on:hover,.bord-ridge-one>:focus,.bord-ridge-one>:hover,:focus>.bord-ridge-in,:hover>.bord-ridge-in{border-style:ridge}.bord-in,.bord-in-all>*,.bord-in-many:focus>*,.bord-in-many:hover>*,.bord-in-on:focus,.bord-in-on:hover,.bord-in-one>:focus,.bord-in-one>:hover,:focus>.bord-in-in,:hover>.bord-in-in{border-style:inset}.bord-out,.bord-out-all>*,.bord-out-many:focus>*,.bord-out-many:hover>*,.bord-out-on:focus,.bord-out-on:hover,.bord-out-one>:focus,.bord-out-one>:hover,:focus>.bord-out-in,:hover>.bord-out-in{border-style:outset}.bord-sm,.bord-sm-all>*,.bord-sm-many:focus>*,.bord-sm-many:hover>*,.bord-sm-on:focus,.bord-sm-on:hover,.bord-sm-one>:focus,.bord-sm-one>:hover,:focus>.bord-sm-in,:hover>.bord-sm-in{border-width:1px}.bord-md,.bord-md-all>*,.bord-md-many:focus>*,.bord-md-many:hover>*,.bord-md-on:focus,.bord-md-on:hover,.bord-md-one>:focus,.bord-md-one>:hover,:focus>.bord-md-in,:hover>.bord-md-in{border-width:2px}.bord-lg,.bord-lg-all>*,.bord-lg-many:focus>*,.bord-lg-many:hover>*,.bord-lg-on:focus,.bord-lg-on:hover,.bord-lg-one>:focus,.bord-lg-one>:hover,:focus>.bord-lg-in,:hover>.bord-lg-in{border-width:5px}.bord-red,.bord-red-all>*,.bord-red-many:focus>*,.bord-red-many:hover>*,.bord-red-on:focus,.bord-red-on:hover,.bord-red-one>:focus,.bord-red-one>:hover,:focus>.bord-red-in,:hover>.bord-red-in{border-color:var(--ani-red)}.bord-orange,.bord-orange-all>*,.bord-orange-many:focus>*,.bord-orange-many:hover>*,.bord-orange-on:focus,.bord-orange-on:hover,.bord-orange-one>:focus,.bord-orange-one>:hover,:focus>.bord-orange-in,:hover>.bord-orange-in{border-color:var(--ani-orange)}.bord-yellow,.bord-yellow-all>*,.bord-yellow-many:focus>*,.bord-yellow-many:hover>*,.bord-yellow-on:focus,.bord-yellow-on:hover,.bord-yellow-one>:focus,.bord-yellow-one>:hover,:focus>.bord-yellow-in,:hover>.bord-yellow-in{border-color:var(--ani-yellow)}.bord-lime,.bord-lime-all>*,.bord-lime-many:focus>*,.bord-lime-many:hover>*,.bord-lime-on:focus,.bord-lime-on:hover,.bord-lime-one>:focus,.bord-lime-one>:hover,:focus>.bord-lime-in,:hover>.bord-lime-in{border-color:var(--ani-lime)}.bord-green,.bord-green-all>*,.bord-green-many:focus>*,.bord-green-many:hover>*,.bord-green-on:focus,.bord-green-on:hover,.bord-green-one>:focus,.bord-green-one>:hover,:focus>.bord-green-in,:hover>.bord-green-in{border-color:var(--ani-green)}.bord-aqua,.bord-aqua-all>*,.bord-aqua-many:focus>*,.bord-aqua-many:hover>*,.bord-aqua-on:focus,.bord-aqua-on:hover,.bord-aqua-one>:focus,.bord-aqua-one>:hover,:focus>.bord-aqua-in,:hover>.bord-aqua-in{border-color:var(--ani-aqua)}.bord-cyan,.bord-cyan-all>*,.bord-cyan-many:focus>*,.bord-cyan-many:hover>*,.bord-cyan-on:focus,.bord-cyan-on:hover,.bord-cyan-one>:focus,.bord-cyan-one>:hover,:focus>.bord-cyan-in,:hover>.bord-cyan-in{border-color:var(--ani-cyan)}.bord-sky,.bord-sky-all>*,.bord-sky-many:focus>*,.bord-sky-many:hover>*,.bord-sky-on:focus,.bord-sky-on:hover,.bord-sky-one>:focus,.bord-sky-one>:hover,:focus>.bord-sky-in,:hover>.bord-sky-in{border-color:var(--ani-sky)}.bord-blue,.bord-blue-all>*,.bord-blue-many:focus>*,.bord-blue-many:hover>*,.bord-blue-on:focus,.bord-blue-on:hover,.bord-blue-one>:focus,.bord-blue-one>:hover,:focus>.bord-blue-in,:hover>.bord-blue-in{border-color:var(--ani-blue)}.bord-violet,.bord-violet-all>*,.bord-violet-many:focus>*,.bord-violet-many:hover>*,.bord-violet-on:focus,.bord-violet-on:hover,.bord-violet-one>:focus,.bord-violet-one>:hover,:focus>.bord-violet-in,:hover>.bord-violet-in{border-color:var(--ani-violet)}.bord-magenta,.bord-magenta-all>*,.bord-magenta-many:focus>*,.bord-magenta-many:hover>*,.bord-magenta-on:focus,.bord-magenta-on:hover,.bord-magenta-one>:focus,.bord-magenta-one>:hover,:focus>.bord-magenta-in,:hover>.bord-magenta-in{border-color:var(--ani-magenta)}.bord-pink,.bord-pink-all>*,.bord-pink-many:focus>*,.bord-pink-many:hover>*,.bord-pink-on:focus,.bord-pink-on:hover,.bord-pink-one>:focus,.bord-pink-one>:hover,:focus>.bord-pink-in,:hover>.bord-pink-in{border-color:var(--ani-pink)}.bord-curve,.bord-curve-all>*,.bord-curve-many:focus>*,.bord-curve-many:hover>*,.bord-curve-on:focus,.bord-curve-on:hover,.bord-curve-one>:focus,.bord-curve-one>:hover,:focus>.bord-curve-in,:hover>.bord-curve-in{border-radius:10px}.bord-round,.bord-round-all>*,.bord-round-many:focus>*,.bord-round-many:hover>*,.bord-round-on:focus,.bord-round-on:hover,.bord-round-one>:focus,.bord-round-one>:hover,:focus>.bord-round-in,:hover>.bord-round-in{border-radius:20px}.bord-circle,.bord-circle-all>*,.bord-circle-many:focus>*,.bord-circle-many:hover>*,.bord-circle-on:focus,.bord-circle-on:hover,.bord-circle-one>:focus,.bord-circle-one>:hover,:focus>.bord-circle-in,:hover>.bord-circle-in{border-radius:50%}.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)}[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-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-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-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-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-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-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)}.sans-serif,.sans-serif-all>*,.sans-serif-many:focus>*,.sans-serif-many:hover>*,.sans-serif-on:focus,.sans-serif-on:hover,.sans-serif-one>:focus,.sans-serif-one>:hover,:focus>.sans-serif-in,:hover>.sans-serif-in{font-family:var(--ani-sans-serif)}.serif,.serif-all>*,.serif-many:focus>*,.serif-many:hover>*,.serif-on:focus,.serif-on:hover,.serif-one>:focus,.serif-one>:hover,:focus>.serif-in,:hover>.serif-in{font-family:var(--ani-serif)}.monospace,.monospace-all>*,.monospace-many:focus>*,.monospace-many:hover>*,.monospace-on:focus,.monospace-on:hover,.monospace-one>:focus,.monospace-one>:hover,:focus>.monospace-in,:hover>.monospace-in{font-family:var(--ani-monospace)}.cursive,.cursive-all>*,.cursive-many:focus>*,.cursive-many:hover>*,.cursive-on:focus,.cursive-on:hover,.cursive-one>:focus,.cursive-one>:hover,:focus>.cursive-in,:hover>.cursive-in{font-family:var(--ani-cursive)}.fantasy,.fantasy-all>*,.fantasy-many:focus>*,.fantasy-many:hover>*,.fantasy-on:focus,.fantasy-on:hover,.fantasy-one>:focus,.fantasy-one>:hover,:focus>.fantasy-in,:hover>.fantasy-in{font-family:var(--ani-fantasy)}.bold,.bold-all>*,.bold-many:focus>*,.bold-many:hover>*,.bold-on:focus,.bold-on:hover,.bold-one>:focus,.bold-one>:hover,:focus>.bold-in,:hover>.bold-in{font-weight:700}.italic,.italic-all>*,.italic-many:focus>*,.italic-many:hover>*,.italic-on:focus,.italic-on:hover,.italic-one>:focus,.italic-one>:hover,:focus>.italic-in,:hover>.italic-in{font-style:italic}.center{text-align:center}.justify{text-align:justify}.left{text-align:left}.right{text-align:right}.cap,.cap-all>*,.cap-many:focus>*,.cap-many:hover>*,.cap-on:focus,.cap-on:hover,.cap-one>:focus,.cap-one>:hover,:focus>.cap-in,:hover>.cap-in{text-transform:capitalize}.up,.up-all>*,.up-many:focus>*,.up-many:hover>*,.up-on:focus,.up-on:hover,.up-one>:focus,.up-one>:hover,:focus>.up-in,:hover>.up-in{text-transform:uppercase}.low,.low-all>*,.low-many:focus>*,.low-many:hover>*,.low-on:focus,.low-on:hover,.low-one>:focus,.low-one>:hover,:focus>.low-in,:hover>.low-in{text-transform:lowercase}.deco{-webkit-text-decoration-line:underline;text-decoration-line:underline}.deco-over,.deco-over-all>*,.deco-over-many:focus>*,.deco-over-many:hover>*,.deco-over-on:focus,.deco-over-on:hover,.deco-over-one>:focus,.deco-over-one>:hover,:focus>.deco-over-in,:hover>.deco-over-in{-webkit-text-decoration-line:overline;text-decoration-line:overline}.deco-through,.deco-through-all>*,.deco-through-many:focus>*,.deco-through-many:hover>*,.deco-through-on:focus,.deco-through-on:hover,.deco-through-one>:focus,.deco-through-one>:hover,:focus>.deco-through-in,:hover>.deco-through-in{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.deco-dash,.deco-dash-all>*,.deco-dash-many:focus>*,.deco-dash-many:hover>*,.deco-dash-on:focus,.deco-dash-on:hover,.deco-dash-one>:focus,.deco-dash-one>:hover,:focus>.deco-dash-in,:hover>.deco-dash-in{-webkit-text-decoration-style:dashed;text-decoration-style:dashed}.deco-dot,.deco-dot-all>*,.deco-dot-many:focus>*,.deco-dot-many:hover>*,.deco-dot-on:focus,.deco-dot-on:hover,.deco-dot-one>:focus,.deco-dot-one>:hover,:focus>.deco-dot-in,:hover>.deco-dot-in{-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.deco-double,.deco-double-all>*,.deco-double-many:focus>*,.deco-double-many:hover>*,.deco-double-on:focus,.deco-double-on:hover,.deco-double-one>:focus,.deco-double-one>:hover,:focus>.deco-double-in,:hover>.deco-double-in{-webkit-text-decoration-style:double;text-decoration-style:double}.deco-wavy,.deco-wavy-all>*,.deco-wavy-many:focus>*,.deco-wavy-many:hover>*,.deco-wavy-on:focus,.deco-wavy-on:hover,.deco-wavy-one>:focus,.deco-wavy-one>:hover,:focus>.deco-wavy-in,:hover>.deco-wavy-in{-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.deco-red,.deco-red-all>*,.deco-red-many:focus>*,.deco-red-many:hover>*,.deco-red-on:focus,.deco-red-on:hover,.deco-red-one>:focus,.deco-red-one>:hover,:focus>.deco-red-in,:hover>.deco-red-in{-webkit-text-decoration-color:var(--ani-red);text-decoration-color:var(--ani-red)}.deco-orange,.deco-orange-all>*,.deco-orange-many:focus>*,.deco-orange-many:hover>*,.deco-orange-on:focus,.deco-orange-on:hover,.deco-orange-one>:focus,.deco-orange-one>:hover,:focus>.deco-orange-in,:hover>.deco-orange-in{-webkit-text-decoration-color:var(--ani-orange);text-decoration-color:var(--ani-orange)}.deco-yellow,.deco-yellow-all>*,.deco-yellow-many:focus>*,.deco-yellow-many:hover>*,.deco-yellow-on:focus,.deco-yellow-on:hover,.deco-yellow-one>:focus,.deco-yellow-one>:hover,:focus>.deco-yellow-in,:hover>.deco-yellow-in{-webkit-text-decoration-color:var(--ani-yellow);text-decoration-color:var(--ani-yellow)}.deco-lime,.deco-lime-all>*,.deco-lime-many:focus>*,.deco-lime-many:hover>*,.deco-lime-on:focus,.deco-lime-on:hover,.deco-lime-one>:focus,.deco-lime-one>:hover,:focus>.deco-lime-in,:hover>.deco-lime-in{-webkit-text-decoration-color:var(--ani-lime);text-decoration-color:var(--ani-lime)}.deco-green,.deco-green-all>*,.deco-green-many:focus>*,.deco-green-many:hover>*,.deco-green-on:focus,.deco-green-on:hover,.deco-green-one>:focus,.deco-green-one>:hover,:focus>.deco-green-in,:hover>.deco-green-in{-webkit-text-decoration-color:var(--ani-green);text-decoration-color:var(--ani-green)}.deco-aqua,.deco-aqua-all>*,.deco-aqua-many:focus>*,.deco-aqua-many:hover>*,.deco-aqua-on:focus,.deco-aqua-on:hover,.deco-aqua-one>:focus,.deco-aqua-one>:hover,:focus>.deco-aqua-in,:hover>.deco-aqua-in{-webkit-text-decoration-color:var(--ani-aqua);text-decoration-color:var(--ani-aqua)}.deco-cyan,.deco-cyan-all>*,.deco-cyan-many:focus>*,.deco-cyan-many:hover>*,.deco-cyan-on:focus,.deco-cyan-on:hover,.deco-cyan-one>:focus,.deco-cyan-one>:hover,:focus>.deco-cyan-in,:hover>.deco-cyan-in{-webkit-text-decoration-color:var(--ani-cyan);text-decoration-color:var(--ani-cyan)}.deco-sky,.deco-sky-all>*,.deco-sky-many:focus>*,.deco-sky-many:hover>*,.deco-sky-on:focus,.deco-sky-on:hover,.deco-sky-one>:focus,.deco-sky-one>:hover,:focus>.deco-sky-in,:hover>.deco-sky-in{-webkit-text-decoration-color:var(--ani-sky);text-decoration-color:var(--ani-sky)}.deco-blue,.deco-blue-all>*,.deco-blue-many:focus>*,.deco-blue-many:hover>*,.deco-blue-on:focus,.deco-blue-on:hover,.deco-blue-one>:focus,.deco-blue-one>:hover,:focus>.deco-blue-in,:hover>.deco-blue-in{-webkit-text-decoration-color:var(--ani-blue);text-decoration-color:var(--ani-blue)}.deco-violet,.deco-violet-all>*,.deco-violet-many:focus>*,.deco-violet-many:hover>*,.deco-violet-on:focus,.deco-violet-on:hover,.deco-violet-one>:focus,.deco-violet-one>:hover,:focus>.deco-violet-in,:hover>.deco-violet-in{-webkit-text-decoration-color:var(--ani-violet);text-decoration-color:var(--ani-violet)}.deco-magenta,.deco-magenta-all>*,.deco-magenta-many:focus>*,.deco-magenta-many:hover>*,.deco-magenta-on:focus,.deco-magenta-on:hover,.deco-magenta-one>:focus,.deco-magenta-one>:hover,:focus>.deco-magenta-in,:hover>.deco-magenta-in{-webkit-text-decoration-color:var(--ani-magenta);text-decoration-color:var(--ani-magenta)}.deco-pink,.deco-pink-all>*,.deco-pink-many:focus>*,.deco-pink-many:hover>*,.deco-pink-on:focus,.deco-pink-on:hover,.deco-pink-one>:focus,.deco-pink-one>:hover,:focus>.deco-pink-in,:hover>.deco-pink-in{-webkit-text-decoration-color:var(--ani-pink);text-decoration-color:var(--ani-pink)}.red,.red-all>*,.red-many:focus>*,.red-many:hover>*,.red-on:focus,.red-on:hover,.red-one>:focus,.red-one>:hover,:focus>.red-in,:hover>.red-in{color:var(--ani-red)}.orange,.orange-all>*,.orange-many:focus>*,.orange-many:hover>*,.orange-on:focus,.orange-on:hover,.orange-one>:focus,.orange-one>:hover,:focus>.orange-in,:hover>.orange-in{color:var(--ani-orange)}.yellow,.yellow-all>*,.yellow-many:focus>*,.yellow-many:hover>*,.yellow-on:focus,.yellow-on:hover,.yellow-one>:focus,.yellow-one>:hover,:focus>.yellow-in,:hover>.yellow-in{color:var(--ani-yellow)}.lime,.lime-all>*,.lime-many:focus>*,.lime-many:hover>*,.lime-on:focus,.lime-on:hover,.lime-one>:focus,.lime-one>:hover,:focus>.lime-in,:hover>.lime-in{color:var(--ani-lime)}.green,.green-all>*,.green-many:focus>*,.green-many:hover>*,.green-on:focus,.green-on:hover,.green-one>:focus,.green-one>:hover,:focus>.green-in,:hover>.green-in{color:var(--ani-green)}.aqua,.aqua-all>*,.aqua-many:focus>*,.aqua-many:hover>*,.aqua-on:focus,.aqua-on:hover,.aqua-one>:focus,.aqua-one>:hover,:focus>.aqua-in,:hover>.aqua-in{color:var(--ani-aqua)}.cyan,.cyan-all>*,.cyan-many:focus>*,.cyan-many:hover>*,.cyan-on:focus,.cyan-on:hover,.cyan-one>:focus,.cyan-one>:hover,:focus>.cyan-in,:hover>.cyan-in{color:var(--ani-cyan)}.sky,.sky-all>*,.sky-many:focus>*,.sky-many:hover>*,.sky-on:focus,.sky-on:hover,.sky-one>:focus,.sky-one>:hover,:focus>.sky-in,:hover>.sky-in{color:var(--ani-sky)}.blue,.blue-all>*,.blue-many:focus>*,.blue-many:hover>*,.blue-on:focus,.blue-on:hover,.blue-one>:focus,.blue-one>:hover,:focus>.blue-in,:hover>.blue-in{color:var(--ani-blue)}.violet,.violet-all>*,.violet-many:focus>*,.violet-many:hover>*,.violet-on:focus,.violet-on:hover,.violet-one>:focus,.violet-one>:hover,:focus>.violet-in,:hover>.violet-in{color:var(--ani-violet)}.magenta,.magenta-all>*,.magenta-many:focus>*,.magenta-many:hover>*,.magenta-on:focus,.magenta-on:hover,.magenta-one>:focus,.magenta-one>:hover,:focus>.magenta-in,:hover>.magenta-in{color:var(--ani-magenta)}.pink,.pink-all>*,.pink-many:focus>*,.pink-many:hover>*,.pink-on:focus,.pink-on:hover,.pink-one>:focus,.pink-one>:hover,:focus>.pink-in,:hover>.pink-in{color:var(--ani-pink)}.black,.black-all>*,.black-many:focus>*,.black-many:hover>*,.black-on:focus,.black-on:hover,.black-one>:focus,.black-one>:hover,:focus>.black-in,:hover>.black-in{color:var(--ani-black)}.slate,.slate-all>*,.slate-many:focus>*,.slate-many:hover>*,.slate-on:focus,.slate-on:hover,.slate-one>:focus,.slate-one>:hover,:focus>.slate-in,:hover>.slate-in{color:var(--ani-slate)}.gray,.gray-all>*,.gray-many:focus>*,.gray-many:hover>*,.gray-on:focus,.gray-on:hover,.gray-one>:focus,.gray-one>:hover,:focus>.gray-in,:hover>.gray-in{color:var(--ani-gray)}.silver,.silver-all>*,.silver-many:focus>*,.silver-many:hover>*,.silver-on:focus,.silver-on:hover,.silver-one>:focus,.silver-one>:hover,:focus>.silver-in,:hover>.silver-in{color:var(--ani-silver)}.white,.white-all>*,.white-many:focus>*,.white-many:hover>*,.white-on:focus,.white-on:hover,.white-one>:focus,.white-one>:hover,:focus>.white-in,:hover>.white-in{color:var(--ani-white)}.bg-red,.bg-red-all>*,.bg-red-many:focus>*,.bg-red-many:hover>*,.bg-red-on:focus,.bg-red-on:hover,.bg-red-one>:focus,.bg-red-one>:hover,:focus>.bg-red-in,:hover>.bg-red-in{background-color:var(--ani-red)}.bg-red-dark,.bg-red-dark-all>*,.bg-red-dark-many:focus>*,.bg-red-dark-many:hover>*,.bg-red-dark-on:focus,.bg-red-dark-on:hover,.bg-red-dark-one>:focus,.bg-red-dark-one>:hover,:focus>.bg-red-dark-in,:hover>.bg-red-dark-in{background-color:var(--ani-red-dark)}.bg-red-light,.bg-red-light-all>*,.bg-red-light-many:focus>*,.bg-red-light-many:hover>*,.bg-red-light-on:focus,.bg-red-light-on:hover,.bg-red-light-one>:focus,.bg-red-light-one>:hover,:focus>.bg-red-light-in,:hover>.bg-red-light-in{background-color:var(--ani-red-light)}.bg-orange,.bg-orange-all>*,.bg-orange-many:focus>*,.bg-orange-many:hover>*,.bg-orange-on:focus,.bg-orange-on:hover,.bg-orange-one>:focus,.bg-orange-one>:hover,:focus>.bg-orange-in,:hover>.bg-orange-in{background-color:var(--ani-orange)}.bg-orange-dark,.bg-orange-dark-all>*,.bg-orange-dark-many:focus>*,.bg-orange-dark-many:hover>*,.bg-orange-dark-on:focus,.bg-orange-dark-on:hover,.bg-orange-dark-one>:focus,.bg-orange-dark-one>:hover,:focus>.bg-orange-dark-in,:hover>.bg-orange-dark-in{background-color:var(--ani-orange-dark)}.bg-orange-light,.bg-orange-light-all>*,.bg-orange-light-many:focus>*,.bg-orange-light-many:hover>*,.bg-orange-light-on:focus,.bg-orange-light-on:hover,.bg-orange-light-one>:focus,.bg-orange-light-one>:hover,:focus>.bg-orange-light-in,:hover>.bg-orange-light-in{background-color:var(--ani-orange-light)}.bg-yellow,.bg-yellow-all>*,.bg-yellow-many:focus>*,.bg-yellow-many:hover>*,.bg-yellow-on:focus,.bg-yellow-on:hover,.bg-yellow-one>:focus,.bg-yellow-one>:hover,:focus>.bg-yellow-in,:hover>.bg-yellow-in{background-color:var(--ani-yellow)}.bg-yellow-dark,.bg-yellow-dark-all>*,.bg-yellow-dark-many:focus>*,.bg-yellow-dark-many:hover>*,.bg-yellow-dark-on:focus,.bg-yellow-dark-on:hover,.bg-yellow-dark-one>:focus,.bg-yellow-dark-one>:hover,:focus>.bg-yellow-dark-in,:hover>.bg-yellow-dark-in{background-color:var(--ani-yellow-dark)}.bg-yellow-light,.bg-yellow-light-all>*,.bg-yellow-light-many:focus>*,.bg-yellow-light-many:hover>*,.bg-yellow-light-on:focus,.bg-yellow-light-on:hover,.bg-yellow-light-one>:focus,.bg-yellow-light-one>:hover,:focus>.bg-yellow-light-in,:hover>.bg-yellow-light-in{background-color:var(--ani-yellow-light)}.bg-lime,.bg-lime-all>*,.bg-lime-many:focus>*,.bg-lime-many:hover>*,.bg-lime-on:focus,.bg-lime-on:hover,.bg-lime-one>:focus,.bg-lime-one>:hover,:focus>.bg-lime-in,:hover>.bg-lime-in{background-color:var(--ani-lime)}.bg-lime-dark,.bg-lime-dark-all>*,.bg-lime-dark-many:focus>*,.bg-lime-dark-many:hover>*,.bg-lime-dark-on:focus,.bg-lime-dark-on:hover,.bg-lime-dark-one>:focus,.bg-lime-dark-one>:hover,:focus>.bg-lime-dark-in,:hover>.bg-lime-dark-in{background-color:var(--ani-lime-dark)}.bg-lime-light,.bg-lime-light-all>*,.bg-lime-light-many:focus>*,.bg-lime-light-many:hover>*,.bg-lime-light-on:focus,.bg-lime-light-on:hover,.bg-lime-light-one>:focus,.bg-lime-light-one>:hover,:focus>.bg-lime-light-in,:hover>.bg-lime-light-in{background-color:var(--ani-lime-light)}.bg-green,.bg-green-all>*,.bg-green-many:focus>*,.bg-green-many:hover>*,.bg-green-on:focus,.bg-green-on:hover,.bg-green-one>:focus,.bg-green-one>:hover,:focus>.bg-green-in,:hover>.bg-green-in{background-color:var(--ani-green)}.bg-green-dark,.bg-green-dark-all>*,.bg-green-dark-many:focus>*,.bg-green-dark-many:hover>*,.bg-green-dark-on:focus,.bg-green-dark-on:hover,.bg-green-dark-one>:focus,.bg-green-dark-one>:hover,:focus>.bg-green-dark-in,:hover>.bg-green-dark-in{background-color:var(--ani-green-dark)}.bg-green-light,.bg-green-light-all>*,.bg-green-light-many:focus>*,.bg-green-light-many:hover>*,.bg-green-light-on:focus,.bg-green-light-on:hover,.bg-green-light-one>:focus,.bg-green-light-one>:hover,:focus>.bg-green-light-in,:hover>.bg-green-light-in{background-color:var(--ani-green-light)}.bg-aqua,.bg-aqua-all>*,.bg-aqua-many:focus>*,.bg-aqua-many:hover>*,.bg-aqua-on:focus,.bg-aqua-on:hover,.bg-aqua-one>:focus,.bg-aqua-one>:hover,:focus>.bg-aqua-in,:hover>.bg-aqua-in{background-color:var(--ani-aqua)}.bg-aqua-dark,.bg-aqua-dark-all>*,.bg-aqua-dark-many:focus>*,.bg-aqua-dark-many:hover>*,.bg-aqua-dark-on:focus,.bg-aqua-dark-on:hover,.bg-aqua-dark-one>:focus,.bg-aqua-dark-one>:hover,:focus>.bg-aqua-dark-in,:hover>.bg-aqua-dark-in{background-color:var(--ani-aqua-dark)}.bg-aqua-light,.bg-aqua-light-all>*,.bg-aqua-light-many:focus>*,.bg-aqua-light-many:hover>*,.bg-aqua-light-on:focus,.bg-aqua-light-on:hover,.bg-aqua-light-one>:focus,.bg-aqua-light-one>:hover,:focus>.bg-aqua-light-in,:hover>.bg-aqua-light-in{background-color:var(--ani-aqua-light)}.bg-cyan,.bg-cyan-all>*,.bg-cyan-many:focus>*,.bg-cyan-many:hover>*,.bg-cyan-on:focus,.bg-cyan-on:hover,.bg-cyan-one>:focus,.bg-cyan-one>:hover,:focus>.bg-cyan-in,:hover>.bg-cyan-in{background-color:var(--ani-cyan)}.bg-cyan-dark,.bg-cyan-dark-all>*,.bg-cyan-dark-many:focus>*,.bg-cyan-dark-many:hover>*,.bg-cyan-dark-on:focus,.bg-cyan-dark-on:hover,.bg-cyan-dark-one>:focus,.bg-cyan-dark-one>:hover,:focus>.bg-cyan-dark-in,:hover>.bg-cyan-dark-in{background-color:var(--ani-cyan-dark)}.bg-cyan-light,.bg-cyan-light-all>*,.bg-cyan-light-many:focus>*,.bg-cyan-light-many:hover>*,.bg-cyan-light-on:focus,.bg-cyan-light-on:hover,.bg-cyan-light-one>:focus,.bg-cyan-light-one>:hover,:focus>.bg-cyan-light-in,:hover>.bg-cyan-light-in{background-color:var(--ani-cyan-light)}.bg-sky,.bg-sky-all>*,.bg-sky-many:focus>*,.bg-sky-many:hover>*,.bg-sky-on:focus,.bg-sky-on:hover,.bg-sky-one>:focus,.bg-sky-one>:hover,:focus>.bg-sky-in,:hover>.bg-sky-in{background-color:var(--ani-sky)}.bg-sky-dark,.bg-sky-dark-all>*,.bg-sky-dark-many:focus>*,.bg-sky-dark-many:hover>*,.bg-sky-dark-on:focus,.bg-sky-dark-on:hover,.bg-sky-dark-one>:focus,.bg-sky-dark-one>:hover,:focus>.bg-sky-dark-in,:hover>.bg-sky-dark-in{background-color:var(--ani-sky-dark)}.bg-sky-light,.bg-sky-light-all>*,.bg-sky-light-many:focus>*,.bg-sky-light-many:hover>*,.bg-sky-light-on:focus,.bg-sky-light-on:hover,.bg-sky-light-one>:focus,.bg-sky-light-one>:hover,:focus>.bg-sky-light-in,:hover>.bg-sky-light-in{background-color:var(--ani-sky-light)}.bg-blue,.bg-blue-all>*,.bg-blue-many:focus>*,.bg-blue-many:hover>*,.bg-blue-on:focus,.bg-blue-on:hover,.bg-blue-one>:focus,.bg-blue-one>:hover,:focus>.bg-blue-in,:hover>.bg-blue-in{background-color:var(--ani-blue)}.bg-blue-dark,.bg-blue-dark-all>*,.bg-blue-dark-many:focus>*,.bg-blue-dark-many:hover>*,.bg-blue-dark-on:focus,.bg-blue-dark-on:hover,.bg-blue-dark-one>:focus,.bg-blue-dark-one>:hover,:focus>.bg-blue-dark-in,:hover>.bg-blue-dark-in{background-color:var(--ani-blue-dark)}.bg-blue-light,.bg-blue-light-all>*,.bg-blue-light-many:focus>*,.bg-blue-light-many:hover>*,.bg-blue-light-on:focus,.bg-blue-light-on:hover,.bg-blue-light-one>:focus,.bg-blue-light-one>:hover,:focus>.bg-blue-light-in,:hover>.bg-blue-light-in{background-color:var(--ani-blue-light)}.bg-violet,.bg-violet-all>*,.bg-violet-many:focus>*,.bg-violet-many:hover>*,.bg-violet-on:focus,.bg-violet-on:hover,.bg-violet-one>:focus,.bg-violet-one>:hover,:focus>.bg-violet-in,:hover>.bg-violet-in{background-color:var(--ani-violet)}.bg-violet-dark,.bg-violet-dark-all>*,.bg-violet-dark-many:focus>*,.bg-violet-dark-many:hover>*,.bg-violet-dark-on:focus,.bg-violet-dark-on:hover,.bg-violet-dark-one>:focus,.bg-violet-dark-one>:hover,:focus>.bg-violet-dark-in,:hover>.bg-violet-dark-in{background-color:var(--ani-violet-dark)}.bg-violet-light,.bg-violet-light-all>*,.bg-violet-light-many:focus>*,.bg-violet-light-many:hover>*,.bg-violet-light-on:focus,.bg-violet-light-on:hover,.bg-violet-light-one>:focus,.bg-violet-light-one>:hover,:focus>.bg-violet-light-in,:hover>.bg-violet-light-in{background-color:var(--ani-violet-light)}.bg-magenta,.bg-magenta-all>*,.bg-magenta-many:focus>*,.bg-magenta-many:hover>*,.bg-magenta-on:focus,.bg-magenta-on:hover,.bg-magenta-one>:focus,.bg-magenta-one>:hover,:focus>.bg-magenta-in,:hover>.bg-magenta-in{background-color:var(--ani-magenta)}.bg-magenta-dark,.bg-magenta-dark-all>*,.bg-magenta-dark-many:focus>*,.bg-magenta-dark-many:hover>*,.bg-magenta-dark-on:focus,.bg-magenta-dark-on:hover,.bg-magenta-dark-one>:focus,.bg-magenta-dark-one>:hover,:focus>.bg-magenta-dark-in,:hover>.bg-magenta-dark-in{background-color:var(--ani-magenta-dark)}.bg-magenta-light,.bg-magenta-light-all>*,.bg-magenta-light-many:focus>*,.bg-magenta-light-many:hover>*,.bg-magenta-light-on:focus,.bg-magenta-light-on:hover,.bg-magenta-light-one>:focus,.bg-magenta-light-one>:hover,:focus>.bg-magenta-light-in,:hover>.bg-magenta-light-in{background-color:var(--ani-magenta-light)}.bg-pink,.bg-pink-all>*,.bg-pink-many:focus>*,.bg-pink-many:hover>*,.bg-pink-on:focus,.bg-pink-on:hover,.bg-pink-one>:focus,.bg-pink-one>:hover,:focus>.bg-pink-in,:hover>.bg-pink-in{background-color:var(--ani-pink)}.bg-pink-dark,.bg-pink-dark-all>*,.bg-pink-dark-many:focus>*,.bg-pink-dark-many:hover>*,.bg-pink-dark-on:focus,.bg-pink-dark-on:hover,.bg-pink-dark-one>:focus,.bg-pink-dark-one>:hover,:focus>.bg-pink-dark-in,:hover>.bg-pink-dark-in{background-color:var(--ani-pink-dark)}.bg-pink-light,.bg-pink-light-all>*,.bg-pink-light-many:focus>*,.bg-pink-light-many:hover>*,.bg-pink-light-on:focus,.bg-pink-light-on:hover,.bg-pink-light-one>:focus,.bg-pink-light-one>:hover,:focus>.bg-pink-light-in,:hover>.bg-pink-light-in{background-color:var(--ani-pink-light)}.bg-black,.bg-black-all>*,.bg-black-many:focus>*,.bg-black-many:hover>*,.bg-black-on:focus,.bg-black-on:hover,.bg-black-one>:focus,.bg-black-one>:hover,:focus>.bg-black-in,:hover>.bg-black-in{background-color:var(--ani-black)}.bg-black-dark,.bg-black-dark-all>*,.bg-black-dark-many:focus>*,.bg-black-dark-many:hover>*,.bg-black-dark-on:focus,.bg-black-dark-on:hover,.bg-black-dark-one>:focus,.bg-black-dark-one>:hover,:focus>.bg-black-dark-in,:hover>.bg-black-dark-in{background-color:var(--ani-black-dark)}.bg-black-light,.bg-black-light-all>*,.bg-black-light-many:focus>*,.bg-black-light-many:hover>*,.bg-black-light-on:focus,.bg-black-light-on:hover,.bg-black-light-one>:focus,.bg-black-light-one>:hover,:focus>.bg-black-light-in,:hover>.bg-black-light-in{background-color:var(--ani-black-light)}.bg-slate,.bg-slate-all>*,.bg-slate-many:focus>*,.bg-slate-many:hover>*,.bg-slate-on:focus,.bg-slate-on:hover,.bg-slate-one>:focus,.bg-slate-one>:hover,:focus>.bg-slate-in,:hover>.bg-slate-in{background-color:var(--ani-slate)}.bg-slate-dark,.bg-slate-dark-all>*,.bg-slate-dark-many:focus>*,.bg-slate-dark-many:hover>*,.bg-slate-dark-on:focus,.bg-slate-dark-on:hover,.bg-slate-dark-one>:focus,.bg-slate-dark-one>:hover,:focus>.bg-slate-dark-in,:hover>.bg-slate-dark-in{background-color:var(--ani-slate-dark)}.bg-slate-light,.bg-slate-light-all>*,.bg-slate-light-many:focus>*,.bg-slate-light-many:hover>*,.bg-slate-light-on:focus,.bg-slate-light-on:hover,.bg-slate-light-one>:focus,.bg-slate-light-one>:hover,:focus>.bg-slate-light-in,:hover>.bg-slate-light-in{background-color:var(--ani-slate-light)}.bg-gray,.bg-gray-all>*,.bg-gray-many:focus>*,.bg-gray-many:hover>*,.bg-gray-on:focus,.bg-gray-on:hover,.bg-gray-one>:focus,.bg-gray-one>:hover,:focus>.bg-gray-in,:hover>.bg-gray-in{background-color:var(--ani-gray)}.bg-gray-dark,.bg-gray-dark-all>*,.bg-gray-dark-many:focus>*,.bg-gray-dark-many:hover>*,.bg-gray-dark-on:focus,.bg-gray-dark-on:hover,.bg-gray-dark-one>:focus,.bg-gray-dark-one>:hover,:focus>.bg-gray-dark-in,:hover>.bg-gray-dark-in{background-color:var(--ani-gray-dark)}.bg-gray-light,.bg-gray-light-all>*,.bg-gray-light-many:focus>*,.bg-gray-light-many:hover>*,.bg-gray-light-on:focus,.bg-gray-light-on:hover,.bg-gray-light-one>:focus,.bg-gray-light-one>:hover,:focus>.bg-gray-light-in,:hover>.bg-gray-light-in{background-color:var(--ani-gray-light)}.bg-silver,.bg-silver-all>*,.bg-silver-many:focus>*,.bg-silver-many:hover>*,.bg-silver-on:focus,.bg-silver-on:hover,.bg-silver-one>:focus,.bg-silver-one>:hover,:focus>.bg-silver-in,:hover>.bg-silver-in{background-color:var(--ani-silver)}.bg-silver-dark,.bg-silver-dark-all>*,.bg-silver-dark-many:focus>*,.bg-silver-dark-many:hover>*,.bg-silver-dark-on:focus,.bg-silver-dark-on:hover,.bg-silver-dark-one>:focus,.bg-silver-dark-one>:hover,:focus>.bg-silver-dark-in,:hover>.bg-silver-dark-in{background-color:var(--ani-silver-dark)}.bg-silver-light,.bg-silver-light-all>*,.bg-silver-light-many:focus>*,.bg-silver-light-many:hover>*,.bg-silver-light-on:focus,.bg-silver-light-on:hover,.bg-silver-light-one>:focus,.bg-silver-light-one>:hover,:focus>.bg-silver-light-in,:hover>.bg-silver-light-in{background-color:var(--ani-silver-light)}.bg-white,.bg-white-all>*,.bg-white-many:focus>*,.bg-white-many:hover>*,.bg-white-on:focus,.bg-white-on:hover,.bg-white-one>:focus,.bg-white-one>:hover,:focus>.bg-white-in,:hover>.bg-white-in{background-color:var(--ani-white)}.bg-white-dark,.bg-white-dark-all>*,.bg-white-dark-many:focus>*,.bg-white-dark-many:hover>*,.bg-white-dark-on:focus,.bg-white-dark-on:hover,.bg-white-dark-one>:focus,.bg-white-dark-one>:hover,:focus>.bg-white-dark-in,:hover>.bg-white-dark-in{background-color:var(--ani-white-dark)}.bg-white-light,.bg-white-light-all>*,.bg-white-light-many:focus>*,.bg-white-light-many:hover>*,.bg-white-light-on:focus,.bg-white-light-on:hover,.bg-white-light-one>:focus,.bg-white-light-one>:hover,:focus>.bg-white-light-in,:hover>.bg-white-light-in{background-color:var(--ani-white-light)}[class*=ani-]{animation-duration:var(--ani-animation-duration)}:focus>[class*=ani-][class*="-slideT"][class*="-in"],:hover>[class*=ani-][class*="-slideT"][class*="-in"],[class*=ani-][class*="-slideT"][class*="-all"]>*,[class*=ani-][class*="-slideT"][class*="-each"]>:focus,[class*=ani-][class*="-slideT"][class*="-each"]>:hover,[class*=ani-][class*="-slideT"][class*="-it"],[class*=ani-][class*="-slideT"][class*="-many"]:focus>*,[class*=ani-][class*="-slideT"][class*="-many"]:hover>*,[class*=ani-][class*="-slideT"][class*="-on"]:focus,[class*=ani-][class*="-slideT"][class*="-on"]:hover{animation-name:slideT}:focus>[class*=ani-][class*="-slideR"][class*="-in"],:hover>[class*=ani-][class*="-slideR"][class*="-in"],[class*=ani-][class*="-slideR"][class*="-all"]>*,[class*=ani-][class*="-slideR"][class*="-each"]>:focus,[class*=ani-][class*="-slideR"][class*="-each"]>:hover,[class*=ani-][class*="-slideR"][class*="-it"],[class*=ani-][class*="-slideR"][class*="-many"]:focus>*,[class*=ani-][class*="-slideR"][class*="-many"]:hover>*,[class*=ani-][class*="-slideR"][class*="-on"]:focus,[class*=ani-][class*="-slideR"][class*="-on"]:hover{animation-name:slideR}:focus>[class*=ani-][class*="-slideB"][class*="-in"],:hover>[class*=ani-][class*="-slideB"][class*="-in"],[class*=ani-][class*="-slideB"][class*="-all"]>*,[class*=ani-][class*="-slideB"][class*="-each"]>:focus,[class*=ani-][class*="-slideB"][class*="-each"]>:hover,[class*=ani-][class*="-slideB"][class*="-it"],[class*=ani-][class*="-slideB"][class*="-many"]:focus>*,[class*=ani-][class*="-slideB"][class*="-many"]:hover>*,[class*=ani-][class*="-slideB"][class*="-on"]:focus,[class*=ani-][class*="-slideB"][class*="-on"]:hover{animation-name:slideB}:focus>[class*=ani-][class*="-slideL"][class*="-in"],:hover>[class*=ani-][class*="-slideL"][class*="-in"],[class*=ani-][class*="-slideL"][class*="-all"]>*,[class*=ani-][class*="-slideL"][class*="-each"]>:focus,[class*=ani-][class*="-slideL"][class*="-each"]>:hover,[class*=ani-][class*="-slideL"][class*="-it"],[class*=ani-][class*="-slideL"][class*="-many"]:focus>*,[class*=ani-][class*="-slideL"][class*="-many"]:hover>*,[class*=ani-][class*="-slideL"][class*="-on"]:focus,[class*=ani-][class*="-slideL"][class*="-on"]:hover{animation-name:slideL}:focus>[class*=ani-][class*="-turn"][class*="-in"],:hover>[class*=ani-][class*="-turn"][class*="-in"],[class*=ani-][class*="-turn"][class*="-all"]>*,[class*=ani-][class*="-turn"][class*="-each"]>:focus,[class*=ani-][class*="-turn"][class*="-each"]>:hover,[class*=ani-][class*="-turn"][class*="-it"],[class*=ani-][class*="-turn"][class*="-many"]:focus>*,[class*=ani-][class*="-turn"][class*="-many"]:hover>*,[class*=ani-][class*="-turn"][class*="-on"]:focus,[class*=ani-][class*="-turn"][class*="-on"]:hover{animation-name:turn}:focus>[class*=ani-][class*="-turnX"][class*="-in"],:hover>[class*=ani-][class*="-turnX"][class*="-in"],[class*=ani-][class*="-turnX"][class*="-all"]>*,[class*=ani-][class*="-turnX"][class*="-each"]>:focus,[class*=ani-][class*="-turnX"][class*="-each"]>:hover,[class*=ani-][class*="-turnX"][class*="-it"],[class*=ani-][class*="-turnX"][class*="-many"]:focus>*,[class*=ani-][class*="-turnX"][class*="-many"]:hover>*,[class*=ani-][class*="-turnX"][class*="-on"]:focus,[class*=ani-][class*="-turnX"][class*="-on"]:hover{animation-name:turnX}:focus>[class*=ani-][class*="-turnY"][class*="-in"],:hover>[class*=ani-][class*="-turnY"][class*="-in"],[class*=ani-][class*="-turnY"][class*="-all"]>*,[class*=ani-][class*="-turnY"][class*="-each"]>:focus,[class*=ani-][class*="-turnY"][class*="-each"]>:hover,[class*=ani-][class*="-turnY"][class*="-it"],[class*=ani-][class*="-turnY"][class*="-many"]:focus>*,[class*=ani-][class*="-turnY"][class*="-many"]:hover>*,[class*=ani-][class*="-turnY"][class*="-on"]:focus,[class*=ani-][class*="-turnY"][class*="-on"]:hover{animation-name:turnY}:focus>[class*=ani-][class*="-turnXY"][class*="-in"],:hover>[class*=ani-][class*="-turnXY"][class*="-in"],[class*=ani-][class*="-turnXY"][class*="-all"]>*,[class*=ani-][class*="-turnXY"][class*="-each"]>:focus,[class*=ani-][class*="-turnXY"][class*="-each"]>:hover,[class*=ani-][class*="-turnXY"][class*="-it"],[class*=ani-][class*="-turnXY"][class*="-many"]:focus>*,[class*=ani-][class*="-turnXY"][class*="-many"]:hover>*,[class*=ani-][class*="-turnXY"][class*="-on"]:focus,[class*=ani-][class*="-turnXY"][class*="-on"]:hover{animation-name:turnXY}:focus>[class*=ani-][class*="-turnXZ"][class*="-in"],:hover>[class*=ani-][class*="-turnXZ"][class*="-in"],[class*=ani-][class*="-turnXZ"][class*="-all"]>*,[class*=ani-][class*="-turnXZ"][class*="-each"]>:focus,[class*=ani-][class*="-turnXZ"][class*="-each"]>:hover,[class*=ani-][class*="-turnXZ"][class*="-it"],[class*=ani-][class*="-turnXZ"][class*="-many"]:focus>*,[class*=ani-][class*="-turnXZ"][class*="-many"]:hover>*,[class*=ani-][class*="-turnXZ"][class*="-on"]:focus,[class*=ani-][class*="-turnXZ"][class*="-on"]:hover{animation-name:turnXZ}:focus>[class*=ani-][class*="-turnYZ"][class*="-in"],:hover>[class*=ani-][class*="-turnYZ"][class*="-in"],[class*=ani-][class*="-turnYZ"][class*="-all"]>*,[class*=ani-][class*="-turnYZ"][class*="-each"]>:focus,[class*=ani-][class*="-turnYZ"][class*="-each"]>:hover,[class*=ani-][class*="-turnYZ"][class*="-it"],[class*=ani-][class*="-turnYZ"][class*="-many"]:focus>*,[class*=ani-][class*="-turnYZ"][class*="-many"]:hover>*,[class*=ani-][class*="-turnYZ"][class*="-on"]:focus,[class*=ani-][class*="-turnYZ"][class*="-on"]:hover{animation-name:turnYZ}:focus>[class*=ani-][class*="-turn3D"][class*="-in"],:hover>[class*=ani-][class*="-turn3D"][class*="-in"],[class*=ani-][class*="-turn3D"][class*="-all"]>*,[class*=ani-][class*="-turn3D"][class*="-each"]>:focus,[class*=ani-][class*="-turn3D"][class*="-each"]>:hover,[class*=ani-][class*="-turn3D"][class*="-it"],[class*=ani-][class*="-turn3D"][class*="-many"]:focus>*,[class*=ani-][class*="-turn3D"][class*="-many"]:hover>*,[class*=ani-][class*="-turn3D"][class*="-on"]:focus,[class*=ani-][class*="-turn3D"][class*="-on"]:hover{animation-name:turn3D}:focus>[class*=ani-][class*="-bounce"][class*="-in"],:hover>[class*=ani-][class*="-bounce"][class*="-in"],[class*=ani-][class*="-bounce"][class*="-all"]>*,[class*=ani-][class*="-bounce"][class*="-each"]>:focus,[class*=ani-][class*="-bounce"][class*="-each"]>:hover,[class*=ani-][class*="-bounce"][class*="-it"],[class*=ani-][class*="-bounce"][class*="-many"]:focus>*,[class*=ani-][class*="-bounce"][class*="-many"]:hover>*,[class*=ani-][class*="-bounce"][class*="-on"]:focus,[class*=ani-][class*="-bounce"][class*="-on"]:hover{animation-name:bounce}:focus>[class*=ani-][class*="-grow"][class*="-in"],:hover>[class*=ani-][class*="-grow"][class*="-in"],[class*=ani-][class*="-grow"][class*="-all"]>*,[class*=ani-][class*="-grow"][class*="-each"]>:focus,[class*=ani-][class*="-grow"][class*="-each"]>:hover,[class*=ani-][class*="-grow"][class*="-it"],[class*=ani-][class*="-grow"][class*="-many"]:focus>*,[class*=ani-][class*="-grow"][class*="-many"]:hover>*,[class*=ani-][class*="-grow"][class*="-on"]:focus,[class*=ani-][class*="-grow"][class*="-on"]:hover{animation-name:grow}:focus>[class*=ani-][class*="-shrink"][class*="-in"],:hover>[class*=ani-][class*="-shrink"][class*="-in"],[class*=ani-][class*="-shrink"][class*="-all"]>*,[class*=ani-][class*="-shrink"][class*="-each"]>:focus,[class*=ani-][class*="-shrink"][class*="-each"]>:hover,[class*=ani-][class*="-shrink"][class*="-it"],[class*=ani-][class*="-shrink"][class*="-many"]:focus>*,[class*=ani-][class*="-shrink"][class*="-many"]:hover>*,[class*=ani-][class*="-shrink"][class*="-on"]:focus,[class*=ani-][class*="-shrink"][class*="-on"]:hover{animation-name:shrink}:focus>[class*=ani-][class*="-flipX"][class*="-in"],:hover>[class*=ani-][class*="-flipX"][class*="-in"],[class*=ani-][class*="-flipX"][class*="-all"]>*,[class*=ani-][class*="-flipX"][class*="-each"]>:focus,[class*=ani-][class*="-flipX"][class*="-each"]>:hover,[class*=ani-][class*="-flipX"][class*="-it"],[class*=ani-][class*="-flipX"][class*="-many"]:focus>*,[class*=ani-][class*="-flipX"][class*="-many"]:hover>*,[class*=ani-][class*="-flipX"][class*="-on"]:focus,[class*=ani-][class*="-flipX"][class*="-on"]:hover{animation-name:flipX}:focus>[class*=ani-][class*="-flipY"][class*="-in"],:hover>[class*=ani-][class*="-flipY"][class*="-in"],[class*=ani-][class*="-flipY"][class*="-all"]>*,[class*=ani-][class*="-flipY"][class*="-each"]>:focus,[class*=ani-][class*="-flipY"][class*="-each"]>:hover,[class*=ani-][class*="-flipY"][class*="-it"],[class*=ani-][class*="-flipY"][class*="-many"]:focus>*,[class*=ani-][class*="-flipY"][class*="-many"]:hover>*,[class*=ani-][class*="-flipY"][class*="-on"]:focus,[class*=ani-][class*="-flipY"][class*="-on"]:hover{animation-name:flipY}:focus>[class*=ani-][class*="-openX"][class*="-in"],:hover>[class*=ani-][class*="-openX"][class*="-in"],[class*=ani-][class*="-openX"][class*="-all"]>*,[class*=ani-][class*="-openX"][class*="-each"]>:focus,[class*=ani-][class*="-openX"][class*="-each"]>:hover,[class*=ani-][class*="-openX"][class*="-it"],[class*=ani-][class*="-openX"][class*="-many"]:focus>*,[class*=ani-][class*="-openX"][class*="-many"]:hover>*,[class*=ani-][class*="-openX"][class*="-on"]:focus,[class*=ani-][class*="-openX"][class*="-on"]:hover{animation-name:openX}:focus>[class*=ani-][class*="-openY"][class*="-in"],:hover>[class*=ani-][class*="-openY"][class*="-in"],[class*=ani-][class*="-openY"][class*="-all"]>*,[class*=ani-][class*="-openY"][class*="-each"]>:focus,[class*=ani-][class*="-openY"][class*="-each"]>:hover,[class*=ani-][class*="-openY"][class*="-it"],[class*=ani-][class*="-openY"][class*="-many"]:focus>*,[class*=ani-][class*="-openY"][class*="-many"]:hover>*,[class*=ani-][class*="-openY"][class*="-on"]:focus,[class*=ani-][class*="-openY"][class*="-on"]:hover{animation-name:openY}:focus>[class*=ani-][class*="-flipperX"][class*="-in"],:hover>[class*=ani-][class*="-flipperX"][class*="-in"],[class*=ani-][class*="-flipperX"][class*="-all"]>*,[class*=ani-][class*="-flipperX"][class*="-each"]>:focus,[class*=ani-][class*="-flipperX"][class*="-each"]>:hover,[class*=ani-][class*="-flipperX"][class*="-it"],[class*=ani-][class*="-flipperX"][class*="-many"]:focus>*,[class*=ani-][class*="-flipperX"][class*="-many"]:hover>*,[class*=ani-][class*="-flipperX"][class*="-on"]:focus,[class*=ani-][class*="-flipperX"][class*="-on"]:hover{animation-name:flipperX}:focus>[class*=ani-][class*="-flipperY"][class*="-in"],:hover>[class*=ani-][class*="-flipperY"][class*="-in"],[class*=ani-][class*="-flipperY"][class*="-all"]>*,[class*=ani-][class*="-flipperY"][class*="-each"]>:focus,[class*=ani-][class*="-flipperY"][class*="-each"]>:hover,[class*=ani-][class*="-flipperY"][class*="-it"],[class*=ani-][class*="-flipperY"][class*="-many"]:focus>*,[class*=ani-][class*="-flipperY"][class*="-many"]:hover>*,[class*=ani-][class*="-flipperY"][class*="-on"]:focus,[class*=ani-][class*="-flipperY"][class*="-on"]:hover{animation-name:flipperY}:focus>[class*=ani-][class*="-twistT"][class*="-in"],:hover>[class*=ani-][class*="-twistT"][class*="-in"],[class*=ani-][class*="-twistT"][class*="-all"]>*,[class*=ani-][class*="-twistT"][class*="-each"]>:focus,[class*=ani-][class*="-twistT"][class*="-each"]>:hover,[class*=ani-][class*="-twistT"][class*="-it"],[class*=ani-][class*="-twistT"][class*="-many"]:focus>*,[class*=ani-][class*="-twistT"][class*="-many"]:hover>*,[class*=ani-][class*="-twistT"][class*="-on"]:focus,[class*=ani-][class*="-twistT"][class*="-on"]:hover{animation-name:twistT}:focus>[class*=ani-][class*="-twistR"][class*="-in"],:hover>[class*=ani-][class*="-twistR"][class*="-in"],[class*=ani-][class*="-twistR"][class*="-all"]>*,[class*=ani-][class*="-twistR"][class*="-each"]>:focus,[class*=ani-][class*="-twistR"][class*="-each"]>:hover,[class*=ani-][class*="-twistR"][class*="-it"],[class*=ani-][class*="-twistR"][class*="-many"]:focus>*,[class*=ani-][class*="-twistR"][class*="-many"]:hover>*,[class*=ani-][class*="-twistR"][class*="-on"]:focus,[class*=ani-][class*="-twistR"][class*="-on"]:hover{animation-name:twistR}:focus>[class*=ani-][class*="-twistB"][class*="-in"],:hover>[class*=ani-][class*="-twistB"][class*="-in"],[class*=ani-][class*="-twistB"][class*="-all"]>*,[class*=ani-][class*="-twistB"][class*="-each"]>:focus,[class*=ani-][class*="-twistB"][class*="-each"]>:hover,[class*=ani-][class*="-twistB"][class*="-it"],[class*=ani-][class*="-twistB"][class*="-many"]:focus>*,[class*=ani-][class*="-twistB"][class*="-many"]:hover>*,[class*=ani-][class*="-twistB"][class*="-on"]:focus,[class*=ani-][class*="-twistB"][class*="-on"]:hover{animation-name:twistB}:focus>[class*=ani-][class*="-twistL"][class*="-in"],:hover>[class*=ani-][class*="-twistL"][class*="-in"],[class*=ani-][class*="-twistL"][class*="-all"]>*,[class*=ani-][class*="-twistL"][class*="-each"]>:focus,[class*=ani-][class*="-twistL"][class*="-each"]>:hover,[class*=ani-][class*="-twistL"][class*="-it"],[class*=ani-][class*="-twistL"][class*="-many"]:focus>*,[class*=ani-][class*="-twistL"][class*="-many"]:hover>*,[class*=ani-][class*="-twistL"][class*="-on"]:focus,[class*=ani-][class*="-twistL"][class*="-on"]:hover{animation-name:twistL}[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} \ No newline at end of file diff --git a/dist/style.css b/dist/style.css index 5462387..7b8cbb0 100644 --- a/dist/style.css +++ b/dist/style.css @@ -8,28 +8,38 @@ --ani-fantasy: Impact, fantasy; /********** COLORS **********/ /* hsl values */ - --ani-red-hsl: 348, 83%, 47%; - --ani-orange-hsl: 33, 100%, 50%; - --ani-yellow-hsl: 51, 100%, 50%; - --ani-green-hsl: 120, 61%, 50%; - --ani-sky-hsl: 195, 100%, 50%; - --ani-blue-hsl: 210, 100%, 56%; - --ani-violet-hsl: 271, 76%, 53%; - --ani-pink-hsl: 328, 100%, 54%; + --ani-red-hsl: 0, 100%, 25%; + --ani-orange-hsl: 30, 100%, 50%; + --ani-yellow-hsl: 60, 100%, 75%; + --ani-lime-hsl: 90, 100%, 75%; + --ani-green-hsl: 120, 100%, 25%; + --ani-aqua-hsl: 150, 100%, 75%; + --ani-cyan-hsl: 180, 100%, 25%; + --ani-sky-hsl: 210, 100%, 75%; + --ani-blue-hsl: 240, 100%, 25%; + --ani-violet-hsl: 270, 100%, 75%; + --ani-magenta-hsl: 300, 100%, 25%; + --ani-pink-hsl: 330, 100%, 75%; --ani-black-hsl: 0, 0%, 0%; - --ani-gray-hsl: 0, 0%, 33%; - --ani-silver-hsl: 0, 0%, 67%; + --ani-slate-hsl: 0, 0%, 25%; + --ani-gray-hsl: 0, 0%, 50%; + --ani-silver-hsl: 0, 0%, 75%; --ani-white-hsl: 0, 0%, 100%; /* opaque colors */ --ani-red: hsl(var(--ani-red-hsl)); --ani-orange: hsl(var(--ani-orange-hsl)); --ani-yellow: hsl(var(--ani-yellow-hsl)); + --ani-lime: hsl(var(--ani-lime-hsl)); --ani-green: hsl(var(--ani-green-hsl)); + --ani-aqua: hsl(var(--ani-aqua-hsl)); + --ani-cyan: hsl(var(--ani-cyan-hsl)); --ani-sky: hsl(var(--ani-sky-hsl)); --ani-blue: hsl(var(--ani-blue-hsl)); --ani-violet: hsl(var(--ani-violet-hsl)); + --ani-magenta: hsl(var(--ani-magenta-hsl)); --ani-pink: hsl(var(--ani-pink-hsl)); --ani-black: hsl(var(--ani-black-hsl)); + --ani-slate: hsl(var(--ani-slate-hsl)); --ani-gray: hsl(var(--ani-gray-hsl)); --ani-silver: hsl(var(--ani-silver-hsl)); --ani-white: hsl(var(--ani-white-hsl)); @@ -43,18 +53,28 @@ --ani-orange-light: hsla(var(--ani-orange-hsl), var(--ani-light)); --ani-yellow-dark: hsla(var(--ani-yellow-hsl), var(--ani-dark)); --ani-yellow-light: hsla(var(--ani-yellow-hsl), var(--ani-light)); + --ani-lime-dark: hsla(var(--ani-lime-hsl), var(--ani-dark)); + --ani-lime-light: hsla(var(--ani-lime-hsl), var(--ani-light)); --ani-green-dark: hsla(var(--ani-green-hsl), var(--ani-dark)); --ani-green-light: hsla(var(--ani-green-hsl), var(--ani-light)); + --ani-aqua-dark: hsla(var(--ani-aqua-hsl), var(--ani-dark)); + --ani-aqua-light: hsla(var(--ani-aqua-hsl), var(--ani-light)); + --ani-cyan-dark: hsla(var(--ani-cyan-hsl), var(--ani-dark)); + --ani-cyan-light: hsla(var(--ani-cyan-hsl), var(--ani-light)); --ani-sky-dark: hsla(var(--ani-sky-hsl), var(--ani-dark)); --ani-sky-light: hsla(var(--ani-sky-hsl), var(--ani-light)); --ani-blue-dark: hsla(var(--ani-blue-hsl), var(--ani-dark)); --ani-blue-light: hsla(var(--ani-blue-hsl), var(--ani-light)); --ani-violet-dark: hsla(var(--ani-violet-hsl), var(--ani-dark)); --ani-violet-light: hsla(var(--ani-violet-hsl), var(--ani-light)); + --ani-magenta-dark: hsla(var(--ani-magenta-hsl), var(--ani-dark)); + --ani-magenta-light: hsla(var(--ani-magenta-hsl), var(--ani-light)); --ani-pink-dark: hsla(var(--ani-pink-hsl), var(--ani-dark)); --ani-pink-light: hsla(var(--ani-pink-hsl), var(--ani-light)); --ani-black-dark: hsla(var(--ani-black-hsl), var(--ani-dark)); --ani-black-light: hsla(var(--ani-black-hsl), var(--ani-light)); + --ani-slate-dark: hsla(var(--ani-slate-hsl), var(--ani-dark)); + --ani-slate-light: hsla(var(--ani-slate-hsl), var(--ani-light)); --ani-gray-dark: hsla(var(--ani-gray-hsl), var(--ani-dark)); --ani-gray-light: hsla(var(--ani-gray-hsl), var(--ani-light)); --ani-silver-dark: hsla(var(--ani-silver-hsl), var(--ani-dark)); diff --git a/package.json b/package.json index fb4b658..b16ec57 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "animadio", - "version": "6.0.0", + "version": "6.1.0", "description": "Animadio Framework - Grid & Flexbox Layouts - Reusable & Customizable Elements - Perform Complex Animations - Controls by Radio Buttons", "keywords": [ "css library",