/* Generated by website/dashboard/loaders.mjs. ASCII adaptations of MIT-licensed
   Uiverse.io loaders; full notices in loader-LICENSE.txt. */
.page-loading {
  display: none;
  min-height: calc(100svh - 160px);
  align-content: center;
  justify-items: center;
  gap: 24px;
  color: var(--muted-foreground);
}
html[data-loader-pending] .page-loading {
  display: grid;
}
html[data-loader-pending] #main {
  display: none;
}
.page-loading [data-loader-label],
.page-loading .loader-art {
  display: none;
}
.loader-art {
  position: relative;
  max-width: 100%;
  color: var(--foreground);
  font: 500 12px/12px var(--font-mono);
  letter-spacing: 0;
  white-space: pre;
}
.loader-layer {
  position: absolute;
  display: block;
}
.loader-layer::before {
  display: block;
}
html[data-loader-pending='overview'] [data-loader-label='overview'] {
  display: inline;
}
html[data-loader-pending='explorer'] [data-loader-label='explorer'] {
  display: inline;
}
html[data-loader-pending='keys'] [data-loader-label='keys'] {
  display: inline;
}
html[data-loader-pending='integrations'] [data-loader-label='integrations'] {
  display: inline;
}
html[data-loader-pending='activity'] [data-loader-label='activity'] {
  display: inline;
}
html[data-loader-pending='usage'] [data-loader-label='usage'] {
  display: inline;
}
html[data-loader-pending='billing'] [data-loader-label='billing'] {
  display: inline;
}
html[data-loader-pending='referrals'] [data-loader-label='referrals'] {
  display: inline;
}
html[data-loader-pending='settings'] [data-loader-label='settings'] {
  display: inline;
}
html[data-loader-pending='support'] [data-loader-label='support'] {
  display: inline;
}
html[data-loader-art='eyes'] .loader-art[data-art='eyes'] {
  display: block;
}
.loader-art[data-art='eyes'] {
  width: 24ch;
  height: 108px;
}
.loader-art[data-art='eyes'] .loader-layer:nth-child(1) {
  left: 0ch;
  top: 0px;
}
@keyframes loader-eyes-1 {
  0%, 12%, 93%, 98%, 100% {
    content: "   .---.   \a  .'     '. \a /         \\\a |   @@@   |\a |  @@@@@  |\a |   @@@   |\a \\         /\a  '.     .' \a    '---'   ";
  }
  13%, 22%, 42% {
    content: "   .---.   \a  .'     '. \a /         \\\a | @@@     |\a |@@@@@    |\a | @@@     |\a \\         /\a  '.     .' \a    '---'   ";
  }
  43%, 62%, 72% {
    content: "   .---.   \a  .'     '. \a /         \\\a |     @@@ |\a |    @@@@@|\a |     @@@ |\a \\         /\a  '.     .' \a    '---'   ";
  }
  73%, 92% {
    content: "   .---.   \a  .'     '. \a /         \\\a |         |\a |   @@@   |\a |  @@@@@  |\a \\   @@@   /\a  '.     .' \a    '---'   ";
  }
  11%, 21%, 41%, 61%, 71%, 91%, 99% {
    content: "           \a            \a            \a            \a  .-------. \a   '-----'  \a            \a            \a            ";
  }
}
.loader-art[data-art='eyes'] .loader-layer:nth-child(1)::before {
  content: "   .---.   \a  .'     '. \a /         \\\a |   @@@   |\a |  @@@@@  |\a |   @@@   |\a \\         /\a  '.     .' \a    '---'   ";
  animation: loader-eyes-1 10s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
.loader-art[data-art='eyes'] .loader-layer:nth-child(2) {
  left: 13ch;
  top: 0px;
}
@keyframes loader-eyes-2 {
  0%, 12%, 93%, 98%, 100% {
    content: "   .---.   \a  .'     '. \a /         \\\a |   @@@   |\a |  @@@@@  |\a |   @@@   |\a \\         /\a  '.     .' \a    '---'   ";
  }
  13%, 22%, 42% {
    content: "   .---.   \a  .'     '. \a /         \\\a | @@@     |\a |@@@@@    |\a | @@@     |\a \\         /\a  '.     .' \a    '---'   ";
  }
  43%, 62%, 72% {
    content: "   .---.   \a  .'     '. \a /         \\\a |     @@@ |\a |    @@@@@|\a |     @@@ |\a \\         /\a  '.     .' \a    '---'   ";
  }
  73%, 92% {
    content: "   .---.   \a  .'     '. \a /         \\\a |         |\a |   @@@   |\a |  @@@@@  |\a \\   @@@   /\a  '.     .' \a    '---'   ";
  }
  11%, 21%, 41%, 61%, 71%, 91%, 99% {
    content: "           \a            \a            \a            \a  .-------. \a   '-----'  \a            \a            \a            ";
  }
}
.loader-art[data-art='eyes'] .loader-layer:nth-child(2)::before {
  content: "   .---.   \a  .'     '. \a /         \\\a |   @@@   |\a |  @@@@@  |\a |   @@@   |\a \\         /\a  '.     .' \a    '---'   ";
  animation: loader-eyes-2 10s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
html[data-loader-art='washer'] .loader-art[data-art='washer'] {
  display: block;
}
.loader-art[data-art='washer'] {
  width: 23ch;
  height: 144px;
  transform-origin: 50% 120%;
  animation: loader-washer 3s ease-in-out infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-washer {
  0%, 50%, 100% { transform: rotate(0); }
  50%, 75%, 84%, 92% { transform: rotate(-0.5deg); }
  65%, 80%, 88%, 96% { transform: rotate(0.5deg); }
}
.loader-art[data-art='washer'] .loader-layer:nth-child(1) {
  left: 0ch;
  top: 0px;
}
.loader-art[data-art='washer'] .loader-layer:nth-child(1)::before {
  content: ".---------------------.\a | [==]   o  o  o      |\a |=====================|\a |      .-------.      |\a |    .'         '.    |\a |   /             \\   |\a |  |               |  |\a |   \\             /   |\a |    '.         .'    |\a |      '-------'      |\a '---------------------'\a   '-'             '-'  ";
}
.loader-art[data-art='washer'] .loader-layer:nth-child(2) {
  left: 0ch;
  top: 0px;
  color: var(--primary);
}
@keyframes loader-washer-2 {
  0%, 1%, 2%, 3%, 4%, 5%, 6%, 7%, 43%, 44%, 45%, 46%, 47%, 48%, 49%, 50%, 51%, 52%, 53%, 70%, 71%, 90%, 98%, 99%, 100% {
    content: "                       \a                        \a                        \a                        \a            .::::       \a            .::::::     \a            .:::::::    \a            .::::::     \a            .::::       \a                        \a                        \a                        ";
  }
  8%, 9%, 10%, 11%, 12%, 54%, 55%, 72%, 73%, 74%, 75%, 76%, 77%, 85% {
    content: "                       \a                        \a                        \a                        \a              .::       \a             .:::::     \a            .:::::::    \a           .:::::::     \a          .::::::       \a                        \a                        \a                        ";
  }
  13%, 14%, 15%, 56%, 57%, 78% {
    content: "                       \a                        \a                        \a                        \a                        \a              ...::     \a           ...::::::    \a        ...::::::::     \a        :::::::::       \a                        \a                        \a                        ";
  }
  16%, 17%, 18%, 58%, 79%, 86%, 91% {
    content: "                       \a                        \a                        \a                        \a                        \a                        \a     ...............    \a      :::::::::::::     \a        :::::::::       \a                        \a                        \a                        ";
  }
  19%, 20%, 21%, 59%, 60%, 80% {
    content: "                       \a                        \a                        \a                        \a                        \a      ::...             \a     ::::::...          \a      ::::::::...       \a        :::::::::       \a                        \a                        \a                        ";
  }
  22%, 23%, 61%, 81%, 87%, 92% {
    content: "                       \a                        \a                        \a                        \a        ::.             \a      :::::.            \a     :::::::.           \a      :::::::.          \a        ::::::.         \a                        \a                        \a                        ";
  }
  24%, 25%, 26%, 62%, 93% {
    content: "                       \a                        \a                        \a                        \a        ::::.           \a      ::::::.           \a     :::::::.           \a      ::::::.           \a        ::::.           \a                        \a                        \a                        ";
  }
  27%, 28%, 63%, 82% {
    content: "                       \a                        \a                        \a                        \a        ::::::.         \a      :::::::.          \a     :::::::.           \a      :::::.            \a        ::.             \a                        \a                        \a                        ";
  }
  29%, 30%, 31%, 64%, 83%, 88%, 94% {
    content: "                       \a                        \a                        \a                        \a        :::::::::       \a      ::::::::...       \a     ::::::...          \a      ::...             \a                        \a                        \a                        \a                        ";
  }
  32%, 33%, 34%, 65%, 66%, 95% {
    content: "                       \a                        \a                        \a                        \a        :::::::::       \a      :::::::::::::     \a     ...............    \a                        \a                        \a                        \a                        \a                        ";
  }
  35%, 36%, 37%, 67%, 84%, 89%, 96% {
    content: "                       \a                        \a                        \a                        \a        :::::::::       \a        ...::::::::     \a           ...::::::    \a              ...::     \a                        \a                        \a                        \a                        ";
  }
  38%, 39%, 40%, 41%, 42%, 68%, 69%, 97% {
    content: "                       \a                        \a                        \a                        \a          .::::::       \a           .:::::::     \a            .:::::::    \a             .:::::     \a              .::       \a                        \a                        \a                        ";
  }
}
.loader-art[data-art='washer'] .loader-layer:nth-child(2)::before {
  content: "                       \a                        \a                        \a                        \a            .::::       \a            .::::::     \a            .:::::::    \a            .::::::     \a            .::::       \a                        \a                        \a                        ";
  animation: loader-washer-2 3s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
html[data-loader-art='ghost'] .loader-art[data-art='ghost'] {
  display: block;
}
.loader-art[data-art='ghost'] {
  width: 19ch;
  height: 120px;
}
@keyframes loader-ghost-1-motion {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.loader-art[data-art='ghost'] .loader-layer:nth-child(1) {
  left: 0ch;
  top: 0px;
  transform-origin: 50% 50%;
  animation: loader-ghost-1-motion 0.5s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-ghost-1 {
  0%, 100% {
    content: "     .-------.     \a    .'         '.   \a   /  .--.  .--.  \\ \a  |   |@ |  |@ |   |\a  |   '--'  '--'   |\a  |                |\a  |                |";
  }
  50% {
    content: "     .-------.     \a    .'         '.   \a   /  .--.  .--.  \\ \a  |   | @|  | @|   |\a  |   '--'  '--'   |\a  |                |\a  |                |";
  }
}
.loader-art[data-art='ghost'] .loader-layer:nth-child(1)::before {
  content: "     .-------.     \a    .'         '.   \a   /  .--.  .--.  \\ \a  |   |@ |  |@ |   |\a  |   '--'  '--'   |\a  |                |\a  |                |";
  animation: loader-ghost-1 3s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-ghost-2-motion {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.loader-art[data-art='ghost'] .loader-layer:nth-child(2) {
  left: 0ch;
  top: 84px;
  transform-origin: 50% 50%;
  animation: loader-ghost-2-motion 0.5s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-ghost-2 {
  0%, 100% {
    content: " |/\\/\\/\\/\\/\\/\\/\\/\\|";
  }
  50% {
    content: " |\\/\\/\\/\\/\\/\\/\\/\\/|";
  }
}
.loader-art[data-art='ghost'] .loader-layer:nth-child(2)::before {
  content: " |/\\/\\/\\/\\/\\/\\/\\/\\|";
  animation: loader-ghost-2 0.5s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-ghost-3-motion {
  0% { opacity: 0.5; }
  50% { opacity: 0.2; }
}
.loader-art[data-art='ghost'] .loader-layer:nth-child(3) {
  left: 2ch;
  top: 108px;
  color: var(--muted-foreground);
  transform-origin: 50% 50%;
  animation: loader-ghost-3-motion 0.5s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
.loader-art[data-art='ghost'] .loader-layer:nth-child(3)::before {
  content: "~~~~~~~~~~~~~~";
}
html[data-loader-art='hamster'] .loader-art[data-art='hamster'] {
  display: block;
}
.loader-art[data-art='hamster'] {
  width: 27ch;
  height: 168px;
}
.loader-art[data-art='hamster'] .loader-layer:nth-child(1) {
  left: 0ch;
  top: 0px;
}
.loader-art[data-art='hamster'] .loader-layer:nth-child(1)::before {
  content: "         .-~~~~~-.         \a       .-'         '-.      \a     .'               '.    \a    /                   \\   \a   ;                     ;  \a   |                     |  \a   |                     |  \a   ;                     ;  \a    \\                   /   \a     '.               .'    \a       '-.         .-'      \a          '-~~~~~-'         \a           /     \\          \a          /_______\\         ";
}
.loader-art[data-art='hamster'] .loader-layer:nth-child(2) {
  left: 0ch;
  top: 0px;
  color: var(--primary);
}
@keyframes loader-hamster-2 {
  0%, 100%, 50% {
    content: "                           \a                            \a                            \a                            \a                            \a                            \a     -----(\\_/)____-----    \a         ( o '     \\_       \a         <_,        _)~     \a           \\_\\--/_/         \a                            \a                            \a                            \a                            ";
  }
  12.5%, 62.5% {
    content: "                           \a                            \a                     /      \a                    /       \a                  //        \a               ///          \a          (\\_/)____         \a         ( o/'     \\_       \a         <_,        _)~     \a        /  /_/--\\_\\         \a       /                    \a                            \a                            \a                            ";
  }
  25%, 75% {
    content: "                           \a              |             \a              |             \a              |             \a              |             \a              |             \a          (\\_/)____         \a         ( o '|    \\_       \a         <_,  |     _)~     \a           \\_\\--/_/         \a              |             \a                            \a                            \a                            ";
  }
  37.5%, 87.5% {
    content: "                           \a                            \a       \\                    \a        \\                   \a         \\\\                 \a           \\\\\\              \a          (\\_/)____         \a         ( o ' \\\\\\ \\_       \a         <_,      \\\\_)~     \a           /_/--\\_\\ \\       \a                     \\      \a                            \a                            \a                            ";
  }
}
.loader-art[data-art='hamster'] .loader-layer:nth-child(2)::before {
  content: "                           \a                            \a                            \a                            \a                            \a                            \a     -----(\\_/)____-----    \a         ( o '     \\_       \a         <_,        _)~     \a           \\_\\--/_/         \a                            \a                            \a                            \a                            ";
  animation: loader-hamster-2 1s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
html[data-loader-art='astronaut'] .loader-art[data-art='astronaut'] {
  display: block;
}
.loader-art[data-art='astronaut'] {
  width: 41ch;
  height: 192px;
}
.loader-art[data-art='astronaut'] .loader-layer:nth-child(1) {
  left: 0ch;
  top: 0px;
  color: var(--muted-foreground);
}
@keyframes loader-astronaut-1 {
  0%, 100% {
    content: "                                         \a   *                                      \a                                    +     \a                                          \a                                          \a                                        . \a                                          \a                                          \a                                          \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       \a                                     .    ";
  }
  6.25% {
    content: "                                    .    \a                                          \a   *                                      \a                                          \a                                          \a                                          \a                                        . \a                                          \a                                          \a                                          \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       ";
  }
  12.5% {
    content: " .                                       \a                                     .    \a                                          \a   *                                      \a                                          \a                                          \a                                          \a                                        . \a                                          \a                                          \a                                          \a                                          \a                                       *  \a      *                                   \a                                          \a                                          ";
  }
  18.75% {
    content: "                                         \a  .                                       \a                                     .    \a                                          \a   *                                      \a                                          \a                                          \a                                          \a                                        . \a                                          \a                                          \a                                          \a                                          \a                                       *  \a      *                           +       \a                                          ";
  }
  25% {
    content: "                                         \a                                          \a  .                                       \a                                     .    \a                                          \a   *                                      \a                                          \a                                          \a                                          \a                                        . \a                                          \a                                          \a     +                                    \a                                          \a                                       *  \a      *                           +       ";
  }
  31.25% {
    content: "     *                           +       \a                                          \a                                          \a  .                                       \a                                          \a                                          \a   *                                      \a                                          \a                                          \a                                          \a                                        . \a                                          \a                                          \a     +                                    \a                                          \a                                       *  ";
  }
  37.5% {
    content: "                                      *  \a      *                           +       \a                                          \a                                          \a  .                                       \a                                          \a                                          \a   *                                      \a                                          \a                                          \a                                          \a                                        . \a                                          \a                                          \a     +                                    \a                                          ";
  }
  43.75% {
    content: "                                         \a                                       *  \a      *                                   \a                                          \a                                          \a  .                                       \a                                          \a                                          \a   *                                      \a                                          \a                                          \a                                          \a                                        . \a                                          \a                                          \a     +                                    ";
  }
  50% {
    content: "    +                                    \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       \a                                          \a                                          \a   *                                      \a                                          \a                                          \a                                          \a                                        . \a                                          \a                                          ";
  }
  56.25% {
    content: "                                         \a     +                                    \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       \a                                          \a                                          \a   *                                      \a                                          \a                                          \a                                          \a        .                               . \a                               .          ";
  }
  62.5% {
    content: "                              .          \a                                          \a     +                                    \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       \a                                          \a                                          \a   *                                      \a                                          \a                                          \a                                          \a        .                               . ";
  }
  68.75% {
    content: "       .                               . \a                                          \a                                          \a     +                                    \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       \a                                          \a                                          \a   *                                      \a                                    +     \a                                          \a                                          ";
  }
  75% {
    content: "                                         \a        .                               . \a                                          \a                                          \a                                          \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       \a                                          \a                                          \a   *                                      \a                                    +     \a          .                               ";
  }
  81.25% {
    content: "         .                               \a                                          \a                                        . \a                                          \a                                          \a                                          \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       \a                                     .    \a                                          \a   *                                      \a                                    +     ";
  }
  87.5% {
    content: "                                   +     \a                                          \a                                          \a                                        . \a                                          \a                                          \a                                          \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       \a                                     .    \a                                          \a   *                                      ";
  }
  93.75% {
    content: "  *                                      \a                                    +     \a                                          \a                                          \a                                        . \a                                          \a                                          \a                                          \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       \a                                     .    \a                                          ";
  }
}
.loader-art[data-art='astronaut'] .loader-layer:nth-child(1)::before {
  content: "                                         \a   *                                      \a                                    +     \a                                          \a                                          \a                                        . \a                                          \a                                          \a                                          \a                                          \a                                       *  \a                                          \a                                          \a                                          \a  .                                       \a                                     .    ";
  animation: loader-astronaut-1 5s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-astronaut-2-motion {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.loader-art[data-art='astronaut'] .loader-layer:nth-child(2) {
  left: 13ch;
  top: 36px;
  transform-origin: 50% 50%;
  animation: loader-astronaut-2-motion 5s linear infinite;
  animation-delay: var(--loader-delay, 0s);
}
.loader-art[data-art='astronaut'] .loader-layer:nth-child(2)::before {
  content: "     .---.     \a     / ___ \\    \a    | |___| |   \a     \\_____/    \a   __/|   |\\__  \a  /  ||[=]||  \\ \a  \\_/||___||\\_/ \a      | | |     \a     _| | |_    \a    (___|___)   ";
}
html[data-loader-art='hand'] .loader-art[data-art='hand'] {
  display: block;
}
.loader-art[data-art='hand'] {
  width: 27ch;
  height: 96px;
}
.loader-art[data-art='hand'] .loader-layer:nth-child(1) {
  left: 0ch;
  top: 0px;
}
@keyframes loader-hand-1 {
  0%, 100%, 8.333%, 75%, 83.333%, 91.667% {
    content: "  ________________________ \a  /                        \\\a |                          |\a |__________________________|\a    | |   | |   | |   | |   \a    | |   | |   | |   | |   \a    (_)   (_)   (_)   (_)   \a                            ";
  }
  16.667% {
    content: "  ________________________ \a  /                        \\\a |                          |\a |__________________________|\a    | |   | |   | |   | |   \a    (_)   | |   | |   | |   \a          (_)   (_)   (_)   \a                            ";
  }
  25% {
    content: "  ________________________ \a  /                        \\\a |                          |\a |__________________________|\a    (_)   | |   | |   | |   \a          (_)   | |   | |   \a                (_)   (_)   \a                            ";
  }
  33.333% {
    content: "  ________________________ \a  /                        \\\a |                          |\a |__________________________|\a    (_)   (_)   | |   | |   \a                (_)   | |   \a                      (_)   \a                            ";
  }
  41.667% {
    content: "  ________________________ \a  /                        \\\a |                          |\a |__________________________|\a    (_)   (_)   (_)   | |   \a                      (_)   \a                            \a                            ";
  }
  50% {
    content: "  ________________________ \a  /                        \\\a |                          |\a |__________________________|\a    | |   (_)   (_)   (_)   \a    | |                     \a    (_)                     \a                            ";
  }
  58.333% {
    content: "  ________________________ \a  /                        \\\a |                          |\a |__________________________|\a    | |   | |   (_)   (_)   \a    | |   | |               \a    (_)   (_)               \a                            ";
  }
  66.667% {
    content: "  ________________________ \a  /                        \\\a |                          |\a |__________________________|\a    | |   | |   | |   (_)   \a    | |   | |   | |         \a    (_)   (_)   (_)         \a                            ";
  }
}
.loader-art[data-art='hand'] .loader-layer:nth-child(1)::before {
  content: "  ________________________ \a  /                        \\\a |                          |\a |__________________________|\a    | |   | |   | |   | |   \a    | |   | |   | |   | |   \a    (_)   (_)   (_)   (_)   \a                            ";
  animation: loader-hand-1 1.2s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
.loader-art[data-art='hand'] .loader-layer:nth-child(2) {
  left: 0ch;
  top: 84px;
  color: var(--muted-foreground);
}
.loader-art[data-art='hand'] .loader-layer:nth-child(2)::before {
  content: "===========================";
}
html[data-loader-art='earth'] .loader-art[data-art='earth'] {
  display: block;
}
.loader-art[data-art='earth'] {
  width: 23ch;
  height: 132px;
}
.loader-art[data-art='earth'] .loader-layer:nth-child(1) {
  left: 0ch;
  top: 0px;
}
.loader-art[data-art='earth'] .loader-layer:nth-child(1)::before {
  content: "       .-------.       \a     .-'         '-.    \a   .'               '.  \a  /                   \\ \a |                     |\a |                     |\a |                     |\a  \\                   / \a   '.               .'  \a     '-.         .-'    \a        '-------'       ";
}
.loader-art[data-art='earth'] .loader-layer:nth-child(2) {
  left: 0ch;
  top: 0px;
  color: var(--muted-foreground);
}
@keyframes loader-earth-2 {
  0%, 100% {
    content: "                       \a         ~~~~~~~~       \a           ~~~~~~~ ~    \a            ~~~~~   ~   \a  ~~       ~~~~~~~      \a  ~~~~    ~~~~~~~~~   ~ \a  ~~~~~   ~~~~~~~~~     \a   ~~~~~  ~~~~~~~~      \a     ~~~~ ~~~~~~~~~     \a        ~~~~~~~~~       \a                        ";
  }
  4.167% {
    content: "                       \a        ~~~~~~~~~       \a         ~~~~~~~ ~~~    \a          ~~~~~   ~     \a         ~~~~~~~      ~ \a  ~~    ~~~~~~~~~   ~~~ \a  ~~~   ~~~~~~~~~    ~~ \a   ~~~  ~~~~~~~~     ~  \a     ~~ ~~~~~~~~~       \a        ~~~~~~~~~       \a                        ";
  }
  8.333% {
    content: "                       \a        ~~~~~~~~~       \a       ~~~~~~~ ~~~      \a        ~~~~~   ~       \a       ~~~~~~~      ~~  \a      ~~~~~~~~~   ~~~~~ \a  ~   ~~~~~~~~~    ~~~~ \a   ~  ~~~~~~~~     ~~~  \a      ~~~~~~~~~   ~~    \a        ~~~~~~~~        \a                        ";
  }
  12.5% {
    content: "                       \a        ~~~~~~~~~       \a     ~~~~~~~ ~~~        \a      ~~~~~   ~         \a     ~~~~~~~      ~~  ~ \a    ~~~~~~~~~   ~~~~~~~ \a    ~~~~~~~~~    ~~~~~~ \a    ~~~~~~~~     ~~~~~  \a     ~~~~~~~~   ~~~~    \a        ~~~~~~ ~~       \a                        ";
  }
  16.667% {
    content: "                       \a        ~~~~~~~~        \a     ~~~~~ ~~~     ~    \a    ~~~~~   ~       ~~  \a   ~~~~~~~      ~~  ~~~ \a  ~~~~~~~~~   ~~~~~~~~~ \a  ~~~~~~~~~    ~~~~~~~~ \a   ~~~~~~~     ~~~~~~~  \a     ~~~~~~   ~~~~~~    \a        ~~~~ ~~~~       \a                        ";
  }
  20.833% {
    content: "                       \a        ~~~~~~          \a     ~~~ ~~~     ~~~    \a   ~~~~   ~       ~~~~  \a  ~~~~~~      ~~  ~~~~~ \a  ~~~~~~~   ~~~~~~~~~~~ \a  ~~~~~~~    ~~~~~~~~~~ \a   ~~~~~     ~~~~~~~~~  \a     ~~~~   ~~~~~~~~    \a        ~~ ~~~~~~       \a                        ";
  }
  25% {
    content: "                       \a        ~~~~   ~~       \a     ~ ~~~     ~~~~~    \a   ~~   ~       ~~~~~~  \a  ~~~~      ~~  ~~~~~~  \a  ~~~~~   ~~~~~~~~~~~~~ \a  ~~~~~    ~~~~~~~~~~~~ \a   ~~~     ~~~~~~~~~~~  \a     ~~   ~~~~~~~~~~    \a         ~~~~~~~~       \a                        ";
  }
  29.167% {
    content: "                       \a        ~~   ~~~~       \a     ~~~     ~~~~~~~    \a      ~       ~~~~~~~   \a  ~~      ~~  ~~~~~~    \a  ~~~   ~~~~~~~~~~~~~   \a  ~~~    ~~~~~~~~~~~~~  \a   ~     ~~~~~~~~~~~~~  \a        ~~~~~~~~~~~~    \a        ~~~~~~~~~       \a                        ";
  }
  33.333% {
    content: "                       \a           ~~~~~~       \a     ~     ~~~~~~~~~    \a    ~       ~~~~~~~     \a        ~~  ~~~~~~      \a  ~   ~~~~~~~~~~~~~     \a  ~    ~~~~~~~~~~~~~    \a       ~~~~~~~~~~~~~~   \a      ~~~~~~~~~~~~~~    \a        ~~~~~~~~~       \a                        ";
  }
  37.5% {
    content: "                       \a         ~~~~~~~~       \a         ~~~~~~~~~~     \a          ~~~~~~~       \a      ~~  ~~~~~~        \a    ~~~~~~~~~~~~~       \a     ~~~~~~~~~~~~~      \a     ~~~~~~~~~~~~~~     \a     ~~~~~~~~~~~~~~~    \a        ~~~~~~~~~       \a                        ";
  }
  41.667% {
    content: "                       \a        ~~~~~~~~~       \a       ~~~~~~~~~~       \a        ~~~~~~~         \a    ~~  ~~~~~~          \a  ~~~~~~~~~~~~~         \a   ~~~~~~~~~~~~~      ~ \a   ~~~~~~~~~~~~~~   ~~  \a     ~~~~~~~~~~~~~ ~    \a        ~~~~~~~~~       \a                        ";
  }
  45.833% {
    content: "                       \a        ~~~~~~~~~       \a     ~~~~~~~~~~         \a      ~~~~~~~           \a  ~~  ~~~~~~            \a  ~~~~~~~~~~~           \a  ~~~~~~~~~~~~      ~~~ \a   ~~~~~~~~~~~~   ~~~~  \a     ~~~~~~~~~~~ ~~~    \a        ~~~~~~~~~       \a                        ";
  }
  50% {
    content: "                       \a        ~~~~~~~~~       \a     ~~~~~~~~           \a    ~~~~~~~             \a    ~~~~~~              \a  ~~~~~~~~~          ~~ \a  ~~~~~~~~~~      ~~~ ~ \a   ~~~~~~~~~~   ~~~~    \a     ~~~~~~~~~ ~~~~~    \a        ~~~~~~~~~       \a                        ";
  }
  54.167% {
    content: "                       \a        ~~~~~~~~        \a     ~~~~~~       ~~    \a   ~~~~~~           ~~  \a  ~~~~~~             ~~ \a  ~~~~~~~          ~~~~ \a  ~~~~~~~~      ~~~ ~~~ \a   ~~~~~~~~   ~~~~   ~  \a     ~~~~~~~ ~~~~~~     \a        ~~~~~~~~~       \a                        ";
  }
  58.333% {
    content: "                       \a        ~~~~~~  ~       \a     ~~~~       ~~~~    \a   ~~~~           ~~~~  \a  ~~~~             ~~~~ \a  ~~~~~          ~~~~~~ \a  ~~~~~~      ~~~ ~~~~~ \a   ~~~~~~   ~~~~   ~~~  \a     ~~~~~ ~~~~~~ ~~    \a        ~~~~~~~~~       \a                        ";
  }
  62.5% {
    content: "                       \a        ~~~~  ~~~       \a     ~~       ~~~~~~    \a   ~~           ~~~~~~  \a  ~~             ~~~~~~ \a  ~~~          ~~~~~~~~ \a  ~~~~      ~~~ ~~~~~~~ \a   ~~~~   ~~~~   ~~~~~  \a     ~~~ ~~~~~~ ~~~~    \a        ~~~~~~~~~       \a                        ";
  }
  66.667% {
    content: "                       \a        ~~  ~~~~~       \a            ~~~~~~~~    \a              ~~~~~~    \a               ~~~~~~   \a  ~          ~~~~~~~~~~ \a  ~~      ~~~ ~~~~~~~~~ \a   ~~   ~~~~   ~~~~~~~  \a     ~ ~~~~~~ ~~~~~~    \a        ~~~~~~~~~       \a                        ";
  }
  70.833% {
    content: "                       \a          ~~~~~~~       \a          ~~~~~~~~~     \a            ~~~~~~      \a             ~~~~~~     \a           ~~~~~~~~~~   \a        ~~~ ~~~~~~~~~~  \a      ~~~~   ~~~~~~~~~  \a     ~~~~~~ ~~~~~~~~    \a        ~~~~~~~~~       \a                        ";
  }
  75% {
    content: "                       \a        ~~~~~~~~~       \a        ~~~~~~~~~       \a          ~~~~~~        \a           ~~~~~~       \a         ~~~~~~~~~~     \a      ~~~ ~~~~~~~~~~    \a    ~~~~   ~~~~~~~~~~   \a     ~~~~ ~~~~~~~~~~    \a        ~~~~~~~~~       \a                        ";
  }
  79.167% {
    content: "                       \a        ~~~~~~~~~       \a      ~~~~~~~~~         \a        ~~~~~~          \a         ~~~~~~       ~ \a       ~~~~~~~~~~    ~~ \a    ~~~ ~~~~~~~~~~   ~~ \a   ~~~   ~~~~~~~~~~  ~  \a     ~~ ~~~~~~~~~~~~    \a        ~~~~~~~~~       \a                        ";
  }
  83.333% {
    content: "                       \a        ~~~~~~~~        \a     ~~~~~~~~           \a      ~~~~~~         ~  \a       ~~~~~~       ~~~ \a     ~~~~~~~~~~    ~~~~ \a  ~~~ ~~~~~~~~~~   ~~~~ \a   ~   ~~~~~~~~~~  ~~~  \a      ~~~~~~~~~~~~ ~    \a        ~~~~~~~~~       \a                        ";
  }
  87.5% {
    content: "                       \a        ~~~~~~  ~       \a     ~~~~~~       ~~    \a    ~~~~~~         ~~~  \a     ~~~~~~       ~~~~~ \a   ~~~~~~~~~~    ~~~~~~ \a  ~ ~~~~~~~~~~   ~~~~~~ \a     ~~~~~~~~~~  ~~~~~  \a     ~~~~~~~~~~~ ~~~    \a        ~~~~~~~~~       \a                        ";
  }
  91.667% {
    content: "                       \a        ~~~~  ~~~       \a     ~~~~       ~~~~    \a   ~~~~~         ~~~~~  \a   ~~~~~~       ~~~~~~~ \a  ~~~~~~~~~    ~~~~~~~~ \a  ~~~~~~~~~~   ~~~~~~~~ \a   ~~~~~~~~~~  ~~~~~~~  \a     ~~~~~~~~~ ~~~~~    \a        ~~~~~~~~~       \a                        ";
  }
  95.833% {
    content: "                       \a        ~~  ~~~~~       \a     ~~       ~~~~~~    \a   ~~~         ~~~~~    \a  ~~~~~       ~~~~~~~   \a  ~~~~~~~    ~~~~~~~~~  \a  ~~~~~~~~   ~~~~~~~~~  \a   ~~~~~~~~  ~~~~~~~~   \a     ~~~~~~~ ~~~~~~~    \a        ~~~~~~~~~       \a                        ";
  }
}
.loader-art[data-art='earth'] .loader-layer:nth-child(2)::before {
  content: "                       \a         ~~~~~~~~       \a           ~~~~~~~ ~    \a            ~~~~~   ~   \a  ~~       ~~~~~~~      \a  ~~~~    ~~~~~~~~~   ~ \a  ~~~~~   ~~~~~~~~~     \a   ~~~~~  ~~~~~~~~      \a     ~~~~ ~~~~~~~~~     \a        ~~~~~~~~~       \a                        ";
  animation: loader-earth-2 5s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
.loader-art[data-art='earth'] .loader-layer:nth-child(3) {
  left: 0ch;
  top: 0px;
  color: var(--primary);
}
@keyframes loader-earth-3 {
  0%, 100% {
    content: "                       \a        #               \a     ######       #     \a   #########     ### #  \a    #######       ##### \a      ####         ###  \a       ###         #### \a        ##        ####  \a         #         #    \a                        \a                        ";
  }
  4.167% {
    content: "                       \a                        \a     ####       #       \a   #######     ### ###  \a  #######       ######  \a    ####         ###    \a     ###         ####   \a      ##        #####   \a       #         ###    \a                        \a                        ";
  }
  8.333% {
    content: "                       \a                        \a     ##       #   ##    \a   #####     ### #####  \a  #####       ######  # \a  ####         ###      \a   ###         ####     \a    ##        #####     \a     #         ###      \a                #       \a                        ";
  }
  12.5% {
    content: "                       \a                        \a            #   ####    \a   ###     ### #######  \a  ###       ######  ##  \a  ##         ###        \a  ##         ####       \a   #        #####       \a             ###        \a              #         \a                        ";
  }
  16.667% {
    content: "                       \a                #       \a          #   #####     \a   #     ### #######    \a  #       ######  ##    \a           ###          \a           ####         \a          #####         \a           ###          \a            #           \a                        ";
  }
  20.833% {
    content: "                       \a              ###       \a        #   #####       \a       ### #######      \a        ######  ##      \a         ###            \a         ####           \a        #####           \a         ###            \a          #             \a                        ";
  }
  25% {
    content: "                       \a            ###         \a      #   #####         \a     ### #######        \a      ######  ##      # \a       ###              \a       ####             \a      #####             \a       ###              \a        #               \a                        ";
  }
  29.167% {
    content: "                       \a          ###           \a        #####           \a   ### #######       #  \a    ######  ##      ### \a     ###             ## \a     ####             # \a    #####               \a     ###                \a                        \a                        ";
  }
  33.333% {
    content: "                       \a        ###             \a      #####             \a   # #######       ###  \a  ######  ##      ##### \a   ###             #### \a   ####             ### \a   ####              #  \a     #                  \a                        \a                        ";
  }
  37.5% {
    content: "                       \a        #               \a     ####          #    \a   #######       #####  \a  ####  ##      ####### \a  ##             ###### \a  ###             ##### \a   ##              ###  \a                        \a                        \a                        ";
  }
  41.667% {
    content: "                       \a                        \a     ##          ###    \a   #####       #######  \a  ##  ##      ######### \a               ######## \a  #             ######  \a                 ###    \a                  #     \a                        \a                        ";
  }
  45.833% {
    content: "                       \a                        \a               #####    \a   ###       #########  \a    ##      ########### \a             ########## \a              ######    \a               ###      \a                #       \a                        \a                        ";
  }
  50% {
    content: "                       \a                        \a             #######    \a   #       ###########  \a  ##      ############# \a           ##########   \a            ######   #  \a             ###    ##  \a              #         \a                        \a                        ";
  }
  54.167% {
    content: "                       \a                #       \a           #######      \a         ###########    \a        #############   \a         ##########     \a          ######   #    \a           ###    ###   \a            #      #    \a                        \a                        ";
  }
  58.333% {
    content: "                       \a              ##        \a         #######        \a       ###########      \a      #############     \a       ##########       \a        ######   #      \a         ###    ###     \a          #      #      \a                        \a                        ";
  }
  62.5% {
    content: "                       \a            ##          \a       #######          \a     ###########        \a    #############       \a     ##########         \a      ######   #        \a       ###    ###       \a        #      #        \a                        \a                        ";
  }
  66.667% {
    content: "                       \a          ##            \a     #######            \a   ###########      ##  \a  #############      ## \a   ##########           \a    ######   #          \a     ###    ###         \a      #      #          \a                        \a                        ";
  }
  70.833% {
    content: "                       \a        ##              \a     #####         #    \a   #########      ####  \a  ###########      #### \a  #########          ## \a  ######   #          # \a   ###    ###           \a           #            \a                        \a                        ";
  }
  75% {
    content: "                       \a                        \a     ###         ###    \a   #######      ######  \a  #########      ###### \a  #######          #### \a  ####   #          ### \a   #    ###          #  \a         #              \a                        \a                        ";
  }
  79.167% {
    content: "                       \a                        \a     #         #####    \a   #####      ########  \a  #######      #######  \a  #####          ####   \a  ##   #          ###   \a      ###          ##   \a       #                \a                        \a                        ";
  }
  83.333% {
    content: "                       \a                #       \a             #######    \a   ###      #########   \a  #####      #######    \a  ###          ####     \a     #          ###     \a    ###          ##     \a     #            #     \a                        \a                        ";
  }
  87.5% {
    content: "                       \a              ##        \a           #######      \a   #      #########     \a  ###      #######      \a  #          ####       \a   #          ###       \a   ##          ##       \a                #       \a                        \a                        ";
  }
  91.667% {
    content: "                       \a            ##          \a         #######        \a        #########       \a  #      #######        \a           ####         \a            ###         \a             ##         \a              #         \a                        \a                        ";
  }
  95.833% {
    content: "                       \a          ##            \a       #######          \a      #########     ##  \a       #######       ## \a         ####         # \a          ###         # \a           ##        #  \a            #           \a                        \a                        ";
  }
}
.loader-art[data-art='earth'] .loader-layer:nth-child(3)::before {
  content: "                       \a        #               \a     ######       #     \a   #########     ### #  \a    #######       ##### \a      ####         ###  \a       ###         #### \a        ##        ####  \a         #         #    \a                        \a                        ";
  animation: loader-earth-3 5s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
html[data-loader-art='typewriter'] .loader-art[data-art='typewriter'] {
  display: block;
}
.loader-art[data-art='typewriter'] {
  width: 29ch;
  height: 120px;
  transform-origin: 50% 50%;
  animation: loader-typewriter 3s linear infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-typewriter {
  0%, 85%, 92%, 100% { transform: translateY(0); }
  89% { transform: translateY(-4px); }
  95% { transform: translateY(2px); }
}
@keyframes loader-typewriter-1-motion {
  0%, 5%, 100% { transform: translateX(2ch); }
  15%, 30% { transform: translateX(1ch); }
  40%, 55% { transform: translateX(0); }
  65%, 70% { transform: translateX(-1ch); }
  80%, 89% { transform: translateX(-2ch); }
}
.loader-art[data-art='typewriter'] .loader-layer:nth-child(1) {
  left: 8ch;
  top: 0px;
  transform-origin: 50% 50%;
  animation: loader-typewriter-1-motion 3s ease infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-typewriter-1 {
  0%, 5%, 92%, 100% {
    content: "            \a             \a             \a             \a  .--------. ";
  }
  20%, 30% {
    content: "            \a             \a             \a  .--------. \a  | ~~~~~~ | ";
  }
  40%, 55% {
    content: "            \a             \a  .--------. \a  | ~~~~~~ | \a  | ~~~~ ~ | ";
  }
  65%, 70% {
    content: "            \a  .--------. \a  | ~~~~~~ | \a  | ~~~~ ~ | \a  | ~~~~~~ | ";
  }
  80%, 85% {
    content: " .--------. \a  | ~~~~~~ | \a  | ~~~~ ~ | \a  | ~~~~~~ | \a  | ~~~ ~~ | ";
  }
}
.loader-art[data-art='typewriter'] .loader-layer:nth-child(1)::before {
  content: "            \a             \a             \a             \a  .--------. ";
  animation: loader-typewriter-1 3s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-typewriter-2-motion {
  0%, 5%, 100% { transform: translateX(2ch); }
  15%, 30% { transform: translateX(1ch); }
  40%, 55% { transform: translateX(0); }
  65%, 70% { transform: translateX(-1ch); }
  80%, 89% { transform: translateX(-2ch); }
}
.loader-art[data-art='typewriter'] .loader-layer:nth-child(2) {
  left: 3ch;
  top: 60px;
  color: var(--primary);
  transform-origin: 50% 50%;
  animation: loader-typewriter-2-motion 3s ease infinite;
  animation-delay: var(--loader-delay, 0s);
}
.loader-art[data-art='typewriter'] .loader-layer:nth-child(2)::before {
  content: "o=[====================]=>";
}
.loader-art[data-art='typewriter'] .loader-layer:nth-child(3) {
  left: 0ch;
  top: 72px;
}
@keyframes loader-typewriter-3 {
  0%, 100%, 12%, 21%, 30%, 39%, 48%, 57%, 66%, 75%, 84% {
    content: "   .---------------------.   \a   /   [] [] [] [] [] []   \\  \a  /     [] [] [] [] []      \\ \a '---------------------------'";
  }
  9% {
    content: "   .---------------------.   \a   /   __ [] [] [] [] []   \\  \a  /     [] [] [] [] []      \\ \a '---------------------------'";
  }
  18% {
    content: "   .---------------------.   \a   /   [] [] [] __ [] []   \\  \a  /     [] [] [] [] []      \\ \a '---------------------------'";
  }
  27% {
    content: "   .---------------------.   \a   /   [] [] [] [] [] []   \\  \a  /     __ [] [] [] []      \\ \a '---------------------------'";
  }
  36% {
    content: "   .---------------------.   \a   /   [] [] [] [] [] []   \\  \a  /     [] [] __ __ []      \\ \a '---------------------------'";
  }
  45% {
    content: "   .---------------------.   \a   /   [] [] [] [] [] __   \\  \a  /     [] [] [] [] []      \\ \a '---------------------------'";
  }
  54% {
    content: "   .---------------------.   \a   /   [] __ [] [] [] []   \\  \a  /     [] [] [] [] []      \\ \a '---------------------------'";
  }
  63% {
    content: "   .---------------------.   \a   /   [] [] [] [] [] []   \\  \a  /     [] [] [] [] __      \\ \a '---------------------------'";
  }
  72% {
    content: "   .---------------------.   \a   /   [] [] __ [] [] []   \\  \a  /     [] [] [] [] []      \\ \a '---------------------------'";
  }
  81% {
    content: "   .---------------------.   \a   /   [] [] [] [] [] []   \\  \a  /     [] __ [] [] []      \\ \a '---------------------------'";
  }
}
.loader-art[data-art='typewriter'] .loader-layer:nth-child(3)::before {
  content: "   .---------------------.   \a   /   [] [] [] [] [] []   \\  \a  /     [] [] [] [] []      \\ \a '---------------------------'";
  animation: loader-typewriter-3 3s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
html[data-loader-art='synthwave'] .loader-art[data-art='synthwave'] {
  display: block;
}
.loader-art[data-art='synthwave'] {
  width: 41ch;
  height: 192px;
  overflow: hidden;
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(1) {
  left: 0ch;
  top: 0px;
  color: var(--muted-foreground);
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(1)::before {
  content: "  .    *        .          +      .    \a        .    +                  *     . ";
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(2) {
  left: 9ch;
  top: 12px;
  color: var(--primary);
}
@keyframes loader-synthwave-2 {
  0%, 100% {
    content: "      _.-'''''-._      \a     .'           '.    \a    /===============\\   \a   |                 |  \a   |=================|  \a  |                   | ";
  }
  50% {
    content: "      _.-'''''-._      \a     .'           '.    \a    /               \\   \a   |=================|  \a   |                 |  \a  |===================| ";
  }
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(2)::before {
  content: "      _.-'''''-._      \a     .'           '.    \a    /===============\\   \a   |                 |  \a   |=================|  \a  |                   | ";
  animation: loader-synthwave-2 1s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-synthwave-3-motion {
  0%, 100% { transform: rotate(8deg); }
  50% { transform: rotate(-8deg); }
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(3) {
  left: 1ch;
  top: 24px;
  transform-origin: 50% 100%;
  animation: loader-synthwave-3-motion 4s ease-in-out infinite;
  animation-delay: var(--loader-delay, 0s);
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(3)::before {
  content: "  _\\|/_ \a  ' /|\\ '\a     |   \a     |   \a    _|_  ";
}
@keyframes loader-synthwave-4-motion {
  0%, 100% { transform: scaleX(-1) rotate(8deg); }
  50% { transform: scaleX(-1) rotate(-8deg); }
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(4) {
  left: 32ch;
  top: 24px;
  transform-origin: 50% 100%;
  animation: loader-synthwave-4-motion 4s ease-in-out infinite;
  animation-delay: var(--loader-delay, 0s);
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(4)::before {
  content: "  _\\|/_ \a  ' /|\\ '\a     |   \a     |   \a    _|_  ";
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(5) {
  left: 0ch;
  top: 84px;
  color: var(--muted-foreground);
}
@keyframes loader-synthwave-5 {
  0%, 100% {
    content: "_________________________________________\a                  /     \\                 \a               /     |     \\              \a ------------/               \\------------\a          /                     \\         \a        /                         \\       \a -----/                             \\-----\a   /                                   \\  \a /                                       \\";
  }
  33.333% {
    content: "_________________________________________\a                  /  |  \\                 \a --------------/           \\--------------\a             /       |       \\            \a          /                     \\         \a -------/                         \\-------\a      /                             \\     \a   /                                   \\  \a /                                       \\";
  }
  66.667% {
    content: "_________________________________________\a -----------------/     \\-----------------\a               /     |     \\              \a             /               \\            \a ---------/                     \\---------\a        /                         \\       \a      /                             \\     \a --/                                   \\--\a /                                       \\";
  }
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(5)::before {
  content: "_________________________________________\a                  /     \\                 \a               /     |     \\              \a ------------/               \\------------\a          /                     \\         \a        /                         \\       \a -----/                             \\-----\a   /                                   \\  \a /                                       \\";
  animation: loader-synthwave-5 0.5s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-synthwave-6-motion {
  0%, 30%, 100% { transform: translate(0, 0) scale(1); }
  19% { transform: translate(-6ch, -48px) scale(0); }
  20% { transform: translate(12ch, 96px) scale(2); }
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(6) {
  left: 14ch;
  top: 132px;
  transform-origin: 50% 100%;
  animation: loader-synthwave-6-motion 4s ease 1;
  animation-delay: var(--loader-delay, 0s);
}
@keyframes loader-synthwave-6 {
  0%, 100% {
    content: "  ._______.  \a  /_|_____|_\\ \a |[@]=====[o]|\a |___|___|___|\a  (_)     (_) ";
  }
  50% {
    content: "  ._______.  \a  /_|_____|_\\ \a |[o]=====[@]|\a |___|___|___|\a  (_)     (_) ";
  }
}
.loader-art[data-art='synthwave'] .loader-layer:nth-child(6)::before {
  content: "  ._______.  \a  /_|_____|_\\ \a |[@]=====[o]|\a |___|___|___|\a  (_)     (_) ";
  animation: loader-synthwave-6 2s steps(1, end) infinite;
  animation-delay: var(--loader-delay, 0s);
}
@media (prefers-reduced-motion: reduce) {
  .loader-art,
  .loader-layer,
  .loader-layer::before {
    animation: none !important;
  }
}