illuviumofficial.com Open in urlscan Pro
2a06:98c1:3120::c  Public Scan

Submitted URL: https://linktr.ee/Illuvium_io/
Effective URL: https://illuviumofficial.com/
Submission: On March 02 via api from RU — Scanned from DE

Form analysis 1 forms found in the DOM

<form class="css-qgf9s6">
  <style data-emotion="css r4izcz">
    .css-r4izcz {
      width: var(--chakra-sizes-full);
      position: relative;
    }
  </style>
  <div role="group" class="chakra-form-control css-r4izcz">
    <style data-emotion="css 4302v8">
      .css-4302v8 {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
      }
    </style>
    <div class="chakra-input__group css-4302v8">
      <style data-emotion="css twzh2v">
        .css-twzh2v {
          width: 100%;
          min-width: 0px;
          outline: 2px solid transparent;
          outline-offset: 2px;
          position: relative;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          appearance: none;
          transition-property: var(--chakra-transition-property-common);
          transition-duration: var(--chakra-transition-duration-normal);
          font-size: var(--chakra-fontSizes-md);
          -webkit-padding-start: var(--chakra-space-4);
          padding-inline-start: var(--chakra-space-4);
          -webkit-padding-end: var(--chakra-space-10);
          padding-inline-end: var(--chakra-space-10);
          height: var(--chakra-sizes-10);
          border-radius: var(--chakra-radii-lg);
          border: var(--chakra-borders-1px);
          border-color: var(--chakra-colors-common-blue-border);
          background: var(--chakra-colors-blackAlpha-700);
          color: var(--chakra-colors-white);
          font-weight: var(--chakra-fontWeights-bold);
          -webkit-backdrop-filter: var(--chakra-backdrop-blur) var(--chakra-backdrop-brightness) var(--chakra-backdrop-contrast) var(--chakra-backdrop-grayscale) var(--chakra-backdrop-hue-rotate) var(--chakra-backdrop-invert) var(--chakra-backdrop-opacity) var(--chakra-backdrop-saturate) var(--chakra-backdrop-sepia);
          backdrop-filter: var(--chakra-backdrop-blur) var(--chakra-backdrop-brightness) var(--chakra-backdrop-contrast) var(--chakra-backdrop-grayscale) var(--chakra-backdrop-hue-rotate) var(--chakra-backdrop-invert) var(--chakra-backdrop-opacity) var(--chakra-backdrop-saturate) var(--chakra-backdrop-sepia);
          --chakra-backdrop-blur: blur(5px);
          --chakra-backdrop-brightness: var(--chakra-empty,
              /*!*/
              /*!*/
            );
          --chakra-backdrop-contrast: var(--chakra-empty,
              /*!*/
              /*!*/
            );
          --chakra-backdrop-grayscale: var(--chakra-empty,
              /*!*/
              /*!*/
            );
          --chakra-backdrop-hue-rotate: var(--chakra-empty,
              /*!*/
              /*!*/
            );
          --chakra-backdrop-invert: var(--chakra-empty,
              /*!*/
              /*!*/
            );
          --chakra-backdrop-opacity: var(--chakra-empty,
              /*!*/
              /*!*/
            );
          --chakra-backdrop-saturate: var(--chakra-empty,
              /*!*/
              /*!*/
            );
          --chakra-backdrop-sepia: var(--chakra-empty,
              /*!*/
              /*!*/
            );
        }

        .css-twzh2v:disabled,
        .css-twzh2v[disabled],
        .css-twzh2v[aria-disabled=true],
        .css-twzh2v[data-disabled] {
          opacity: 0.4;
          cursor: not-allowed;
        }

        .css-twzh2v:hover,
        .css-twzh2v[data-hover] {
          background: var(--chakra-colors-blackAlpha-800);
        }

        .css-twzh2v[aria-readonly=true],
        .css-twzh2v[readonly],
        .css-twzh2v[data-readonly] {
          box-shadow: var(--chakra-shadows-none) !important;
          -webkit-user-select: all;
          -moz-user-select: all;
          -ms-user-select: all;
          user-select: all;
          color: var(--chakra-colors-common-lilac);
          font-weight: var(--chakra-fontWeights-bold);
        }

        .css-twzh2v[aria-invalid=true],
        .css-twzh2v[data-invalid] {
          border-color: #FC8181;
          box-shadow: var(--chakra-shadows-none);
        }

        .css-twzh2v:focus-visible,
        .css-twzh2v[data-focus-visible] {
          z-index: 1;
          border-color: var(--chakra-colors-common-light-blue);
          box-shadow: var(--chakra-shadows-none);
          background: var(--chakra-colors-secondary-900);
        }

        .css-twzh2v::-webkit-input-placeholder {
          color: var(--chakra-colors-common-light-blue);
          font-weight: var(--chakra-fontWeights-bold);
        }

        .css-twzh2v::-moz-placeholder {
          color: var(--chakra-colors-common-light-blue);
          font-weight: var(--chakra-fontWeights-bold);
        }

        .css-twzh2v:-ms-input-placeholder {
          color: var(--chakra-colors-common-light-blue);
          font-weight: var(--chakra-fontWeights-bold);
        }

        .css-twzh2v::placeholder {
          color: var(--chakra-colors-common-light-blue);
          font-weight: var(--chakra-fontWeights-bold);
        }
      </style>
      <input name="email" style="padding-right:0" type="email" placeholder="Subscribe to our newsletter" id="field-:R6elblaqlssnl6:" class="chakra-input css-twzh2v">
      <style data-emotion="css pxxpra">
        .css-pxxpra {
          right: 0;
          width: auto;
          height: var(--chakra-sizes-10);
          font-size: var(--chakra-fontSizes-md);
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          position: absolute;
          top: 0px;
          z-index: 2;
          -webkit-padding-start: var(--chakra-space-2);
          padding-inline-start: var(--chakra-space-2);
          -webkit-padding-end: var(--chakra-space-2);
          padding-inline-end: var(--chakra-space-2);
        }
      </style>
      <div class="chakra-input__right-element css-pxxpra"></div>
    </div>
    <div class="chakra-collapse" style="overflow:hidden;display:none;opacity:0;height:0px">
      <style data-emotion="css wbktwz">
        .css-wbktwz {
          margin-top: var(--chakra-space-1);
          --form-control-color: var(--chakra-colors-gray-600);
          color: var(--chakra-colors-common-light-blue);
          line-height: var(--chakra-lineHeights-normal);
          font-size: var(--chakra-fontSizes-xs);
          -webkit-padding-start: var(--chakra-space-1);
          padding-inline-start: var(--chakra-space-1);
          -webkit-padding-end: var(--chakra-space-1);
          padding-inline-end: var(--chakra-space-1);
          font-style: italic;
        }

        .chakra-ui-dark .css-wbktwz:not([data-theme]),
        [data-theme=dark] .css-wbktwz:not([data-theme]),
        .css-wbktwz[data-theme=dark] {
          --form-control-color: var(--chakra-colors-whiteAlpha-600);
        }
      </style>
      <div id="field-:R6elblaqlssnl6:-helptext" class="chakra-form__helper-text css-wbktwz"></div>
    </div>
  </div>
  <div class="chakra-collapse" style="overflow:hidden;display:none;opacity:0;height:0px">
    <div class="chakra-collapse" style="overflow:hidden;display:block;opacity:1;height:auto">
      <style data-emotion="css u5j0r7">
        .css-u5j0r7 {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          position: static;
          overflow: hidden;
          background: none;
          -webkit-padding-start: var(--chakra-space-4);
          padding-inline-start: var(--chakra-space-4);
          -webkit-padding-end: var(--chakra-space-4);
          padding-inline-end: var(--chakra-space-4);
          padding-top: var(--chakra-space-2);
          padding-bottom: var(--chakra-space-2);
          border-radius: var(--chakra-radii-lg);
          box-shadow: var(--chakra-shadows-card);
          color: var(--chakra-colors-white);
          border: var(--chakra-borders-1px);
          border-color: var(--chakra-colors-transparent);
          background-origin: border-box;
          -webkit-background-clip: padding-box, border-box;
          background-clip: padding-box, border-box;
          box-sizing: border-box;
          background-image: linear-gradient(var(--chakra-colors-base-secondary), var(--chakra-colors-base-secondary)), linear-gradient(var(--chakra-colors-base-danger), var(--chakra-colors-base-danger));
          margin-top: var(--chakra-space-1);
          left: 0px;
          right: 0px;
          font-size: var(--chakra-fontSizes-sm);
          pointer-events: none;
        }

        @media screen and (min-width: 30em) {
          .css-u5j0r7 {
            position: absolute;
          }
        }
      </style>
      <div role="alert" class="chakra-alert css-u5j0r7">
        <style data-emotion="css 1opuqz4">
          .css-1opuqz4 {
            color: var(--alert-fg);
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-margin-end: var(--chakra-space-3);
            margin-inline-end: var(--chakra-space-3);
            width: var(--chakra-sizes-6);
            height: var(--chakra-sizes-6);
            display: inherit;
          }
        </style>
        <span class="chakra-alert__icon css-1opuqz4">
          <style data-emotion="css 1hyzlq9">
            .css-1hyzlq9 {
              width: var(--chakra-sizes-6);
              height: var(--chakra-sizes-6);
              display: inline-block;
              line-height: 1em;
              -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0;
              color: var(--chakra-colors-red-400);
              vertical-align: middle;
            }
          </style>
          <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-1hyzlq9">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
              <path stroke="currentColor" fill="none"
                d="M7.99998 5.33337V8.00004M7.99998 10.6667H8.00665M14.6666 8.00004C14.6666 11.6819 11.6819 14.6667 7.99998 14.6667C4.31808 14.6667 1.33331 11.6819 1.33331 8.00004C1.33331 4.31814 4.31808 1.33337 7.99998 1.33337C11.6819 1.33337 14.6666 4.31814 14.6666 8.00004Z"
                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </svg>
        </span>
        <style data-emotion="css 1h3nfwc">
          .css-1h3nfwc {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
          }

          .css-1h3nfwc>*:not(style)~*:not(style) {
            margin-top: 0px;
            -webkit-margin-end: 0px;
            margin-inline-end: 0px;
            margin-bottom: 0px;
            -webkit-margin-start: 0px;
            margin-inline-start: 0px;
          }
        </style>
        <div class="chakra-stack css-1h3nfwc"></div>
      </div>
    </div>
  </div>
  <style data-emotion="css 1ol38nj animation-63o8dw animation-gvtf5k animation-1fjxq7w">
    .css-1ol38nj {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      position: relative;
      white-space: nowrap;
      vertical-align: middle;
      outline: 0px solid;
      line-height: 1.2;
      border-radius: 5px;
      font-weight: var(--chakra-fontWeights-bold);
      transition-property: all;
      transition-duration: var(--chakra-transition-duration-normal);
      padding-bottom: var(--chakra-space-0-5);
      outline-color: var(--chakra-colors-transparent);
      height: var(--chakra-sizes-10);
      min-width: var(--chakra-sizes-10);
      font-size: var(--chakra-fontSizes-md);
      -webkit-padding-start: var(--chakra-space-4);
      padding-inline-start: var(--chakra-space-4);
      -webkit-padding-end: var(--chakra-space-4);
      padding-inline-end: var(--chakra-space-4);
      -webkit-animation: animation-gvtf5k 200ms forwards ease-in-out;
      animation: animation-gvtf5k 200ms forwards ease-in-out;
      color: var(--chakra-colors-white);
      text-shadow: 0 2px 0 rgb(105 91 91 / 25%);
      border: var(--chakra-borders-1px);
      border-color: var(--chakra-colors-transparent);
      background: none;
      background-origin: border-box;
      -webkit-background-clip: padding-box, border-box;
      background-clip: padding-box, border-box;
      box-sizing: border-box;
      background-image: linear-gradient(hsl(246 45% 33% / 100%), hsl(256 68.2% 8.6% / 88%)), linear-gradient(270deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      margin-top: var(--chakra-space-2);
      width: var(--chakra-sizes-full);
    }

    .css-1ol38nj:focus-visible,
    .css-1ol38nj[data-focus-visible] {
      box-shadow: var(--chakra-shadows-none);
      outline: 3px solid;
      outline-color: var(--chakra-colors-shadow-outline);
    }

    .css-1ol38nj:disabled,
    .css-1ol38nj[disabled],
    .css-1ol38nj[aria-disabled=true],
    .css-1ol38nj[data-disabled] {
      opacity: 0.4;
      cursor: not-allowed;
      box-shadow: var(--chakra-shadows-none);
      pointer-events: none;
    }

    .css-1ol38nj:hover,
    .css-1ol38nj[data-hover] {
      -webkit-animation: animation-1fjxq7w 300ms forwards ease-in-out;
      animation: animation-1fjxq7w 300ms forwards ease-in-out;
      position: relative;
      color: var(--chakra-colors-white);
      text-shadow: 0 2px 0 rgb(105 91 91 / 25%);
      border: var(--chakra-borders-1px);
      border-color: var(--chakra-colors-transparent);
      background: none;
      background-origin: border-box;
      -webkit-background-clip: padding-box, border-box;
      background-clip: padding-box, border-box;
      box-sizing: border-box;
      background-image: linear-gradient(hsl(246 45% 33% / 100%), hsl(256 68.2% 8.6% / 88%)), linear-gradient(270deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
    }

    .css-1ol38nj:hover:disabled,
    .css-1ol38nj[data-hover]:disabled,
    .css-1ol38nj:hover[disabled],
    .css-1ol38nj[data-hover][disabled],
    .css-1ol38nj:hover[aria-disabled=true],
    .css-1ol38nj[data-hover][aria-disabled=true],
    .css-1ol38nj:hover[data-disabled],
    .css-1ol38nj[data-hover][data-disabled] {
      background: initial;
    }

    .css-1ol38nj:hover::before,
    .css-1ol38nj[data-hover]::before {
      content: " ";
      transition-property: all;
      transition-duration: 300ms;
      position: absolute;
      inset: 0px;
      border-radius: 4px;
      border: var(--chakra-borders-1px);
      border-color: var(--chakra-colors-transparent);
      background-origin: border-box;
      background-image: linear-gradient(var(--chakra-colors-gradient-base-1), var(--chakra-colors-gradient-base-2));
      -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
      mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: source-out;
      -webkit-mask-composite: exclude;
      mask-composite: exclude;
    }

    .css-1ol38nj>:not(svg) {
      padding-top: var(--chakra-space-0-5);
    }

    .css-1ol38nj::before {
      content: " ";
      transition-property: all;
      transition-duration: 300ms;
      position: absolute;
      inset: 0px;
      border-radius: 4px;
      border: var(--chakra-borders-1px);
      border-color: var(--chakra-colors-transparent);
      background-origin: border-box;
      background-image: linear-gradient(var(--chakra-colors-gradient-base-1), var(--chakra-colors-gradient-base-2));
      -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
      mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: source-out;
      -webkit-mask-composite: exclude;
      mask-composite: exclude;
    }

    .css-1ol38nj:active,
    .css-1ol38nj[data-active] {
      -webkit-animation: animation-63o8dw 200ms forwards ease-in-out;
      animation: animation-63o8dw 200ms forwards ease-in-out;
      position: relative;
      color: var(--chakra-colors-white);
      text-shadow: 0 2px 0 rgb(105 91 91 / 25%);
      border: var(--chakra-borders-1px);
      border-color: var(--chakra-colors-transparent);
      background: none;
      background-origin: border-box;
      -webkit-background-clip: padding-box, border-box;
      background-clip: padding-box, border-box;
      box-sizing: border-box;
      background-image: linear-gradient(hsl(246 45% 33% / 100%), hsl(256 68.2% 8.6% / 88%)), linear-gradient(270deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
    }

    .css-1ol38nj:active::before,
    .css-1ol38nj[data-active]::before {
      content: " ";
      transition-property: all;
      transition-duration: 300ms;
      position: absolute;
      inset: 0px;
      border-radius: 4px;
      border: var(--chakra-borders-1px);
      border-color: var(--chakra-colors-transparent);
      background-origin: border-box;
      background-image: linear-gradient(var(--chakra-colors-gradient-base-1), var(--chakra-colors-gradient-base-2));
      -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
      mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: source-out;
      -webkit-mask-composite: exclude;
      mask-composite: exclude;
    }

    @-webkit-keyframes animation-63o8dw {
      0% {
        background-image: linear-gradient(hsl(246 45% 39.6% / 100%), hsl(256 68.2% 10.319999999999999% / 88%)), linear-gradient(335deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      10% {
        background-image: linear-gradient(hsl(246 45% 38.28% / 100%), hsl(256 68.2% 9.976% / 88%)), linear-gradient(322deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      20% {
        background-image: linear-gradient(hsl(246 45% 36.96% / 100%), hsl(256 68.2% 9.632% / 88%)), linear-gradient(309deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      30%: {
        background-image: linear-gradient(hsl(246 45% 35.64% / 100%), hsl(256 68.2% 9.288% / 88%)), linear-gradient(296deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      40% {
        background-image: linear-gradient(hsl(246 45% 34.32% / 100%), hsl(256 68.2% 8.943999999999999% / 88%)), linear-gradient(283deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      50% {
        background-image: linear-gradient(hsl(246 45% 33% / 100%), hsl(256 68.2% 8.6% / 88%)), linear-gradient(270deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      60% {
        background-image: linear-gradient(hsl(246 45% 31.68% / 100%), hsl(256 68.2% 8.256% / 88%)), linear-gradient(257deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      70% {
        background-image: linear-gradient(hsl(246 45% 30.36% / 100%), hsl(256 68.2% 7.911999999999999% / 88%)), linear-gradient(244deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      80% {
        background-image: linear-gradient(hsl(246 45% 29.04% / 100%), hsl(256 68.2% 7.568% / 88%)), linear-gradient(231deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      90% {
        background-image: linear-gradient(hsl(246 45% 27.72% / 100%), hsl(256 68.2% 7.223999999999999% / 88%)), linear-gradient(218deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      100% {
        background-image: linear-gradient(hsl(246 45% 26.400000000000002% / 100%), hsl(256 68.2% 6.88% / 88%)), linear-gradient(205deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }
    }

    @keyframes animation-63o8dw {
      0% {
        background-image: linear-gradient(hsl(246 45% 39.6% / 100%), hsl(256 68.2% 10.319999999999999% / 88%)), linear-gradient(335deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      10% {
        background-image: linear-gradient(hsl(246 45% 38.28% / 100%), hsl(256 68.2% 9.976% / 88%)), linear-gradient(322deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      20% {
        background-image: linear-gradient(hsl(246 45% 36.96% / 100%), hsl(256 68.2% 9.632% / 88%)), linear-gradient(309deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      30%: {
        background-image: linear-gradient(hsl(246 45% 35.64% / 100%), hsl(256 68.2% 9.288% / 88%)), linear-gradient(296deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      40% {
        background-image: linear-gradient(hsl(246 45% 34.32% / 100%), hsl(256 68.2% 8.943999999999999% / 88%)), linear-gradient(283deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      50% {
        background-image: linear-gradient(hsl(246 45% 33% / 100%), hsl(256 68.2% 8.6% / 88%)), linear-gradient(270deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      60% {
        background-image: linear-gradient(hsl(246 45% 31.68% / 100%), hsl(256 68.2% 8.256% / 88%)), linear-gradient(257deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      70% {
        background-image: linear-gradient(hsl(246 45% 30.36% / 100%), hsl(256 68.2% 7.911999999999999% / 88%)), linear-gradient(244deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      80% {
        background-image: linear-gradient(hsl(246 45% 29.04% / 100%), hsl(256 68.2% 7.568% / 88%)), linear-gradient(231deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      90% {
        background-image: linear-gradient(hsl(246 45% 27.72% / 100%), hsl(256 68.2% 7.223999999999999% / 88%)), linear-gradient(218deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      100% {
        background-image: linear-gradient(hsl(246 45% 26.400000000000002% / 100%), hsl(256 68.2% 6.88% / 88%)), linear-gradient(205deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }
    }

    @-webkit-keyframes animation-gvtf5k {
      0% {
        background-image: linear-gradient(hsl(246 45% 39.6% / 100%), hsl(256 68.2% 10.319999999999999% / 88%)), linear-gradient(335deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      10% {
        background-image: linear-gradient(hsl(246 45% 38.94% / 100%), hsl(256 68.2% 10.148% / 88%)), linear-gradient(328.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      20% {
        background-image: linear-gradient(hsl(246 45% 38.28% / 100%), hsl(256 68.2% 9.976% / 88%)), linear-gradient(322deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      30% {
        background-image: linear-gradient(hsl(246 45% 37.62% / 100%), hsl(256 68.2% 9.803999999999998% / 88%)), linear-gradient(315.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      40% {
        background-image: linear-gradient(hsl(246 45% 36.96% / 100%), hsl(256 68.2% 9.632% / 88%)), linear-gradient(309deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      50% {
        background-image: linear-gradient(hsl(246 45% 36.300000000000004% / 100%), hsl(256 68.2% 9.46% / 88%)), linear-gradient(302.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      60% {
        background-image: linear-gradient(hsl(246 45% 35.64% / 100%), hsl(256 68.2% 9.288% / 88%)), linear-gradient(296deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      70% {
        background-image: linear-gradient(hsl(246 45% 34.980000000000004% / 100%), hsl(256 68.2% 9.116% / 88%)), linear-gradient(289.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      80% {
        background-image: linear-gradient(hsl(246 45% 34.32% / 100%), hsl(256 68.2% 8.943999999999999% / 88%)), linear-gradient(283deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      90% {
        background-image: linear-gradient(hsl(246 45% 33.660000000000004% / 100%), hsl(256 68.2% 8.772% / 88%)), linear-gradient(276.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      100% {
        background-image: linear-gradient(hsl(246 45% 33% / 100%), hsl(256 68.2% 8.6% / 88%)), linear-gradient(270deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }
    }

    @keyframes animation-gvtf5k {
      0% {
        background-image: linear-gradient(hsl(246 45% 39.6% / 100%), hsl(256 68.2% 10.319999999999999% / 88%)), linear-gradient(335deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      10% {
        background-image: linear-gradient(hsl(246 45% 38.94% / 100%), hsl(256 68.2% 10.148% / 88%)), linear-gradient(328.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      20% {
        background-image: linear-gradient(hsl(246 45% 38.28% / 100%), hsl(256 68.2% 9.976% / 88%)), linear-gradient(322deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      30% {
        background-image: linear-gradient(hsl(246 45% 37.62% / 100%), hsl(256 68.2% 9.803999999999998% / 88%)), linear-gradient(315.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      40% {
        background-image: linear-gradient(hsl(246 45% 36.96% / 100%), hsl(256 68.2% 9.632% / 88%)), linear-gradient(309deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      50% {
        background-image: linear-gradient(hsl(246 45% 36.300000000000004% / 100%), hsl(256 68.2% 9.46% / 88%)), linear-gradient(302.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      60% {
        background-image: linear-gradient(hsl(246 45% 35.64% / 100%), hsl(256 68.2% 9.288% / 88%)), linear-gradient(296deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      70% {
        background-image: linear-gradient(hsl(246 45% 34.980000000000004% / 100%), hsl(256 68.2% 9.116% / 88%)), linear-gradient(289.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      80% {
        background-image: linear-gradient(hsl(246 45% 34.32% / 100%), hsl(256 68.2% 8.943999999999999% / 88%)), linear-gradient(283deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      90% {
        background-image: linear-gradient(hsl(246 45% 33.660000000000004% / 100%), hsl(256 68.2% 8.772% / 88%)), linear-gradient(276.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      100% {
        background-image: linear-gradient(hsl(246 45% 33% / 100%), hsl(256 68.2% 8.6% / 88%)), linear-gradient(270deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }
    }

    @-webkit-keyframes animation-1fjxq7w {
      0% {
        background-image: linear-gradient(hsl(246 45% 33% / 100%), hsl(256 68.2% 8.6% / 88%)), linear-gradient(270deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      10% {
        background-image: linear-gradient(hsl(246 45% 33.660000000000004% / 100%), hsl(256 68.2% 8.772% / 88%)), linear-gradient(276.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      20% {
        background-image: linear-gradient(hsl(246 45% 34.32% / 100%), hsl(256 68.2% 8.943999999999999% / 88%)), linear-gradient(283deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      30% {
        background-image: linear-gradient(hsl(246 45% 34.980000000000004% / 100%), hsl(256 68.2% 9.116% / 88%)), linear-gradient(289.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      40% {
        background-image: linear-gradient(hsl(246 45% 35.64% / 100%), hsl(256 68.2% 9.288% / 88%)), linear-gradient(296deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      50% {
        background-image: linear-gradient(hsl(246 45% 36.300000000000004% / 100%), hsl(256 68.2% 9.46% / 88%)), linear-gradient(302.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      60% {
        background-image: linear-gradient(hsl(246 45% 36.96% / 100%), hsl(256 68.2% 9.632% / 88%)), linear-gradient(309deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      70% {
        background-image: linear-gradient(hsl(246 45% 37.62% / 100%), hsl(256 68.2% 9.803999999999998% / 88%)), linear-gradient(315.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      80% {
        background-image: linear-gradient(hsl(246 45% 38.28% / 100%), hsl(256 68.2% 9.976% / 88%)), linear-gradient(322deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      90% {
        background-image: linear-gradient(hsl(246 45% 38.94% / 100%), hsl(256 68.2% 10.148% / 88%)), linear-gradient(328.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      100% {
        background-image: linear-gradient(hsl(246 45% 39.6% / 100%), hsl(256 68.2% 10.319999999999999% / 88%)), linear-gradient(335deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }
    }

    @keyframes animation-1fjxq7w {
      0% {
        background-image: linear-gradient(hsl(246 45% 33% / 100%), hsl(256 68.2% 8.6% / 88%)), linear-gradient(270deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      10% {
        background-image: linear-gradient(hsl(246 45% 33.660000000000004% / 100%), hsl(256 68.2% 8.772% / 88%)), linear-gradient(276.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      20% {
        background-image: linear-gradient(hsl(246 45% 34.32% / 100%), hsl(256 68.2% 8.943999999999999% / 88%)), linear-gradient(283deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      30% {
        background-image: linear-gradient(hsl(246 45% 34.980000000000004% / 100%), hsl(256 68.2% 9.116% / 88%)), linear-gradient(289.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      40% {
        background-image: linear-gradient(hsl(246 45% 35.64% / 100%), hsl(256 68.2% 9.288% / 88%)), linear-gradient(296deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      50% {
        background-image: linear-gradient(hsl(246 45% 36.300000000000004% / 100%), hsl(256 68.2% 9.46% / 88%)), linear-gradient(302.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      60% {
        background-image: linear-gradient(hsl(246 45% 36.96% / 100%), hsl(256 68.2% 9.632% / 88%)), linear-gradient(309deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      70% {
        background-image: linear-gradient(hsl(246 45% 37.62% / 100%), hsl(256 68.2% 9.803999999999998% / 88%)), linear-gradient(315.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      80% {
        background-image: linear-gradient(hsl(246 45% 38.28% / 100%), hsl(256 68.2% 9.976% / 88%)), linear-gradient(322deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      90% {
        background-image: linear-gradient(hsl(246 45% 38.94% / 100%), hsl(256 68.2% 10.148% / 88%)), linear-gradient(328.5deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }

      100% {
        background-image: linear-gradient(hsl(246 45% 39.6% / 100%), hsl(256 68.2% 10.319999999999999% / 88%)), linear-gradient(335deg, var(--chakra-colors-holo-1), var(--chakra-colors-holo-2) 16.67%, var(--chakra-colors-holo-3) 33.33%, var(--chakra-colors-holo-4) 50%, var(--chakra-colors-holo-5) 66.67%, var(--chakra-colors-holo-6) 83.33%, var(--chakra-colors-holo-7));
      }
    }
  </style>
  <button type="submit" class="chakra-button css-1ol38nj">Subscribe</button>
</form>

Text Content

Connect Wallet



COMING SOON


JOIN THE FIGHT FOR ETH


WELCOME TO THE WORLD OF ILLUVIUM

Connect Wallet



A decentralised studio building the world’s first Interoperable Blockchain Game
(IBG) universe including an open-world exploration game, industrial city
builder, and autobattler, all on the Ethereum blockchain.

Join a graphically-rich sci-fi adventure, explore 7 dazzling alien landscapes
and conquer the wilderness to uncover the cataclysmic events that shattered
Illuvium and help your crash-landed crew flourish!




A UNIVERSE OF GAMES

--------------------------------------------------------------------------------

Experience the interlinked universe of Illuvium through three games and counting

Capture Illuvials, mine resources, harvest exotic plants, and help your
crash-landed crew flourish as you discover the cataclysmic events that lead to
this planet’s destruction.

Currently in Private Beta

Mac

Windows

Curate your best team, challenge opponents, and outsmart the competition in a
jaw-dropping, high-stakes Autobattle chaos.

Currently in Private Beta

Mac

Windows

Build, upgrade, and manage your digital industrial complex. Find biodata, create
blueprints, and extract scarce resources needed by other players.

Currently in Alpha

Mac

Windows

Android

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------


Discover Illuvitars


COLLECT THEM ALL

--------------------------------------------------------------------------------

Discover, hunt and capture over 150+ Illuvials, deadly beasts who rule this
alien world—each possessing powerful abilities and synergies. Train your
Illuvials to increase their power and fuse them together to create ascended
forms, as you build the perfect Illuvial team.

--------------------------------------------------------------------------------


TRUE OWNERSHIP FOR PLAYERS

--------------------------------------------------------------------------------

Leveraging the power of Blockchain Technology, Illuvium gives you complete
ownership over your in-game assets. Every Illuvial you capture, every weapon you
forge, every suit you own… all your hard earned assets are stored in one place,
your Ethereum wallet.

Each asset is verifiable on the Ethereum blockchain, proving your ownership. By
giving true custody to the player—versus belonging to the game—you have the
power to collect and trade in-game items and collectables in the marketplace at
your discretion.


BUY, SELL, TRADE ON THE ILLUVIDEX

Explore IlluviDex


Buy, sell and trade in-game assets on the IlluviDEX, Illuvium’s Marketplace and
Information Repository. Enjoy instant peer-to-peer trading &zero gas fees thanks
to our integration with ImmutableX


FIND THE LATEST NEWS!

--------------------------------------------------------------------------------

Navigate to the Illuvium News Hub to view all of the latest blog posts, updates,
and announcements!




SUBSCRIBE

Subscribe to be the first to know about Illuvium’s development updates,
giveaways, events and more!


Subscribe


ILLUVIUM DAO

--------------------------------------------------------------------------------

Illuvium is a decentralised autonomous organisation (DAO) with a global reach,
boasting over 150 dedicated contributors and thousands of empowered token
holders.

Driven by collaboration, our goal is to provide an unparalleled experience to
players, and we’re dedicated to making it happen.

Meet our Core Contributors Careers



OUR PARTNERS

   
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

--------------------------------------------------------------------------------

 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

Staking IlluviDex Whitepaper Immunefi Bug
Governance FAQ Contributors Jobs
ILV Price -
Available on
Binance Sushi KuCoin 1inch OKEx CoinSpot Coinbase Crypto.com

Illuvium © 2023 , All rights reserved

| Terms and Conditions | Privacy Policy | GDPR Notice

This website uses cookies for functionality, analytics and advertising purposes
as described in our Privacy Policy.

If you agree to our Terms and our Privacy Policy , please continue to use our
site.

Accept And Continue
WalletConnect
Scan with WalletConnect to connect
Binance Chain Wallet
Connect to your Binance Chain Wallet
Coinbase
Connect to your coinbase wallet