*,
      :before,
      :after {
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: #e5e7eb
      }

      :before,
      :after {
        --tw-content: ""
      }

      html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        font-family: Hanken Grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
        font-feature-settings: normal;
        font-variation-settings: normal
      }

      body {
        margin: 0;
        line-height: inherit
      }

      hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
      }

      abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-size: inherit;
        font-weight: inherit
      }

      a {
        color: inherit;
        text-decoration: inherit
      }

      b,
      strong {
        font-weight: bolder
      }

      code,
      kbd,
      samp,
      pre {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
        font-feature-settings: normal;
        font-variation-settings: normal;
        font-size: 1em
      }

      small {
        font-size: 80%
      }

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

      sub {
        bottom: -.25em
      }

      sup {
        top: -.5em
      }

      table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
      }

      button,
      input,
      optgroup,
      select,
      textarea {
        font-family: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        font-size: 100%;
        font-weight: inherit;
        line-height: inherit;
        color: inherit;
        margin: 0;
        padding: 0
      }

      button,
      select {
        text-transform: none
      }

      button,
      [type=button],
      [type=reset],
      [type=submit] {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none
      }

      :-moz-focusring {
        outline: auto
      }

      :-moz-ui-invalid {
        box-shadow: none
      }

      progress {
        vertical-align: baseline
      }

      ::-webkit-inner-spin-button,
      ::-webkit-outer-spin-button {
        height: auto
      }

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

      ::-webkit-search-decoration {
        -webkit-appearance: none
      }

      ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
      }

      summary {
        display: list-item
      }

      blockquote,
      dl,
      dd,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      hr,
      figure,
      p,
      pre {
        margin: 0
      }

      fieldset {
        margin: 0;
        padding: 0
      }

      legend {
        padding: 0
      }

      ol,
      ul,
      menu {
        list-style: none;
        margin: 0;
        padding: 0
      }

      dialog {
        padding: 0
      }

      textarea {
        resize: vertical
      }

      input::-moz-placeholder,
      textarea::-moz-placeholder {
        opacity: 1;
        color: #9ca3af
      }

      input::placeholder,
      textarea::placeholder {
        opacity: 1;
        color: #9ca3af
      }

      button,
      [role=button] {
        cursor: pointer
      }

      :disabled {
        cursor: default
      }

      img,
      svg,
      video,
      canvas,
      audio,
      iframe,
      embed,
      object {
        display: block;
        vertical-align: middle
      }

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

      [hidden] {
        display: none
      }

      * {
        scrollbar-color: initial;
        scrollbar-width: initial
      }

      *,
      :before,
      :after {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
      }

      ::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
      }

      .\!container {
        width: 100% !important
      }

      .container {
        width: 100%
      }

      @media (min-width: 1017px) {
        .\!container {
          max-width: 1017px !important
        }

        .container {
          max-width: 1017px
        }
      }

      @media (min-width: 2560px) {
        .\!container {
          max-width: 2560px !important
        }

        .container {
          max-width: 2560px
        }
      }

      .center-with-flex {
        display: flex;
        align-items: center;
        justify-content: center
      }

      .plain-text-color {
        --tw-text-opacity: 1;
        color: rgb(15 23 42 / var(--tw-text-opacity))
      }

      :is(.dark .plain-text-color) {
        --tw-text-opacity: 1;
        color: rgb(241 245 249 / var(--tw-text-opacity))
      }

      .plain-icon-color {
        --tw-text-opacity: 1;
        color: rgb(51 65 85 / var(--tw-text-opacity))
      }

      :is(.dark .plain-icon-color) {
        --tw-text-opacity: 1;
        color: rgb(226 232 240 / var(--tw-text-opacity))
      }

      .res-tiny-text {
        font-size: 12px;
        line-height: 16px
      }

      @media (min-width: 2560px) {
        .res-tiny-text {
          font-size: 14px;
          line-height: 20px
        }
      }

      .res-small-text {
        font-size: 14px;
        line-height: 20px
      }

      @media (min-width: 2560px) {
        .res-small-text {
          font-size: 16px;
          line-height: 24px
        }
      }

      .res-text-medium {
        font-size: 16px;
        line-height: 24px
      }

      @media (min-width: 2560px) {
        .res-text-medium {
          font-size: 18px;
          line-height: 28px
        }
      }

      .res-icon-small {
        width: 18px;
        stroke-width: 1.5
      }

      @media (min-width: 2560px) {
        .res-icon-small {
          width: 20px
        }
      }

      .\!res-icon-big {
        width: 20px;
        stroke-width: 1.5
      }

      @media (min-width: 2560px) {
        .\!res-icon-big {
          width: 24px
        }
      }

      .res-icon-big {
        width: 20px;
        stroke-width: 1.5
      }

      @media (min-width: 2560px) {
        .res-icon-big {
          width: 24px
        }
      }

      .\!c-transition-colors,
      .c-transition-colors {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .3s
      }

      .c-hide {
        pointer-events: none;
        visibility: hidden;
        opacity: 0
      }

      .only-icon-btn {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .3s;
        background-color: transparent;
        padding: 4px
      }

      .only-icon-btn:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(100 116 139 / var(--tw-bg-opacity))
      }

      :is(.dark .only-icon-btn:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(51 65 85 / var(--tw-bg-opacity))
      }

      .multiline-elipsis {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal
      }

      .merlinExt-skeleton-loading-animate {
        background: linear-gradient(to right, #dbdbdb 4%, #a9a9a9 25%, #dbdbdb 36%);
        background-size: 1000px 100%;
        animation: merlinExt-skeleton-loading-animate-keyframes 1.5s infinite linear;
        -webkit-animation: merlinExt-skeleton-loading-animate-keyframes 1.5s infinite linear
      }

      .merlinExt-custom-scrollbar {
        scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
      }

      .merlinExt-custom-scrollbar::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track);
        border-radius: var(--scrollbar-track-radius)
      }

      .merlinExt-custom-scrollbar::-webkit-scrollbar-track:hover {
        background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
      }

      .merlinExt-custom-scrollbar::-webkit-scrollbar-track:active {
        background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
      }

      .merlinExt-custom-scrollbar::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
        border-radius: var(--scrollbar-thumb-radius)
      }

      .merlinExt-custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
      }

      .merlinExt-custom-scrollbar::-webkit-scrollbar-thumb:active {
        background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
      }

      .merlinExt-custom-scrollbar::-webkit-scrollbar-corner {
        background-color: var(--scrollbar-corner);
        border-radius: var(--scrollbar-corner-radius)
      }

      .merlinExt-custom-scrollbar::-webkit-scrollbar-corner:hover {
        background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
      }

      .merlinExt-custom-scrollbar::-webkit-scrollbar-corner:active {
        background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
      }

      .merlinExt-custom-scrollbar {
        scrollbar-width: auto
      }

      .merlinExt-custom-scrollbar::-webkit-scrollbar {
        display: block;
        width: var(--scrollbar-width, 16px);
        height: var(--scrollbar-height, 16px)
      }

      .merlinExt-custom-scrollbar {
        --scrollbar-track: #e2e8f0;
        --scrollbar-thumb: #94a3b8;
        --scrollbar-track-radius: 8px;
        --scrollbar-thumb-radius: 8px;
        --scrollbar-corner-radius: 8px;
        --scrollbar-width: 6px
      }

      :is(.dark .merlinExt-custom-scrollbar) {
        --scrollbar-track: #1e293b;
        --scrollbar-thumb: #64748b;
        --scrollbar-thumb-hover: #475569
      }

      .merlinExt-custom-scrollbar-dark {
        scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
      }

      .merlinExt-custom-scrollbar-dark::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track);
        border-radius: var(--scrollbar-track-radius)
      }

      .merlinExt-custom-scrollbar-dark::-webkit-scrollbar-track:hover {
        background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
      }

      .merlinExt-custom-scrollbar-dark::-webkit-scrollbar-track:active {
        background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
      }

      .merlinExt-custom-scrollbar-dark::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
        border-radius: var(--scrollbar-thumb-radius)
      }

      .merlinExt-custom-scrollbar-dark::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
      }

      .merlinExt-custom-scrollbar-dark::-webkit-scrollbar-thumb:active {
        background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
      }

      .merlinExt-custom-scrollbar-dark::-webkit-scrollbar-corner {
        background-color: var(--scrollbar-corner);
        border-radius: var(--scrollbar-corner-radius)
      }

      .merlinExt-custom-scrollbar-dark::-webkit-scrollbar-corner:hover {
        background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
      }

      .merlinExt-custom-scrollbar-dark::-webkit-scrollbar-corner:active {
        background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
      }

      .merlinExt-custom-scrollbar-dark {
        scrollbar-width: auto
      }

      .merlinExt-custom-scrollbar-dark::-webkit-scrollbar {
        display: block;
        width: var(--scrollbar-width, 16px);
        height: var(--scrollbar-height, 16px)
      }

      .merlinExt-custom-scrollbar-dark {
        --scrollbar-track: #1e293b;
        --scrollbar-thumb: #64748b;
        --scrollbar-track-radius: 8px;
        --scrollbar-thumb-radius: 8px;
        --scrollbar-corner-radius: 8px;
        --scrollbar-width: 6px;
        --scrollbar-thumb-hover: #475569
      }

      @keyframes merlinExt-skeleton-loading-animate-keyframes {
        0% {
          background-position: -1000px 0
        }

        to {
          background-position: 1000px 0
        }
      }

      .ispinner {
        position: relative;
        width: 20px;
        height: 20px;
        --ispinner-blade-length: -6.5px
      }

      .ispinner .ispinner-blade {
        position: absolute;
        top: 6.5px;
        left: 8.5px;
        width: 2.4px;
        height: 6px;
        border-radius: 1.25px;
        animation: iSpinnerBladeKeyframes 1s linear infinite;
        will-change: opacity
      }

      .ispinner .ispinner-blade:nth-child(1) {
        transform: rotate(45deg) translateY(var(--ispinner-blade-length));
        animation-delay: -1.625s
      }

      .ispinner .ispinner-blade:nth-child(2) {
        transform: rotate(90deg) translateY(var(--ispinner-blade-length));
        animation-delay: -1.5s
      }

      .ispinner .ispinner-blade:nth-child(3) {
        transform: rotate(135deg) translateY(var(--ispinner-blade-length));
        animation-delay: -1.375s
      }

      .ispinner .ispinner-blade:nth-child(4) {
        transform: rotate(180deg) translateY(var(--ispinner-blade-length));
        animation-delay: -1.25s
      }

      .ispinner .ispinner-blade:nth-child(5) {
        transform: rotate(225deg) translateY(var(--ispinner-blade-length));
        animation-delay: -1.125s
      }

      .ispinner .ispinner-blade:nth-child(6) {
        transform: rotate(270deg) translateY(var(--ispinner-blade-length));
        animation-delay: -1s
      }

      .ispinner .ispinner-blade:nth-child(7) {
        transform: rotate(315deg) translateY(var(--ispinner-blade-length));
        animation-delay: -.875s
      }

      .ispinner .ispinner-blade:nth-child(8) {
        transform: rotate(360deg) translateY(var(--ispinner-blade-length));
        animation-delay: -.75s
      }

      @keyframes iSpinnerBladeKeyframes {
        0% {
          opacity: .85
        }

        50% {
          opacity: .25
        }

        to {
          opacity: .25
        }
      }

      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
      }

      .pointer-events-none {
        pointer-events: none
      }

      .visible {
        visibility: visible
      }

      .invisible {
        visibility: hidden
      }

      .collapse {
        visibility: collapse
      }

      .static {
        position: static
      }

      .fixed {
        position: fixed
      }

      .absolute {
        position: absolute
      }

      .relative {
        position: relative
      }

      .sticky {
        position: sticky
      }

      .inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
      }

      .\!-bottom-2 {
        bottom: -8px !important
      }

      .\!-bottom-2\.5 {
        bottom: -10px !important
      }

      .\!left-0 {
        left: 0 !important
      }

      .\!left-3 {
        left: 12px !important
      }

      .-bottom-1 {
        bottom: -4px
      }

      .-bottom-2 {
        bottom: -8px
      }

      .-bottom-2\.5 {
        bottom: -10px
      }

      .-bottom-20 {
        bottom: -80px
      }

      .-bottom-3 {
        bottom: -12px
      }

      .-bottom-6 {
        bottom: -24px
      }

      .-left-2 {
        left: -8px
      }

      .-left-\[1px\] {
        left: -1px
      }

      .-right-1 {
        right: -4px
      }

      .-right-3 {
        right: -12px
      }

      .-right-\[2px\] {
        right: -2px
      }

      .-top-0 {
        top: -0px
      }

      .-top-0\.5 {
        top: -2px
      }

      .-top-1 {
        top: -4px
      }

      .-top-2 {
        top: -8px
      }

      .-top-2\.5 {
        top: -10px
      }

      .-top-3 {
        top: -12px
      }

      .-top-4 {
        top: -16px
      }

      .-top-9 {
        top: -36px
      }

      .-top-\[1px\] {
        top: -1px
      }

      .-top-\[2px\] {
        top: -2px
      }

      .-top-\[34px\] {
        top: -34px
      }

      .-top-\[38px\] {
        top: -38px
      }

      .bottom-0 {
        bottom: 0
      }

      .bottom-1 {
        bottom: 4px
      }

      .bottom-10 {
        bottom: 40px
      }

      .bottom-2 {
        bottom: 8px
      }

      .bottom-4 {
        bottom: 16px
      }

      .bottom-8 {
        bottom: 32px
      }

      .bottom-\[110\%\] {
        bottom: 110%
      }

      .bottom-\[120\%\] {
        bottom: 120%
      }

      .bottom-\[45px\] {
        bottom: 45px
      }

      .bottom-\[4px\] {
        bottom: 4px
      }

      .bottom-\[5px\] {
        bottom: 5px
      }

      .bottom-\[65px\] {
        bottom: 65px
      }

      .bottom-\[72px\] {
        bottom: 72px
      }

      .left-0 {
        left: 0
      }

      .left-1\/2 {
        left: 50%
      }

      .left-2 {
        left: 8px
      }

      .left-2\/4 {
        left: 50%
      }

      .left-3 {
        left: 12px
      }

      .left-\[48\%\] {
        left: 48%
      }

      .right-0 {
        right: 0
      }

      .right-1 {
        right: 4px
      }

      .right-2 {
        right: 8px
      }

      .right-3 {
        right: 12px
      }

      .right-8 {
        right: 32px
      }

      .right-\[-70px\] {
        right: -70px
      }

      .right-\[0px\] {
        right: 0
      }

      .right-\[100\%\] {
        right: 100%
      }

      .right-\[10px\] {
        right: 10px
      }

      .right-\[14px\] {
        right: 14px
      }

      .right-\[16px\] {
        right: 16px
      }

      .right-\[50px\] {
        right: 50px
      }

      .right-\[5px\] {
        right: 5px
      }

      .top-0 {
        top: 0
      }

      .top-1 {
        top: 4px
      }

      .top-1\/2 {
        top: 50%
      }

      .top-10 {
        top: 40px
      }

      .top-2 {
        top: 8px
      }

      .top-2\/4 {
        top: 50%
      }

      .top-3 {
        top: 12px
      }

      .top-\[-20px\] {
        top: -20px
      }

      .top-\[1\%\] {
        top: 1%
      }

      .top-\[100\%\] {
        top: 100%
      }

      .top-\[101px\] {
        top: 101px
      }

      .top-\[120\%\] {
        top: 120%
      }

      .top-\[2px\] {
        top: 2px
      }

      .top-\[50\%\] {
        top: 50%
      }

      .top-\[55px\] {
        top: 55px
      }

      .top-\[62px\] {
        top: 62px
      }

      .-z-10 {
        z-index: -10
      }

      .z-0 {
        z-index: 0
      }

      .z-10 {
        z-index: 10
      }

      .z-20 {
        z-index: 20
      }

      .z-30 {
        z-index: 30
      }

      .z-40 {
        z-index: 40
      }

      .z-50 {
        z-index: 50
      }

      .z-\[10000\] {
        z-index: 10000
      }

      .z-\[1000\] {
        z-index: 1000
      }

      .z-\[100\] {
        z-index: 100
      }

      .z-\[1\] {
        z-index: 1
      }

      .z-\[2147483647\] {
        z-index: 2147483647
      }

      .z-\[2\] {
        z-index: 2
      }

      .z-\[3\] {
        z-index: 3
      }

      .z-\[44\] {
        z-index: 44
      }

      .z-\[45\] {
        z-index: 45
      }

      .z-\[4\] {
        z-index: 4
      }

      .z-\[99999\] {
        z-index: 99999
      }

      .z-\[999\] {
        z-index: 999
      }

      .col-span-2 {
        grid-column: span 2 / span 2
      }

      .m-0 {
        margin: 0
      }

      .m-1 {
        margin: 4px
      }

      .m-2 {
        margin: 8px
      }

      .m-3 {
        margin: 12px
      }

      .m-4 {
        margin: 16px
      }

      .m-6 {
        margin: 24px
      }

      .-mx-2 {
        margin-left: -8px;
        margin-right: -8px
      }

      .-mx-2\.5 {
        margin-left: -10px;
        margin-right: -10px
      }

      .-my-1 {
        margin-top: -4px;
        margin-bottom: -4px
      }

      .-my-1\.5 {
        margin-top: -6px;
        margin-bottom: -6px
      }

      .mx-0 {
        margin-left: 0;
        margin-right: 0
      }

      .mx-0\.5 {
        margin-left: 2px;
        margin-right: 2px
      }

      .mx-1 {
        margin-left: 4px;
        margin-right: 4px
      }

      .mx-2 {
        margin-left: 8px;
        margin-right: 8px
      }

      .mx-4 {
        margin-left: 16px;
        margin-right: 16px
      }

      .mx-auto {
        margin-left: auto;
        margin-right: auto
      }

      .my-0 {
        margin-top: 0;
        margin-bottom: 0
      }

      .my-0\.5 {
        margin-top: 2px;
        margin-bottom: 2px
      }

      .my-1 {
        margin-top: 4px;
        margin-bottom: 4px
      }

      .my-2 {
        margin-top: 8px;
        margin-bottom: 8px
      }

      .my-3 {
        margin-top: 12px;
        margin-bottom: 12px
      }

      .my-4 {
        margin-top: 16px;
        margin-bottom: 16px
      }

      .my-auto {
        margin-top: auto;
        margin-bottom: auto
      }

      .\!mb-3 {
        margin-bottom: 12px !important
      }

      .\!mb-4 {
        margin-bottom: 16px !important
      }

      .\!mt-auto {
        margin-top: auto !important
      }

      .-ml-16 {
        margin-left: -64px
      }

      .-ml-\[2px\] {
        margin-left: -2px
      }

      .-mr-2 {
        margin-right: -8px
      }

      .-mt-1 {
        margin-top: -4px
      }

      .-mt-2 {
        margin-top: -8px
      }

      .mb-1 {
        margin-bottom: 4px
      }

      .mb-1\.5 {
        margin-bottom: 6px
      }

      .mb-10 {
        margin-bottom: 40px
      }

      .mb-12 {
        margin-bottom: 48px
      }

      .mb-2 {
        margin-bottom: 8px
      }

      .mb-2\.5 {
        margin-bottom: 10px
      }

      .mb-3 {
        margin-bottom: 12px
      }

      .mb-32 {
        margin-bottom: 128px
      }

      .mb-4 {
        margin-bottom: 16px
      }

      .mb-6 {
        margin-bottom: 24px
      }

      .ml-1 {
        margin-left: 4px
      }

      .ml-10 {
        margin-left: 40px
      }

      .ml-2 {
        margin-left: 8px
      }

      .ml-\[5px\] {
        margin-left: 5px
      }

      .ml-\[clamp\(240px\,40vw\,300px\)\] {
        margin-left: clamp(240px, 40vw, 300px)
      }

      .ml-auto {
        margin-left: auto
      }

      .mr-1 {
        margin-right: 4px
      }

      .mr-2 {
        margin-right: 8px
      }

      .mr-3 {
        margin-right: 12px
      }

      .mr-6 {
        margin-right: 24px
      }

      .mr-\[4px\] {
        margin-right: 4px
      }

      .mr-auto {
        margin-right: auto
      }

      .mt-1 {
        margin-top: 4px
      }

      .mt-2 {
        margin-top: 8px
      }

      .mt-3 {
        margin-top: 12px
      }

      .mt-4 {
        margin-top: 16px
      }

      .mt-5 {
        margin-top: 20px
      }

      .mt-\[3px\] {
        margin-top: 3px
      }

      .box-border {
        box-sizing: border-box
      }

      .line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
      }

      .line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
      }

      .block {
        display: block
      }

      .inline-block {
        display: inline-block
      }

      .inline {
        display: inline
      }

      .flex {
        display: flex
      }

      .inline-flex {
        display: inline-flex
      }

      .table {
        display: table
      }

      .grid {
        display: grid
      }

      .contents {
        display: contents
      }

      .hidden {
        display: none
      }

      .aspect-\[10\/4\] {
        aspect-ratio: 10/4
      }

      .aspect-\[5\/4\] {
        aspect-ratio: 5/4
      }

      .\!h-4 {
        height: 16px !important
      }

      .h-0 {
        height: 0px
      }

      .h-1 {
        height: 4px
      }

      .h-1\.5 {
        height: 6px
      }

      .h-10 {
        height: 40px
      }

      .h-12 {
        height: 48px
      }

      .h-14 {
        height: 56px
      }

      .h-16 {
        height: 64px
      }

      .h-2 {
        height: 8px
      }

      .h-24 {
        height: 96px
      }

      .h-3 {
        height: 12px
      }

      .h-32 {
        height: 128px
      }

      .h-4 {
        height: 16px
      }

      .h-40 {
        height: 160px
      }

      .h-44 {
        height: 176px
      }

      .h-5 {
        height: 20px
      }

      .h-6 {
        height: 24px
      }

      .h-60 {
        height: 240px
      }

      .h-64 {
        height: 256px
      }

      .h-7 {
        height: 28px
      }

      .h-8 {
        height: 32px
      }

      .h-\[115px\] {
        height: 115px
      }

      .h-\[121px\] {
        height: 121px
      }

      .h-\[122px\] {
        height: 122px
      }

      .h-\[20px\] {
        height: 20px
      }

      .h-\[210px\] {
        height: 210px
      }

      .h-\[24px\] {
        height: 24px
      }

      .h-\[26px\] {
        height: 26px
      }

      .h-\[28px\] {
        height: 28px
      }

      .h-\[2px\] {
        height: 2px
      }

      .h-\[30px\] {
        height: 30px
      }

      .h-\[35px\] {
        height: 35px
      }

      .h-\[3px\] {
        height: 3px
      }

      .h-\[40vh\] {
        height: 40vh
      }

      .h-\[49vh\] {
        height: 49vh
      }

      .h-\[50px\] {
        height: 50px
      }

      .h-\[7px\] {
        height: 7px
      }

      .h-\[80vh\] {
        height: 80vh
      }

      .h-\[90\%\] {
        height: 90%
      }

      .h-\[95\%\] {
        height: 95%
      }

      .h-\[calc\(\(100\%\)\*1\.333\)\] {
        height: calc((100%) * 1.333)
      }

      .h-auto {
        height: auto
      }

      .h-fit {
        height: -moz-fit-content;
        height: fit-content
      }

      .h-full {
        height: 100%
      }

      .h-screen {
        height: 100vh
      }

      .max-h-12 {
        max-height: 48px
      }

      .max-h-64 {
        max-height: 256px
      }

      .max-h-72 {
        max-height: 288px
      }

      .max-h-80 {
        max-height: 320px
      }

      .max-h-96 {
        max-height: 384px
      }

      .max-h-\[115px\] {
        max-height: 115px
      }

      .max-h-\[15vh\] {
        max-height: 15vh
      }

      .max-h-\[200px\] {
        max-height: 200px
      }

      .max-h-\[210px\] {
        max-height: 210px
      }

      .max-h-\[25\%\] {
        max-height: 25%
      }

      .max-h-\[25vh\] {
        max-height: 25vh
      }

      .max-h-\[40\%\] {
        max-height: 40%
      }

      .max-h-\[560px\] {
        max-height: 560px
      }

      .max-h-\[70\%\] {
        max-height: 70%
      }

      .max-h-\[70vh\] {
        max-height: 70vh
      }

      .max-h-full {
        max-height: 100%
      }

      .min-h-0 {
        min-height: 0px
      }

      .min-h-\[100px\] {
        min-height: 100px
      }

      .min-h-\[240px\] {
        min-height: 240px
      }

      .min-h-\[24px\] {
        min-height: 24px
      }

      .min-h-\[270px\] {
        min-height: 270px
      }

      .min-h-\[33px\] {
        min-height: 33px
      }

      .min-h-\[360px\] {
        min-height: 360px
      }

      .min-h-\[420px\] {
        min-height: 420px
      }

      .min-h-\[500px\] {
        min-height: 500px
      }

      .min-h-\[50vh\] {
        min-height: 50vh
      }

      .min-h-\[56px\] {
        min-height: 56px
      }

      .min-h-\[5rem\] {
        min-height: 5rem
      }

      .min-h-\[90px\] {
        min-height: 90px
      }

      .min-h-full {
        min-height: 100%
      }

      .min-h-screen {
        min-height: 100vh
      }

      .\!w-4 {
        width: 16px !important
      }

      .\!w-full {
        width: 100% !important
      }

      .w-1 {
        width: 4px
      }

      .w-1\.5 {
        width: 6px
      }

      .w-10 {
        width: 40px
      }

      .w-11\/12 {
        width: 91.666667%
      }

      .w-12 {
        width: 48px
      }

      .w-14 {
        width: 56px
      }

      .w-16 {
        width: 64px
      }

      .w-2 {
        width: 8px
      }

      .w-2\/4 {
        width: 50%
      }

      .w-20 {
        width: 80px
      }

      .w-24 {
        width: 96px
      }

      .w-3 {
        width: 12px
      }

      .w-3\/4 {
        width: 75%
      }

      .w-32 {
        width: 128px
      }

      .w-4 {
        width: 16px
      }

      .w-4\/6 {
        width: 66.666667%
      }

      .w-48 {
        width: 192px
      }

      .w-5 {
        width: 20px
      }

      .w-52 {
        width: 208px
      }

      .w-6 {
        width: 24px
      }

      .w-64 {
        width: 256px
      }

      .w-7 {
        width: 28px
      }

      .w-8 {
        width: 32px
      }

      .w-80 {
        width: 320px
      }

      .w-96 {
        width: 384px
      }

      .w-\[10\%\] {
        width: 10%
      }

      .w-\[180px\] {
        width: 180px
      }

      .w-\[20px\] {
        width: 20px
      }

      .w-\[240px\] {
        width: 240px
      }

      .w-\[24px\] {
        width: 24px
      }

      .w-\[25vw\] {
        width: 25vw
      }

      .w-\[260px\] {
        width: 260px
      }

      .w-\[26px\] {
        width: 26px
      }

      .w-\[30vw\] {
        width: 30vw
      }

      .w-\[32px\] {
        width: 32px
      }

      .w-\[360px\] {
        width: 360px
      }

      .w-\[400px\] {
        width: 400px
      }

      .w-\[439px\] {
        width: 439px
      }

      .w-\[7px\] {
        width: 7px
      }

      .w-\[90\%\] {
        width: 90%
      }

      .w-\[92\%\] {
        width: 92%
      }

      .w-\[93\%\] {
        width: 93%
      }

      .w-\[95\%\] {
        width: 95%
      }

      .w-\[clamp\(240px\,30vw\,300px\)\] {
        width: clamp(240px, 30vw, 300px)
      }

      .w-auto {
        width: auto
      }

      .w-fit {
        width: -moz-fit-content;
        width: fit-content
      }

      .w-full {
        width: 100%
      }

      .w-screen {
        width: 100vw
      }

      .min-w-0 {
        min-width: 0px
      }

      .min-w-\[100px\] {
        min-width: 100px
      }

      .min-w-\[120px\] {
        min-width: 120px
      }

      .min-w-\[140px\] {
        min-width: 140px
      }

      .min-w-\[170px\] {
        min-width: 170px
      }

      .min-w-\[300px\] {
        min-width: 300px
      }

      .min-w-\[320px\] {
        min-width: 320px
      }

      .min-w-\[400px\] {
        min-width: 400px
      }

      .min-w-\[45px\] {
        min-width: 45px
      }

      .min-w-\[500px\] {
        min-width: 500px
      }

      .min-w-\[90\%\] {
        min-width: 90%
      }

      .max-w-3xl {
        max-width: 768px
      }

      .max-w-4xl {
        max-width: 896px
      }

      .max-w-\[180px\] {
        max-width: 180px
      }

      .max-w-\[250px\] {
        max-width: 250px
      }

      .max-w-\[300px\] {
        max-width: 300px
      }

      .max-w-\[360px\] {
        max-width: 360px
      }

      .max-w-\[380px\] {
        max-width: 380px
      }

      .max-w-\[420px\] {
        max-width: 420px
      }

      .max-w-\[450px\] {
        max-width: 450px
      }

      .max-w-\[600px\] {
        max-width: 600px
      }

      .max-w-\[60vw\] {
        max-width: 60vw
      }

      .max-w-\[650px\] {
        max-width: 650px
      }

      .max-w-\[90\%\] {
        max-width: 90%
      }

      .max-w-full {
        max-width: 100%
      }

      .max-w-md {
        max-width: 448px
      }

      .max-w-xl {
        max-width: 576px
      }

      .max-w-xs {
        max-width: 320px
      }

      .flex-1 {
        flex: 1 1 0%
      }

      .flex-auto {
        flex: 1 1 auto
      }

      .flex-shrink-0,
      .shrink-0 {
        flex-shrink: 0
      }

      .flex-grow,
      .grow {
        flex-grow: 1
      }

      .border-collapse {
        border-collapse: collapse
      }

      .\!translate-x-0 {
        --tw-translate-x: 0px !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
      }

      .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-x-2 {
        --tw-translate-x: -8px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-x-2\/4 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-x-\[10px\] {
        --tw-translate-x: -10px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-x-\[20px\] {
        --tw-translate-x: -20px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-x-\[30px\] {
        --tw-translate-x: -30px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-x-\[48px\] {
        --tw-translate-x: -48px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-x-full {
        --tw-translate-x: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-y-1\/2,
      .-translate-y-2\/4 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-y-3\/4 {
        --tw-translate-y: -75%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-y-\[\.5px\] {
        --tw-translate-y: -.5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-y-\[40\%\] {
        --tw-translate-y: -40%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-translate-y-full {
        --tw-translate-y: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-x-\[0\%\] {
        --tw-translate-x: 0%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-x-\[1\.5px\] {
        --tw-translate-x: 1.5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-x-\[116\%\] {
        --tw-translate-x: 116%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-x-\[120\%\] {
        --tw-translate-x: 120%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-x-\[2px\] {
        --tw-translate-x: 2px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-x-\[40\%\] {
        --tw-translate-x: 40%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-x-\[4px\] {
        --tw-translate-x: 4px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-x-full {
        --tw-translate-x: 100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-y-3\/4 {
        --tw-translate-y: 75%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .translate-y-full {
        --tw-translate-y: 100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .-rotate-180 {
        --tw-rotate: -180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .rotate-0 {
        --tw-rotate: 0deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .rotate-180 {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .rotate-45 {
        --tw-rotate: 45deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .rotate-90 {
        --tw-rotate: 90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .scale-90 {
        --tw-scale-x: .9;
        --tw-scale-y: .9;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .transform,
      .transform-cpu {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      @keyframes border {

        0%,
        to {
          background-position: 0% 50%
        }

        50% {
          background-position: 100% 50%
        }
      }

      .animate-border {
        animation: border 2s ease infinite
      }

      @keyframes bounce {

        0%,
        to {
          animation-timing-function: cubic-bezier(0, 0, .2, 1);
          transform: translateY(0)
        }

        50% {
          animation-timing-function: cubic-bezier(.8, 0, 1, 1);
          transform: translateY(-25%)
        }
      }

      .animate-bounce {
        animation: bounce 1s infinite
      }

      @keyframes spin-keyframes {
        0% {
          transform: rotate(0)
        }

        to {
          transform: rotate(360deg)
        }
      }

      .animate-loader-spin {
        animation: spin-keyframes 1s linear infinite
      }

      @keyframes ping {
        75% {
          opacity: 0;
          transform: scale(2)
        }

        to {
          opacity: 0;
          transform: scale(2)
        }
      }

      .animate-ping {
        animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
      }

      @keyframes ping-youtube-keyframes {
        75% {
          opacity: 0;
          transform: scale(1.07, 1.35)
        }

        to {
          opacity: 0;
          transform: scale(1.07, 1.35)
        }
      }

      .animate-ping-youtube {
        animation: ping-youtube-keyframes 1s cubic-bezier(0, 0, .2, 1) infinite
      }

      @keyframes progress-scraping {
        0% {
          width: 0%
        }

        to {
          width: 100%
        }
      }

      .animate-progress-scraping {
        animation: progress-scraping 60s linear forwards
      }

      @keyframes pulse {

        0%,
        to {
          opacity: 1
        }

        50% {
          opacity: .5
        }
      }

      .animate-pulse {
        animation: pulse 1.5s infinite
      }

      @keyframes skeleton-chat-msg-keyframes {
        0% {
          background-position: -1000px 0
        }

        to {
          background-position: 1000px 0
        }
      }

      .animate-skeleton-chat-msg {
        animation: skeleton-chat-msg-keyframes 2.4s infinite ease
      }

      .cursor-default {
        cursor: default
      }

      .cursor-not-allowed {
        cursor: not-allowed
      }

      .cursor-pointer {
        cursor: pointer
      }

      .cursor-text {
        cursor: text
      }

      .select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
      }

      .resize-none {
        resize: none
      }

      .resize {
        resize: both
      }

      .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness)
      }

      .snap-start {
        scroll-snap-align: start
      }

      .scroll-m-1 {
        scroll-margin: 4px
      }

      .scroll-px-0 {
        scroll-padding-left: 0px;
        scroll-padding-right: 0px
      }

      .scroll-px-0\.5 {
        scroll-padding-left: 2px;
        scroll-padding-right: 2px
      }

      .list-inside {
        list-style-position: inside
      }

      .list-outside {
        list-style-position: outside
      }

      .list-decimal {
        list-style-type: decimal
      }

      .list-disc {
        list-style-type: disc
      }

      .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
      }

      .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
      }

      .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }

      .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
      }

      .grid-cols-\[1fr_10fr_1fr\] {
        grid-template-columns: 1fr 10fr 1fr
      }

      .grid-cols-\[32px_auto_32px\] {
        grid-template-columns: 32px auto 32px
      }

      .grid-cols-\[auto_32px\] {
        grid-template-columns: auto 32px
      }

      .flex-row {
        flex-direction: row
      }

      .flex-row-reverse {
        flex-direction: row-reverse
      }

      .flex-col {
        flex-direction: column
      }

      .flex-wrap {
        flex-wrap: wrap
      }

      .flex-nowrap {
        flex-wrap: nowrap
      }

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

      .content-center {
        align-content: center
      }

      .items-start {
        align-items: flex-start
      }

      .items-end {
        align-items: flex-end
      }

      .items-center {
        align-items: center
      }

      .items-baseline {
        align-items: baseline
      }

      .items-stretch {
        align-items: stretch
      }

      .justify-start {
        justify-content: flex-start
      }

      .justify-end {
        justify-content: flex-end
      }

      .justify-center {
        justify-content: center
      }

      .justify-between {
        justify-content: space-between
      }

      .justify-evenly {
        justify-content: space-evenly
      }

      .gap-0 {
        gap: 0px
      }

      .gap-0\.5 {
        gap: 2px
      }

      .gap-1 {
        gap: 4px
      }

      .gap-1\.5 {
        gap: 6px
      }

      .gap-12 {
        gap: 48px
      }

      .gap-2 {
        gap: 8px
      }

      .gap-2\.5 {
        gap: 10px
      }

      .gap-3 {
        gap: 12px
      }

      .gap-4 {
        gap: 16px
      }

      .gap-6 {
        gap: 24px
      }

      .gap-\[3px\] {
        gap: 3px
      }

      .space-x-1>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(4px * var(--tw-space-x-reverse));
        margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse)))
      }

      .space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(8px * var(--tw-space-x-reverse));
        margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)))
      }

      .space-y-1>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(4px * var(--tw-space-y-reverse))
      }

      .space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(8px * var(--tw-space-y-reverse))
      }

      .space-y-3>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(12px * var(--tw-space-y-reverse))
      }

      .divide-x-2>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(2px * var(--tw-divide-x-reverse));
        border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)))
      }

      .divide-y>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
      }

      .divide-y-2>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(2px * var(--tw-divide-y-reverse))
      }

      .divide-slate-300>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(203 213 225 / var(--tw-divide-opacity))
      }

      .divide-slate-600>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(71 85 105 / var(--tw-divide-opacity))
      }

      .self-start {
        align-self: flex-start
      }

      .self-center {
        align-self: center
      }

      .overflow-auto {
        overflow: auto
      }

      .overflow-hidden {
        overflow: hidden
      }

      .overflow-x-auto {
        overflow-x: auto
      }

      .overflow-y-auto {
        overflow-y: auto
      }

      .overflow-x-hidden {
        overflow-x: hidden
      }

      .overflow-y-scroll {
        overflow-y: scroll
      }

      .scroll-auto {
        scroll-behavior: auto
      }

      .scroll-smooth {
        scroll-behavior: smooth
      }

      .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
      }

      .overflow-ellipsis,
      .text-ellipsis {
        text-overflow: ellipsis
      }

      .whitespace-nowrap {
        white-space: nowrap
      }

      .whitespace-pre {
        white-space: pre
      }

      .whitespace-pre-line {
        white-space: pre-line
      }

      .whitespace-pre-wrap {
        white-space: pre-wrap
      }

      .whitespace-break-spaces {
        white-space: break-spaces
      }

      .break-words {
        overflow-wrap: break-word
      }

      .break-all {
        word-break: break-all
      }

      .break-keep {
        word-break: keep-all
      }

      .\!rounded {
        border-radius: 4px !important
      }

      .\!rounded-md {
        border-radius: 6px !important
      }

      .rounded {
        border-radius: 4px
      }

      .rounded-2xl {
        border-radius: 16px
      }

      .rounded-3xl {
        border-radius: 24px
      }

      .rounded-\[0\] {
        border-radius: 0
      }

      .rounded-\[4px\] {
        border-radius: 4px
      }

      .rounded-full {
        border-radius: 9999px
      }

      .rounded-lg {
        border-radius: 8px
      }

      .rounded-md {
        border-radius: 6px
      }

      .rounded-sm {
        border-radius: 2px
      }

      .rounded-xl {
        border-radius: 12px
      }

      .rounded-b {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
      }

      .rounded-b-2xl {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
      }

      .rounded-b-lg {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
      }

      .rounded-b-md {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
      }

      .rounded-b-xl {
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px
      }

      .rounded-l-full {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px
      }

      .rounded-r-full {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px
      }

      .rounded-r-md {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
      }

      .rounded-t {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
      }

      .rounded-t-2xl {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
      }

      .rounded-t-lg {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
      }

      .rounded-t-md {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
      }

      .rounded-t-xl {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
      }

      .rounded-bl {
        border-bottom-left-radius: 4px
      }

      .rounded-br {
        border-bottom-right-radius: 4px
      }

      .rounded-br-lg {
        border-bottom-right-radius: 8px
      }

      .rounded-tl {
        border-top-left-radius: 4px
      }

      .rounded-tl-xl {
        border-top-left-radius: 12px
      }

      .rounded-tr {
        border-top-right-radius: 4px
      }

      .rounded-tr-xl {
        border-top-right-radius: 12px
      }

      .\!border-2 {
        border-width: 2px !important
      }

      .border {
        border-width: 1px
      }

      .border-2 {
        border-width: 2px
      }

      .border-4 {
        border-width: 4px
      }

      .border-\[0px\] {
        border-width: 0px
      }

      .border-\[1\.5px\] {
        border-width: 1.5px
      }

      .border-\[3px\] {
        border-width: 3px
      }

      .border-x {
        border-left-width: 1px;
        border-right-width: 1px
      }

      .border-x-2 {
        border-left-width: 2px;
        border-right-width: 2px
      }

      .border-b {
        border-bottom-width: 1px
      }

      .border-b-2 {
        border-bottom-width: 2px
      }

      .border-l {
        border-left-width: 1px
      }

      .border-l-0 {
        border-left-width: 0px
      }

      .border-l-4 {
        border-left-width: 4px
      }

      .border-r {
        border-right-width: 1px
      }

      .border-r-0 {
        border-right-width: 0px
      }

      .border-t {
        border-top-width: 1px
      }

      .border-t-2 {
        border-top-width: 2px
      }

      .border-dashed {
        border-style: dashed
      }

      .border-none {
        border-style: none
      }

      .\!border-cornblue-500 {
        --tw-border-opacity: 1 !important;
        border-color: rgb(100 115 232 / var(--tw-border-opacity)) !important
      }

      .border-\[\#1E293B\] {
        --tw-border-opacity: 1;
        border-color: rgb(30 41 59 / var(--tw-border-opacity))
      }

      .border-\[\#ddd\] {
        --tw-border-opacity: 1;
        border-color: rgb(221 221 221 / var(--tw-border-opacity))
      }

      .border-amber-400 {
        --tw-border-opacity: 1;
        border-color: rgb(251 191 36 / var(--tw-border-opacity))
      }

      .border-amber-500 {
        --tw-border-opacity: 1;
        border-color: rgb(245 158 11 / var(--tw-border-opacity))
      }

      .border-black {
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0 / var(--tw-border-opacity))
      }

      .border-cornblue-200 {
        --tw-border-opacity: 1;
        border-color: rgb(202 217 251 / var(--tw-border-opacity))
      }

      .border-cornblue-300 {
        --tw-border-opacity: 1;
        border-color: rgb(170 190 247 / var(--tw-border-opacity))
      }

      .border-cornblue-400 {
        --tw-border-opacity: 1;
        border-color: rgb(136 155 241 / var(--tw-border-opacity))
      }

      .border-cornblue-500 {
        --tw-border-opacity: 1;
        border-color: rgb(100 115 232 / var(--tw-border-opacity))
      }

      .border-cornblue-600 {
        --tw-border-opacity: 1;
        border-color: rgb(79 84 220 / var(--tw-border-opacity))
      }

      .border-cornblue-700 {
        --tw-border-opacity: 1;
        border-color: rgb(64 66 194 / var(--tw-border-opacity))
      }

      .border-cornblue-800 {
        --tw-border-opacity: 1;
        border-color: rgb(54 57 157 / var(--tw-border-opacity))
      }

      .border-emerald-200 {
        --tw-border-opacity: 1;
        border-color: rgb(167 243 208 / var(--tw-border-opacity))
      }

      .border-emerald-500 {
        --tw-border-opacity: 1;
        border-color: rgb(16 185 129 / var(--tw-border-opacity))
      }

      .border-emerald-600 {
        --tw-border-opacity: 1;
        border-color: rgb(5 150 105 / var(--tw-border-opacity))
      }

      .border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219 / var(--tw-border-opacity))
      }

      .border-gray-500 {
        --tw-border-opacity: 1;
        border-color: rgb(107 114 128 / var(--tw-border-opacity))
      }

      .border-pink-500 {
        --tw-border-opacity: 1;
        border-color: rgb(236 72 153 / var(--tw-border-opacity))
      }

      .border-red-400 {
        --tw-border-opacity: 1;
        border-color: rgb(248 113 113 / var(--tw-border-opacity))
      }

      .border-red-500 {
        --tw-border-opacity: 1;
        border-color: rgb(239 68 68 / var(--tw-border-opacity))
      }

      .border-red-600 {
        --tw-border-opacity: 1;
        border-color: rgb(220 38 38 / var(--tw-border-opacity))
      }

      .border-rose-100 {
        --tw-border-opacity: 1;
        border-color: rgb(255 228 230 / var(--tw-border-opacity))
      }

      .border-rose-500 {
        --tw-border-opacity: 1;
        border-color: rgb(244 63 94 / var(--tw-border-opacity))
      }

      .border-sky-500 {
        --tw-border-opacity: 1;
        border-color: rgb(14 165 233 / var(--tw-border-opacity))
      }

      .border-slate-100 {
        --tw-border-opacity: 1;
        border-color: rgb(241 245 249 / var(--tw-border-opacity))
      }

      .border-slate-200 {
        --tw-border-opacity: 1;
        border-color: rgb(226 232 240 / var(--tw-border-opacity))
      }

      .border-slate-300 {
        --tw-border-opacity: 1;
        border-color: rgb(203 213 225 / var(--tw-border-opacity))
      }

      .border-slate-300\/50 {
        border-color: #cbd5e180
      }

      .border-slate-400 {
        --tw-border-opacity: 1;
        border-color: rgb(148 163 184 / var(--tw-border-opacity))
      }

      .border-slate-500 {
        --tw-border-opacity: 1;
        border-color: rgb(100 116 139 / var(--tw-border-opacity))
      }

      .border-slate-700 {
        --tw-border-opacity: 1;
        border-color: rgb(51 65 85 / var(--tw-border-opacity))
      }

      .border-slate-800 {
        --tw-border-opacity: 1;
        border-color: rgb(30 41 59 / var(--tw-border-opacity))
      }

      .border-violet-400 {
        --tw-border-opacity: 1;
        border-color: rgb(167 139 250 / var(--tw-border-opacity))
      }

      .border-white {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity))
      }

      .border-yellow-600 {
        --tw-border-opacity: 1;
        border-color: rgb(202 138 4 / var(--tw-border-opacity))
      }

      .border-b-slate-200 {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity))
      }

      .border-b-slate-300 {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(203 213 225 / var(--tw-border-opacity))
      }

      .border-b-slate-700 {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(51 65 85 / var(--tw-border-opacity))
      }

      .border-b-slate-800 {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(30 41 59 / var(--tw-border-opacity))
      }

      .border-l-slate-200 {
        --tw-border-opacity: 1;
        border-left-color: rgb(226 232 240 / var(--tw-border-opacity))
      }

      .border-r-slate-200 {
        --tw-border-opacity: 1;
        border-right-color: rgb(226 232 240 / var(--tw-border-opacity))
      }

      .border-opacity-100 {
        --tw-border-opacity: 1
      }

      .border-opacity-30 {
        --tw-border-opacity: .3
      }

      .border-opacity-50 {
        --tw-border-opacity: .5
      }

      .\!bg-cornblue-300 {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(170 190 247 / var(--tw-bg-opacity)) !important
      }

      .\!bg-cornblue-400 {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(136 155 241 / var(--tw-bg-opacity)) !important
      }

      .\!bg-slate-100 {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important
      }

      .\!bg-slate-300 {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(203 213 225 / var(--tw-bg-opacity)) !important
      }

      .\!bg-transparent {
        background-color: transparent !important
      }

      .bg-\[\#0e72a3\] {
        --tw-bg-opacity: 1;
        background-color: rgb(14 114 163 / var(--tw-bg-opacity))
      }

      .bg-\[\#1c9ceb\] {
        --tw-bg-opacity: 1;
        background-color: rgb(28 156 235 / var(--tw-bg-opacity))
      }

      .bg-\[\#4F54DC\] {
        --tw-bg-opacity: 1;
        background-color: rgb(79 84 220 / var(--tw-bg-opacity))
      }

      .bg-amber-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(255 251 235 / var(--tw-bg-opacity))
      }

      .bg-blue-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(37 99 235 / var(--tw-bg-opacity))
      }

      .bg-cornblue-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(226 234 253 / var(--tw-bg-opacity))
      }

      .bg-cornblue-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(202 217 251 / var(--tw-bg-opacity))
      }

      .bg-cornblue-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(170 190 247 / var(--tw-bg-opacity))
      }

      .bg-cornblue-300\/30 {
        background-color: #aabef74d
      }

      .bg-cornblue-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(136 155 241 / var(--tw-bg-opacity))
      }

      .bg-cornblue-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(100 115 232 / var(--tw-bg-opacity))
      }

      .bg-cornblue-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(79 84 220 / var(--tw-bg-opacity))
      }

      .bg-cornblue-600\/30 {
        background-color: #4f54dc4d
      }

      .bg-cornblue-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(54 57 157 / var(--tw-bg-opacity))
      }

      .bg-emerald-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(16 185 129 / var(--tw-bg-opacity))
      }

      .bg-emerald-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(5 150 105 / var(--tw-bg-opacity))
      }

      .bg-fuchsia-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(245 208 254 / var(--tw-bg-opacity))
      }

      .bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246 / var(--tw-bg-opacity))
      }

      .bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(229 231 235 / var(--tw-bg-opacity))
      }

      .bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(75 85 99 / var(--tw-bg-opacity))
      }

      .bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(55 65 81 / var(--tw-bg-opacity))
      }

      .bg-green-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(22 163 74 / var(--tw-bg-opacity))
      }

      .bg-indigo-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(129 140 248 / var(--tw-bg-opacity))
      }

      .bg-indigo-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(99 102 241 / var(--tw-bg-opacity))
      }

      .bg-inherit {
        background-color: inherit
      }

      .bg-neutral-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(38 38 38 / var(--tw-bg-opacity))
      }

      .bg-red-300\/90 {
        background-color: #fca5a5e6
      }

      .bg-red-400\/80 {
        background-color: #f87171cc
      }

      .bg-rose-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(255 228 230 / var(--tw-bg-opacity))
      }

      .bg-rose-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(254 205 211 / var(--tw-bg-opacity))
      }

      .bg-rose-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(244 63 94 / var(--tw-bg-opacity))
      }

      .bg-rose-500\/50 {
        background-color: #f43f5e80
      }

      .bg-sky-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(56 189 248 / var(--tw-bg-opacity))
      }

      .bg-sky-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(14 165 233 / var(--tw-bg-opacity))
      }

      .bg-slate-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(241 245 249 / var(--tw-bg-opacity))
      }

      .bg-slate-100\/5 {
        background-color: #f1f5f90d
      }

      .bg-slate-100\/90 {
        background-color: #f1f5f9e6
      }

      .bg-slate-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(226 232 240 / var(--tw-bg-opacity))
      }

      .bg-slate-200\/50 {
        background-color: #e2e8f080
      }

      .bg-slate-200\/60 {
        background-color: #e2e8f099
      }

      .bg-slate-200\/70 {
        background-color: #e2e8f0b3
      }

      .bg-slate-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(203 213 225 / var(--tw-bg-opacity))
      }

      .bg-slate-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity))
      }

      .bg-slate-50\/30 {
        background-color: #f8fafc4d
      }

      .bg-slate-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(71 85 105 / var(--tw-bg-opacity))
      }

      .bg-slate-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(51 65 85 / var(--tw-bg-opacity))
      }

      .bg-slate-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity))
      }

      .bg-slate-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(15 23 42 / var(--tw-bg-opacity))
      }

      .bg-slate-950 {
        --tw-bg-opacity: 1;
        background-color: rgb(2 6 23 / var(--tw-bg-opacity))
      }

      .bg-transparent {
        background-color: transparent
      }

      .bg-violet-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(237 233 254 / var(--tw-bg-opacity))
      }

      .bg-violet-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(124 58 237 / var(--tw-bg-opacity))
      }

      .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
      }

      .bg-white\/30 {
        background-color: #ffffff4d
      }

      .bg-yellow-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(254 240 138 / var(--tw-bg-opacity))
      }

      .\!bg-opacity-30 {
        --tw-bg-opacity: .3 !important
      }

      .bg-opacity-10 {
        --tw-bg-opacity: .1
      }

      .bg-opacity-100 {
        --tw-bg-opacity: 1
      }

      .bg-opacity-30 {
        --tw-bg-opacity: .3
      }

      .bg-opacity-40 {
        --tw-bg-opacity: .4
      }

      .bg-opacity-50 {
        --tw-bg-opacity: .5
      }

      .bg-btn-gradient {
        background-image: linear-gradient(45deg, #facc15, #db2777, #7e22ce, #5b21b6)
      }

      .bg-gradient-to-r {
        background-image: linear-gradient(to right, var(--tw-gradient-stops))
      }

      .bg-gradient-to-t {
        background-image: linear-gradient(to top, var(--tw-gradient-stops))
      }

      .bg-infoBanner-gradient {
        background-image: radial-gradient(50% 3938.28% at 50% 50%, #EFCBFF 0%, #EDE4FF 58.65%, #EDE9FE 100%)
      }

      .from-pink-400 {
        --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .from-red-500 {
        --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .from-slate-100 {
        --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .from-slate-200 {
        --tw-gradient-from: #e2e8f0 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(226 232 240 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .from-violet-600 {
        --tw-gradient-from: #7c3aed var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .from-40\% {
        --tw-gradient-from-position: 40%
      }

      .via-purple-500 {
        --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)
      }

      .via-slate-300 {
        --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), #cbd5e1 var(--tw-gradient-via-position), var(--tw-gradient-to)
      }

      .to-blue-400 {
        --tw-gradient-to: #60a5fa var(--tw-gradient-to-position)
      }

      .to-cornblue-500 {
        --tw-gradient-to: #6473e8 var(--tw-gradient-to-position)
      }

      .to-indigo-600 {
        --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)
      }

      .to-slate-400 {
        --tw-gradient-to: #94a3b8 var(--tw-gradient-to-position)
      }

      .bg-\[length\:400\%_400\%\] {
        background-size: 400% 400%
      }

      .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
      }

      .bg-right-bottom {
        background-position: right bottom
      }

      .fill-amber-400 {
        fill: #fbbf24
      }

      .fill-blue-400 {
        fill: #60a5fa
      }

      .fill-cornblue-500 {
        fill: #6473e8
      }

      .fill-red-600 {
        fill: #dc2626
      }

      .stroke-black {
        stroke: #000
      }

      .stroke-cornblue-500 {
        stroke: #6473e8
      }

      .stroke-slate-400 {
        stroke: #94a3b8
      }

      .stroke-slate-500 {
        stroke: #64748b
      }

      .stroke-white {
        stroke: #fff
      }

      .stroke-1 {
        stroke-width: 1
      }

      .stroke-\[1\.3\] {
        stroke-width: 1.3
      }

      .stroke-\[1\.5\] {
        stroke-width: 1.5
      }

      .stroke-\[1\.5px\] {
        stroke-width: 1.5px
      }

      .stroke-\[2\.5px\] {
        stroke-width: 2.5px
      }

      .stroke-\[2\] {
        stroke-width: 2
      }

      .object-cover {
        -o-object-fit: cover;
        object-fit: cover
      }

      .\!p-1 {
        padding: 4px !important
      }

      .p-0 {
        padding: 0
      }

      .p-0\.5 {
        padding: 2px
      }

      .p-1 {
        padding: 4px
      }

      .p-1\.5 {
        padding: 6px
      }

      .p-2 {
        padding: 8px
      }

      .p-3 {
        padding: 12px
      }

      .p-4 {
        padding: 16px
      }

      .p-5 {
        padding: 20px
      }

      .p-6 {
        padding: 24px
      }

      .p-\[10px\] {
        padding: 10px
      }

      .p-\[1px\] {
        padding: 1px
      }

      .p-\[2px\] {
        padding: 2px
      }

      .p-\[3px\] {
        padding: 3px
      }

      .p-\[5px\] {
        padding: 5px
      }

      .px-0 {
        padding-left: 0;
        padding-right: 0
      }

      .px-0\.5 {
        padding-left: 2px;
        padding-right: 2px
      }

      .px-1 {
        padding-left: 4px;
        padding-right: 4px
      }

      .px-1\.5 {
        padding-left: 6px;
        padding-right: 6px
      }

      .px-2 {
        padding-left: 8px;
        padding-right: 8px
      }

      .px-28 {
        padding-left: 112px;
        padding-right: 112px
      }

      .px-3 {
        padding-left: 12px;
        padding-right: 12px
      }

      .px-4 {
        padding-left: 16px;
        padding-right: 16px
      }

      .px-5 {
        padding-left: 20px;
        padding-right: 20px
      }

      .px-6 {
        padding-left: 24px;
        padding-right: 24px
      }

      .px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
      }

      .px-\[3px\] {
        padding-left: 3px;
        padding-right: 3px
      }

      .py-0 {
        padding-top: 0;
        padding-bottom: 0
      }

      .py-0\.5 {
        padding-top: 2px;
        padding-bottom: 2px
      }

      .py-1 {
        padding-top: 4px;
        padding-bottom: 4px
      }

      .py-1\.5 {
        padding-top: 6px;
        padding-bottom: 6px
      }

      .py-2 {
        padding-top: 8px;
        padding-bottom: 8px
      }

      .py-3 {
        padding-top: 12px;
        padding-bottom: 12px
      }

      .py-4 {
        padding-top: 16px;
        padding-bottom: 16px
      }

      .py-\[10vh\] {
        padding-top: 10vh;
        padding-bottom: 10vh
      }

      .py-\[2px\] {
        padding-top: 2px;
        padding-bottom: 2px
      }

      .py-\[5\.5px\] {
        padding-top: 5.5px;
        padding-bottom: 5.5px
      }

      .py-\[6px\] {
        padding-top: 6px;
        padding-bottom: 6px
      }

      .py-\[8px\] {
        padding-top: 8px;
        padding-bottom: 8px
      }

      .pb-1 {
        padding-bottom: 4px
      }

      .pb-3 {
        padding-bottom: 12px
      }

      .pb-4 {
        padding-bottom: 16px
      }

      .pb-8 {
        padding-bottom: 32px
      }

      .pb-9 {
        padding-bottom: 36px
      }

      .pb-\[14px\] {
        padding-bottom: 14px
      }

      .pb-\[56\.25\%\] {
        padding-bottom: 56.25%
      }

      .pb-\[5px\] {
        padding-bottom: 5px
      }

      .pl-2 {
        padding-left: 8px
      }

      .pl-3 {
        padding-left: 12px
      }

      .pl-4 {
        padding-left: 16px
      }

      .pl-5 {
        padding-left: 20px
      }

      .pl-6 {
        padding-left: 24px
      }

      .pl-8 {
        padding-left: 32px
      }

      .pl-\[72px\] {
        padding-left: 72px
      }

      .pl-\[8px\] {
        padding-left: 8px
      }

      .pr-1 {
        padding-right: 4px
      }

      .pr-2 {
        padding-right: 8px
      }

      .pr-4 {
        padding-right: 16px
      }

      .pr-\[72px\] {
        padding-right: 72px
      }

      .pt-0 {
        padding-top: 0
      }

      .pt-0\.5 {
        padding-top: 2px
      }

      .pt-1 {
        padding-top: 4px
      }

      .pt-16 {
        padding-top: 64px
      }

      .pt-2 {
        padding-top: 8px
      }

      .pt-3 {
        padding-top: 12px
      }

      .pt-4 {
        padding-top: 16px
      }

      .pt-8 {
        padding-top: 32px
      }

      .pt-\[40\%\] {
        padding-top: 40%
      }

      .pt-\[6px\] {
        padding-top: 6px
      }

      .pt-\[7rem\] {
        padding-top: 7rem
      }

      .text-left {
        text-align: left
      }

      .text-center {
        text-align: center
      }

      .text-justify {
        text-align: justify
      }

      .text-start {
        text-align: start
      }

      .align-baseline {
        vertical-align: baseline
      }

      .align-middle {
        vertical-align: middle
      }

      .\!font-hanken {
        font-family: Hanken Grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important
      }

      .font-hanken {
        font-family: Hanken Grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
      }

      .font-mono {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
      }

      .font-sans {
        font-family: Hanken Grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
      }

      .text-2xl {
        font-size: 24px;
        line-height: 32px
      }

      .text-3xl {
        font-size: 30px;
        line-height: 36px
      }

      .text-6xl {
        font-size: 60px;
        line-height: 1
      }

      .text-7xl {
        font-size: 72px;
        line-height: 1
      }

      .text-\[13px\] {
        font-size: 13px
      }

      .text-\[15px\] {
        font-size: 15px
      }

      .text-\[42px\] {
        font-size: 42px
      }

      .text-base {
        font-size: 16px;
        line-height: 24px
      }

      .text-lg {
        font-size: 18px;
        line-height: 28px
      }

      .text-sm {
        font-size: 14px;
        line-height: 20px
      }

      .text-xl {
        font-size: 20px;
        line-height: 28px
      }

      .text-xs {
        font-size: 12px;
        line-height: 16px
      }

      .font-bold {
        font-weight: 700
      }

      .font-extrabold {
        font-weight: 800
      }

      .font-medium {
        font-weight: 500
      }

      .font-normal {
        font-weight: 400
      }

      .font-semibold {
        font-weight: 600
      }

      .lowercase {
        text-transform: lowercase
      }

      .capitalize {
        text-transform: capitalize
      }

      .italic {
        font-style: italic
      }

      .leading-5 {
        line-height: 20px
      }

      .leading-6 {
        line-height: 24px
      }

      .leading-\[0\] {
        line-height: 0
      }

      .leading-none {
        line-height: 1
      }

      .leading-relaxed {
        line-height: 1.625
      }

      .tracking-tight {
        letter-spacing: -.025em
      }

      .\!text-slate-500 {
        --tw-text-opacity: 1 !important;
        color: rgb(100 116 139 / var(--tw-text-opacity)) !important
      }

      .\!text-slate-900 {
        --tw-text-opacity: 1 !important;
        color: rgb(15 23 42 / var(--tw-text-opacity)) !important
      }

      .text-\[\#E2EAFD\] {
        --tw-text-opacity: 1;
        color: rgb(226 234 253 / var(--tw-text-opacity))
      }

      .text-amber-400 {
        --tw-text-opacity: 1;
        color: rgb(251 191 36 / var(--tw-text-opacity))
      }

      .text-amber-500 {
        --tw-text-opacity: 1;
        color: rgb(245 158 11 / var(--tw-text-opacity))
      }

      .text-amber-600 {
        --tw-text-opacity: 1;
        color: rgb(217 119 6 / var(--tw-text-opacity))
      }

      .text-amber-700 {
        --tw-text-opacity: 1;
        color: rgb(180 83 9 / var(--tw-text-opacity))
      }

      .text-black {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity))
      }

      .text-blue-400 {
        --tw-text-opacity: 1;
        color: rgb(96 165 250 / var(--tw-text-opacity))
      }

      .text-blue-500 {
        --tw-text-opacity: 1;
        color: rgb(59 130 246 / var(--tw-text-opacity))
      }

      .text-cornblue-100 {
        --tw-text-opacity: 1;
        color: rgb(226 234 253 / var(--tw-text-opacity))
      }

      .text-cornblue-400 {
        --tw-text-opacity: 1;
        color: rgb(136 155 241 / var(--tw-text-opacity))
      }

      .text-cornblue-500 {
        --tw-text-opacity: 1;
        color: rgb(100 115 232 / var(--tw-text-opacity))
      }

      .text-cornblue-600 {
        --tw-text-opacity: 1;
        color: rgb(79 84 220 / var(--tw-text-opacity))
      }

      .text-cornblue-700 {
        --tw-text-opacity: 1;
        color: rgb(64 66 194 / var(--tw-text-opacity))
      }

      .text-cornblue-900 {
        --tw-text-opacity: 1;
        color: rgb(44 50 139 / var(--tw-text-opacity))
      }

      .text-emerald-100 {
        --tw-text-opacity: 1;
        color: rgb(209 250 229 / var(--tw-text-opacity))
      }

      .text-emerald-50 {
        --tw-text-opacity: 1;
        color: rgb(236 253 245 / var(--tw-text-opacity))
      }

      .text-emerald-500 {
        --tw-text-opacity: 1;
        color: rgb(16 185 129 / var(--tw-text-opacity))
      }

      .text-emerald-600 {
        --tw-text-opacity: 1;
        color: rgb(5 150 105 / var(--tw-text-opacity))
      }

      .text-fuchsia-800 {
        --tw-text-opacity: 1;
        color: rgb(134 25 143 / var(--tw-text-opacity))
      }

      .text-gray-100 {
        --tw-text-opacity: 1;
        color: rgb(243 244 246 / var(--tw-text-opacity))
      }

      .text-gray-200 {
        --tw-text-opacity: 1;
        color: rgb(229 231 235 / var(--tw-text-opacity))
      }

      .text-gray-300 {
        --tw-text-opacity: 1;
        color: rgb(209 213 219 / var(--tw-text-opacity))
      }

      .text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity))
      }

      .text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity))
      }

      .text-gray-800 {
        --tw-text-opacity: 1;
        color: rgb(31 41 55 / var(--tw-text-opacity))
      }

      .text-green-600 {
        --tw-text-opacity: 1;
        color: rgb(22 163 74 / var(--tw-text-opacity))
      }

      .text-green-700 {
        --tw-text-opacity: 1;
        color: rgb(21 128 61 / var(--tw-text-opacity))
      }

      .text-indigo-600 {
        --tw-text-opacity: 1;
        color: rgb(79 70 229 / var(--tw-text-opacity))
      }

      .text-inherit {
        color: inherit
      }

      .text-neutral-100 {
        --tw-text-opacity: 1;
        color: rgb(245 245 245 / var(--tw-text-opacity))
      }

      .text-pink-400 {
        --tw-text-opacity: 1;
        color: rgb(244 114 182 / var(--tw-text-opacity))
      }

      .text-pink-500 {
        --tw-text-opacity: 1;
        color: rgb(236 72 153 / var(--tw-text-opacity))
      }

      .text-red-500 {
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity))
      }

      .text-red-600 {
        --tw-text-opacity: 1;
        color: rgb(220 38 38 / var(--tw-text-opacity))
      }

      .text-rose-300 {
        --tw-text-opacity: 1;
        color: rgb(253 164 175 / var(--tw-text-opacity))
      }

      .text-rose-500 {
        --tw-text-opacity: 1;
        color: rgb(244 63 94 / var(--tw-text-opacity))
      }

      .text-rose-600 {
        --tw-text-opacity: 1;
        color: rgb(225 29 72 / var(--tw-text-opacity))
      }

      .text-rose-900 {
        --tw-text-opacity: 1;
        color: rgb(136 19 55 / var(--tw-text-opacity))
      }

      .text-sky-700 {
        --tw-text-opacity: 1;
        color: rgb(3 105 161 / var(--tw-text-opacity))
      }

      .text-slate-100 {
        --tw-text-opacity: 1;
        color: rgb(241 245 249 / var(--tw-text-opacity))
      }

      .text-slate-200 {
        --tw-text-opacity: 1;
        color: rgb(226 232 240 / var(--tw-text-opacity))
      }

      .text-slate-300 {
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity))
      }

      .text-slate-400 {
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity))
      }

      .text-slate-50 {
        --tw-text-opacity: 1;
        color: rgb(248 250 252 / var(--tw-text-opacity))
      }

      .text-slate-500 {
        --tw-text-opacity: 1;
        color: rgb(100 116 139 / var(--tw-text-opacity))
      }

      .text-slate-600 {
        --tw-text-opacity: 1;
        color: rgb(71 85 105 / var(--tw-text-opacity))
      }

      .text-slate-700 {
        --tw-text-opacity: 1;
        color: rgb(51 65 85 / var(--tw-text-opacity))
      }

      .text-slate-800 {
        --tw-text-opacity: 1;
        color: rgb(30 41 59 / var(--tw-text-opacity))
      }

      .text-slate-900 {
        --tw-text-opacity: 1;
        color: rgb(15 23 42 / var(--tw-text-opacity))
      }

      .text-slate-950 {
        --tw-text-opacity: 1;
        color: rgb(2 6 23 / var(--tw-text-opacity))
      }

      .text-transparent {
        color: transparent
      }

      .text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
      }

      .underline {
        text-decoration-line: underline
      }

      .line-through {
        text-decoration-line: line-through
      }

      .underline-offset-1 {
        text-underline-offset: 1px
      }

      .underline-offset-2 {
        text-underline-offset: 2px
      }

      .subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
      }

      .opacity-0 {
        opacity: 0
      }

      .opacity-100 {
        opacity: 1
      }

      .opacity-40 {
        opacity: .4
      }

      .opacity-50 {
        opacity: .5
      }

      .opacity-60 {
        opacity: .6
      }

      .opacity-70 {
        opacity: .7
      }

      .opacity-75 {
        opacity: .75
      }

      .opacity-80 {
        opacity: .8
      }

      .shadow {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);
        --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-md {
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
      }

      .ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
      }

      .\!ring-red-500 {
        --tw-ring-opacity: 1 !important;
        --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)) !important
      }

      .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
      }

      .blur-lg {
        --tw-blur: blur(16px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
      }

      .blur-md {
        --tw-blur: blur(12px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
      }

      .brightness-100 {
        --tw-brightness: brightness(1);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
      }

      .brightness-50 {
        --tw-brightness: brightness(.5);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
      }

      .filter {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
      }

      .backdrop-blur {
        --tw-backdrop-blur: blur(8px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
      }

      .backdrop-blur-3xl {
        --tw-backdrop-blur: blur(64px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
      }

      .backdrop-blur-\[2px\] {
        --tw-backdrop-blur: blur(2px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
      }

      .backdrop-blur-md {
        --tw-backdrop-blur: blur(12px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
      }

      .backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
      }

      .backdrop-filter {
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
      }

      .transition {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[background-color\,box-shadow\] {
        transition-property: background-color, box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[background-color\,outline\] {
        transition-property: background-color, outline;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[background-size_300ms\] {
        transition-property: background-size .3s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[background\] {
        transition-property: background;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[background_300ms\] {
        transition-property: background .3s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[colors\,box-shadow\] {
        transition-property: colors, box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[colors\,outline\] {
        transition-property: colors, outline;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[max-height\] {
        transition-property: max-height;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[min-height\] {
        transition-property: min-height;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[opacity_200ms\,visibility_200ms\] {
        transition-property: opacity .2s, visibility .2s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[stroke\] {
        transition-property: stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-\[width\] {
        transition-property: width;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-colors {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .transition-none {
        transition-property: none
      }

      .transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
      }

      .delay-500 {
        transition-delay: .5s
      }

      .duration-200 {
        transition-duration: .2s
      }

      .duration-300 {
        transition-duration: .3s
      }

      .duration-500 {
        transition-duration: .5s
      }

      .duration-\[250ms\] {
        transition-duration: .25s
      }

      .ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .will-change-auto {
        will-change: auto
      }

      .will-change-contents {
        will-change: contents
      }

      .scrollbar {
        scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
      }

      .scrollbar::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track);
        border-radius: var(--scrollbar-track-radius)
      }

      .scrollbar::-webkit-scrollbar-track:hover {
        background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
      }

      .scrollbar::-webkit-scrollbar-track:active {
        background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
      }

      .scrollbar::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
        border-radius: var(--scrollbar-thumb-radius)
      }

      .scrollbar::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
      }

      .scrollbar::-webkit-scrollbar-thumb:active {
        background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
      }

      .scrollbar::-webkit-scrollbar-corner {
        background-color: var(--scrollbar-corner);
        border-radius: var(--scrollbar-corner-radius)
      }

      .scrollbar::-webkit-scrollbar-corner:hover {
        background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
      }

      .scrollbar::-webkit-scrollbar-corner:active {
        background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
      }

      .scrollbar {
        scrollbar-width: auto
      }

      .scrollbar::-webkit-scrollbar {
        display: block;
        width: var(--scrollbar-width, 16px);
        height: var(--scrollbar-height, 16px)
      }

      .scrollbar-track-slate-400 {
        --scrollbar-track: #94a3b8 !important
      }

      .scrollbar-thumb-slate-600 {
        --scrollbar-thumb: #475569 !important
      }

      .scrollbar-track-rounded-lg {
        --scrollbar-track-radius: 8px
      }

      .scrollbar-thumb-rounded {
        --scrollbar-thumb-radius: 4px
      }

      .scrollbar-corner-rounded {
        --scrollbar-corner-radius: 4px
      }

      .scrollbar-w-1 {
        --scrollbar-width: 4px
      }

      .scrollbar-w-1\.5 {
        --scrollbar-width: 6px
      }

      .scrollbar-w-2 {
        --scrollbar-width: 8px
      }

      .scrollbar-h-1 {
        --scrollbar-height: 4px
      }

      @keyframes gradient-animation {
        0% {
          background-position: 0% 50%, 0% 50%
        }

        50% {
          background-position: 100% 50%, 100% 50%
        }

        to {
          background-position: 0% 50%, 0% 50%
        }
      }

      .gradient-animated {
        background-image: linear-gradient(to right, #c254ff, #49cdeb);
        background-size: 200% 200%;
        animation: gradient-animation 5s ease infinite
      }

      .brand-gradient {
        background-color: #3939db;
        background-image: radial-gradient(at 92% 8%, hsla(264, 50%, 16%, 1) 0px, transparent 50%), radial-gradient(at 21% 89%, hsla(251, 82%, 20%, 1) 0px, transparent 50%), radial-gradient(at 72% 46%, hsla(263, 74%, 30%, 1) 0px, transparent 50%), radial-gradient(at 90% 89%, hsla(264, 50%, 16%, 1) 0px, transparent 50%), radial-gradient(at 7% 14%, hsla(253, 72%, 34%, 1) 0px, transparent 50%)
      }

      .\[--dotloader-color\:_theme\(colors\.cornblue\.600\)\] {
        --dotloader-color: #4f54dc
      }

      .\[animation-delay\:-0\.037s\] {
        animation-delay: -37ms
      }

      .\[animation-delay\:-0\.074s\] {
        animation-delay: -74ms
      }

      .\[animation-delay\:-0\.113s\] {
        animation-delay: -.113s
      }

      .\[background-size\:1000px_100\%\] {
        background-size: 1000px 100%
      }

      .\[background-size\:400\%_400\%\] {
        background-size: 400% 400%
      }

      .\[background\:_conic-gradient\(currentColor_calc\(var\(--progress-value\)_\*_1\%\)\,_theme\(colors\.slate\.200\)_0deg\)\] {
        background: conic-gradient(currentColor calc(var(--progress-value) * 1%), #e2e8f0 0deg)
      }

      .\[border-style\:solid\] {
        border-style: solid
      }

      .\[overflow-wrap\:anywhere\] {
        overflow-wrap: anywhere
      }

      .\[perspective\:1px\] {
        perspective: 1px
      }

      .\[transition\:background-color_300ms_300ms\,border-color_300ms_200ms\,transform_200ms_800ms\,opacity_300ms_300ms\] {
        transition: background-color .3s .3s, border-color .3s .2s, transform .2s .8s, opacity .3s .3s
      }

      .\[transition\:opacity_300ms_500ms\,background-color_300ms\] {
        transition: opacity .3s .5s, background-color .3s
      }

      .merlinExt-horizontalDotloader {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: block;
        position: relative;
        left: 20%;
        box-sizing: border-box;
        animation: merlinExt-horizontalDotloaderKeyframes 2s linear infinite;
        -webkit-animation: merlinExt-horizontalDotloaderKeyframes 2s linear infinite
      }

      @keyframes merlinExt-horizontalDotloaderKeyframes {
        0% {
          box-shadow: 0 0 #fff0, 0 0 #fff0, 0 0 #fff0, 0 0 #fff0
        }

        12% {
          box-shadow: 100px 0 var(--dotloader-color), 0 0 #fff0, 0 0 #fff0, 0 0 #fff0
        }

        25% {
          box-shadow: 110px 0 var(--dotloader-color), 100px 0 var(--dotloader-color), 0 0 #fff0, 0 0 #fff0
        }

        36% {
          box-shadow: 120px 0 var(--dotloader-color), 110px 0 var(--dotloader-color), 100px 0 var(--dotloader-color), 0 0 #fff0
        }

        50% {
          box-shadow: 130px 0 var(--dotloader-color), 120px 0 var(--dotloader-color), 110px 0 var(--dotloader-color), 100px 0 var(--dotloader-color)
        }

        62% {
          box-shadow: 200px 0 #fff0, 130px 0 var(--dotloader-color), 120px 0 var(--dotloader-color), 110px 0 var(--dotloader-color)
        }

        75% {
          box-shadow: 200px 0 #fff0, 200px 0 #fff0, 130px 0 var(--dotloader-color), 120px 0 var(--dotloader-color)
        }

        87% {
          box-shadow: 200px 0 #fff0, 200px 0 #fff0, 200px 0 #fff0, 130px 0 var(--dotloader-color)
        }

        to {
          box-shadow: 200px 0 #fff0, 200px 0 #fff0, 200px 0 #fff0, 200px 0 #fff0
        }
      }

      .merlinExt-circular-loader {
        width: 32px;
        height: 32px;
        border: 4px solid #4f54dc;
        border-bottom-color: transparent;
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        animation: merlinExt-circular-loader-keyframes 1s linear infinite, fadeIn .5s ease-in forwards;
        -webkit-animation: merlinExt-circular-loader-keyframes 1s linear infinite, fadeIn .5s ease-in forwards
      }

      @keyframes merlinExt-circular-loader-keyframes {
        0% {
          transform: rotate(0);
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg)
        }

        to {
          transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg)
        }
      }

      @keyframes fadeIn {
        0% {
          opacity: 0
        }

        to {
          opacity: 1
        }
      }

      .merlinExt-circular-loader-small {
        width: 22px;
        height: 22px;
        border: 2px solid #fff;
        border-bottom-color: transparent;
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        animation: merlinExt-circular-loader-small-keyframes 1s linear infinite;
        -webkit-animation: merlinExt-circular-loader-small-keyframes 1s linear infinite
      }

      @keyframes merlinExt-circular-loader-small-keyframes {
        0% {
          transform: rotate(0)
        }

        to {
          transform: rotate(360deg)
        }
      }

      .merlinExt-circle-trailing-loader {
        border-radius: 50%;
        display: inline-block;
        border-top: 3px solid #fff;
        border-right: 3px solid transparent;
        box-sizing: border-box;
        animation: merlinExt-circle-trailing-loader-keyframes 1s linear infinite;
        -webkit-animation: merlinExt-circle-trailing-loader-keyframes 1s linear infinite
      }

      @keyframes merlinExt-circle-trailing-loader-keyframes {
        0% {
          transform: rotate(0);
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg)
        }

        to {
          transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg)
        }
      }

      #plasmo-shadow-container {
        all: initial;
        font-family: Hanken Grotesk, system-ui, -apple-system, BlinkMacSystemFont, Ubuntu, sans-serif !important;
        margin: 0;
        padding: 0;
        box-sizing: border-box
      }

      .reactAppRoot {
        font-family: Hanken Grotesk, system-ui, -apple-system, BlinkMacSystemFont, Ubuntu, sans-serif !important
      }

      .active-animation-doc {
        background-image: linear-gradient(90deg, silver 50%, transparent 50%), linear-gradient(90deg, silver 50%, transparent 50%), linear-gradient(0deg, silver 50%, transparent 50%), linear-gradient(0deg, silver 50%, transparent 50%);
        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
        background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
        background-position: left top, right bottom, left bottom, right top;
        animation: border-dance 1s infinite linear
      }

      @keyframes border-dance {
        0% {
          background-position: left top, right bottom, left bottom, right top
        }

        to {
          background-position: left 15px top, right 15px bottom, left bottom 15px, right top 15px
        }
      }

      .keen-slider:not([data-keen-slider-disabled]) {
        align-content: flex-start;
        display: flex;
        overflow: hidden;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
        width: 100%
      }

      .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
        position: relative;
        overflow: hidden;
        width: 100%;
        min-height: 100%
      }

      .keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
        flex-direction: row-reverse
      }

      .keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
        flex-wrap: wrap
      }

      .dot-flashing {
        position: relative;
        width: 3px;
        height: 3px;
        border-radius: 2px;
        background-color: #fff;
        color: #fff;
        animation: dot-flashing 1s infinite linear alternate;
        animation-delay: .5s
      }

      .dot-flashing:before,
      .dot-flashing:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0
      }

      .dot-flashing:before {
        left: -6px;
        width: 3px;
        height: 3px;
        border-radius: 2px;
        background-color: #fff;
        color: #fff;
        animation: dot-flashing 1s infinite alternate;
        animation-delay: 0s
      }

      .dot-flashing:after {
        left: 6px;
        width: 3px;
        height: 3px;
        border-radius: 2px;
        background-color: #fff;
        color: #fff;
        animation: dot-flashing 1s infinite alternate;
        animation-delay: 1s
      }

      .breathing {
        animation: breathing 2s ease-out infinite normal
      }

      @keyframes breathing {
        0% {
          transform: scale(1);
          opacity: 1
        }

        50% {
          transform: scale(1.1);
          opacity: .7
        }

        to {
          transform: scale(1);
          opacity: 1
        }
      }

      @keyframes dot-flashing {
        0% {
          background-color: #fff
        }

        50%,
        to {
          background-color: #9880ff33
        }
      }

      .placeholder\:res-small-text::-moz-placeholder {
        font-size: 14px;
        line-height: 20px
      }

      .placeholder\:res-small-text::placeholder {
        font-size: 14px;
        line-height: 20px
      }

      @media (min-width: 2560px) {
        .placeholder\:res-small-text::-moz-placeholder {
          font-size: 16px;
          line-height: 24px
        }

        .placeholder\:res-small-text::placeholder {
          font-size: 16px;
          line-height: 24px
        }
      }

      .focus-within\:focus-ring:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(136 155 241 / var(--tw-ring-opacity));
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .2s
      }

      .focus-within\:focus-ring:focus-within:focus-visible {
        outline: 2px solid transparent;
        outline-offset: 2px
      }

      :is(.dark .focus-within\:focus-ring:focus-within) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(100 115 232 / var(--tw-ring-opacity))
      }

      .group\/content:hover .group-hover\/content\:c-show,
      .group\/disable:hover .group-hover\/disable\:c-show,
      .group\/language-dropdown:hover .group-hover\/language-dropdown\:c-show,
      .group\/support:hover .group-hover\/support\:c-show,
      .group\/wrapper:hover .group-hover\/wrapper\:c-show,
      .group:hover .group-hover\:c-show {
        pointer-events: auto;
        visibility: visible;
        opacity: 1
      }

      .focus-visible\:focus-ring:focus-visible {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(136 155 241 / var(--tw-ring-opacity));
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .2s
      }

      .focus-visible\:focus-ring:focus-visible:focus-visible {
        outline: 2px solid transparent;
        outline-offset: 2px
      }

      :is(.dark .focus-visible\:focus-ring:focus-visible) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(100 115 232 / var(--tw-ring-opacity))
      }

      :is(.dark .dark\:merlinExt-skeleton-loading-animate-dark) {
        background: linear-gradient(to right, #334155 4%, #0f172a 25%, #334155 36%);
        background-size: 1000px 100%;
        animation: merlinExt-skeleton-loading-animate-keyframes 1.5s infinite linear;
        -webkit-animation: merlinExt-skeleton-loading-animate-keyframes 1.5s infinite linear
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark) {
        scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark)::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track);
        border-radius: var(--scrollbar-track-radius)
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark)::-webkit-scrollbar-track:hover {
        background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark)::-webkit-scrollbar-track:active {
        background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark)::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
        border-radius: var(--scrollbar-thumb-radius)
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark)::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark)::-webkit-scrollbar-thumb:active {
        background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark)::-webkit-scrollbar-corner {
        background-color: var(--scrollbar-corner);
        border-radius: var(--scrollbar-corner-radius)
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark)::-webkit-scrollbar-corner:hover {
        background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark)::-webkit-scrollbar-corner:active {
        background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark) {
        scrollbar-width: auto
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark)::-webkit-scrollbar {
        display: block;
        width: var(--scrollbar-width, 16px);
        height: var(--scrollbar-height, 16px)
      }

      :is(.dark .dark\:merlinExt-custom-scrollbar-dark) {
        --scrollbar-track: #1e293b;
        --scrollbar-thumb: #64748b;
        --scrollbar-track-radius: 8px;
        --scrollbar-thumb-radius: 8px;
        --scrollbar-corner-radius: 8px;
        --scrollbar-width: 6px;
        --scrollbar-thumb-hover: #475569
      }

      .marker\:mr-4 *::marker {
        margin-right: 16px
      }

      .marker\:mr-4::marker {
        margin-right: 16px
      }

      .placeholder\:max-w-\[90\%\]::-moz-placeholder {
        max-width: 90%
      }

      .placeholder\:max-w-\[90\%\]::placeholder {
        max-width: 90%
      }

      .placeholder\:truncate::-moz-placeholder {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
      }

      .placeholder\:truncate::placeholder {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
      }

      .placeholder\:text-slate-400::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity))
      }

      .placeholder\:text-slate-400::placeholder {
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity))
      }

      .placeholder\:text-slate-600::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(71 85 105 / var(--tw-text-opacity))
      }

      .placeholder\:text-slate-600::placeholder {
        --tw-text-opacity: 1;
        color: rgb(71 85 105 / var(--tw-text-opacity))
      }

      .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
      }

      .before\:inset-0:before {
        content: var(--tw-content);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
      }

      .before\:z-10:before {
        content: var(--tw-content);
        z-index: 10
      }

      .before\:inline-block:before {
        content: var(--tw-content);
        display: inline-block
      }

      .before\:h-7:before {
        content: var(--tw-content);
        height: 28px
      }

      .before\:w-1:before {
        content: var(--tw-content);
        width: 4px
      }

      .before\:w-7:before {
        content: var(--tw-content);
        width: 28px
      }

      .before\:-translate-x-full:before {
        content: var(--tw-content);
        --tw-translate-x: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      @keyframes shimmer {
        to {
          content: var(--tw-content);
          transform: translate(100%)
        }
      }

      .before\:animate-\[shimmer_1\.5s_infinite\]:before {
        content: var(--tw-content);
        animation: shimmer 1.5s infinite
      }

      .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 9999px
      }

      .before\:bg-slate-50:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity))
      }

      .before\:bg-gradient-to-r:before {
        content: var(--tw-content);
        background-image: linear-gradient(to right, var(--tw-gradient-stops))
      }

      .before\:from-transparent:before {
        content: var(--tw-content);
        --tw-gradient-from: transparent var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .before\:via-slate-400\/20:before {
        content: var(--tw-content);
        --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), rgb(148 163 184 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)
      }

      .before\:to-transparent:before {
        content: var(--tw-content);
        --tw-gradient-to: transparent var(--tw-gradient-to-position)
      }

      .before\:opacity-100:before {
        content: var(--tw-content);
        opacity: 1
      }

      .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
      }

      .first\:rounded-l-md:first-child {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
      }

      .first\:rounded-t-md:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
      }

      .first\:border-b:first-child {
        border-bottom-width: 1px
      }

      .first\:border-b-slate-200:first-child {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity))
      }

      .first\:border-b-slate-400:first-child {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(148 163 184 / var(--tw-border-opacity))
      }

      .last\:\!m-0:last-child {
        margin: 0 !important
      }

      .last\:\!rounded-b-md:last-child {
        border-bottom-right-radius: 6px !important;
        border-bottom-left-radius: 6px !important
      }

      .last\:rounded-b-md:last-child {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
      }

      .last\:rounded-r-md:last-child {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
      }

      .last\:\!border-b-2:last-child {
        border-bottom-width: 2px !important
      }

      .only\:rounded-md:only-child {
        border-radius: 6px
      }

      .group:hover .group-hover\:pointer-events-auto {
        pointer-events: auto
      }

      .group\/amazon:hover .group-hover\/amazon\:visible,
      .group:hover .group-hover\:visible {
        visibility: visible
      }

      .group\/tooltip:hover .group-hover\/tooltip\:block {
        display: block
      }

      .group:hover .group-hover\:w-\[90\%\] {
        width: 90%
      }

      .group:hover .group-hover\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .group:hover .group-hover\:-translate-y-full {
        --tw-translate-y: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .group:hover .group-hover\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .group:hover .group-hover\:translate-y-full {
        --tw-translate-y: 100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .group:hover .group-hover\:bg-slate-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(148 163 184 / var(--tw-bg-opacity))
      }

      .group:hover .group-hover\:bg-slate-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity))
      }

      .group:hover .group-hover\:stroke-slate-100 {
        stroke: #f1f5f9
      }

      .group\/merlinCTA:hover .group-hover\/merlinCTA\:opacity-0 {
        opacity: 0
      }

      .group\/merlinCTA:hover .group-hover\/merlinCTA\:opacity-100 {
        opacity: 1
      }

      .group\/outerdiv:hover .group-hover\/outerdiv\:opacity-0 {
        opacity: 0
      }

      .group\/tooltip:hover .group-hover\/tooltip\:opacity-100 {
        opacity: 1
      }

      .group:hover .group-hover\:opacity-0 {
        opacity: 0
      }

      .group:hover .group-hover\:opacity-100 {
        opacity: 1
      }

      .group:hover .group-hover\:delay-300 {
        transition-delay: .3s
      }

      .group:hover .group-hover\:will-change-transform {
        will-change: transform
      }

      .group\/btn:disabled .group-disabled\/btn\:opacity-50 {
        opacity: .5
      }

      .hover\:-translate-x-full:hover {
        --tw-translate-x: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
      }

      .hover\:border-cornblue-600:hover {
        --tw-border-opacity: 1;
        border-color: rgb(79 84 220 / var(--tw-border-opacity))
      }

      .hover\:border-emerald-600:hover {
        --tw-border-opacity: 1;
        border-color: rgb(5 150 105 / var(--tw-border-opacity))
      }

      .hover\:border-slate-400:hover {
        --tw-border-opacity: 1;
        border-color: rgb(148 163 184 / var(--tw-border-opacity))
      }

      .hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
      }

      .hover\:\!bg-slate-400:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(148 163 184 / var(--tw-bg-opacity)) !important
      }

      .hover\:\!bg-slate-400\/30:hover {
        background-color: #94a3b84d !important
      }

      .hover\:bg-\[\#F5F3FF\]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(245 243 255 / var(--tw-bg-opacity))
      }

      .hover\:bg-blue-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(29 78 216 / var(--tw-bg-opacity))
      }

      .hover\:bg-cornblue-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(226 234 253 / var(--tw-bg-opacity))
      }

      .hover\:bg-cornblue-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(202 217 251 / var(--tw-bg-opacity))
      }

      .hover\:bg-cornblue-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(170 190 247 / var(--tw-bg-opacity))
      }

      .hover\:bg-cornblue-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(100 115 232 / var(--tw-bg-opacity))
      }

      .hover\:bg-cornblue-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(79 84 220 / var(--tw-bg-opacity))
      }

      .hover\:bg-cornblue-600\/10:hover {
        background-color: #4f54dc1a
      }

      .hover\:bg-cornblue-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(64 66 194 / var(--tw-bg-opacity))
      }

      .hover\:bg-cornblue-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(54 57 157 / var(--tw-bg-opacity))
      }

      .hover\:bg-emerald-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(5 150 105 / var(--tw-bg-opacity))
      }

      .hover\:bg-emerald-600\/30:hover {
        background-color: #0596694d
      }

      .hover\:bg-emerald-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(4 120 87 / var(--tw-bg-opacity))
      }

      .hover\:bg-gray-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246 / var(--tw-bg-opacity))
      }

      .hover\:bg-slate-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(226 232 240 / var(--tw-bg-opacity))
      }

      .hover\:bg-slate-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(203 213 225 / var(--tw-bg-opacity))
      }

      .hover\:bg-slate-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(148 163 184 / var(--tw-bg-opacity))
      }

      .hover\:bg-slate-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity))
      }

      .hover\:bg-slate-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(51 65 85 / var(--tw-bg-opacity))
      }

      .hover\:bg-slate-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity))
      }

      .hover\:bg-transparent:hover {
        background-color: transparent
      }

      .hover\:bg-violet-400:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(167 139 250 / var(--tw-bg-opacity))
      }

      .hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
      }

      .hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
      }

      .hover\:bg-opacity-50:hover {
        --tw-bg-opacity: .5
      }

      .hover\:bg-btn-gradient:hover {
        background-image: linear-gradient(45deg, #facc15, #db2777, #7e22ce, #5b21b6)
      }

      .hover\:bg-left-top:hover {
        background-position: left top
      }

      .hover\:bg-right-bottom:hover {
        background-position: right bottom
      }

      .hover\:text-cornblue-200:hover {
        --tw-text-opacity: 1;
        color: rgb(202 217 251 / var(--tw-text-opacity))
      }

      .hover\:text-cornblue-500:hover {
        --tw-text-opacity: 1;
        color: rgb(100 115 232 / var(--tw-text-opacity))
      }

      .hover\:text-cornblue-600:hover {
        --tw-text-opacity: 1;
        color: rgb(79 84 220 / var(--tw-text-opacity))
      }

      .hover\:text-cornblue-700:hover {
        --tw-text-opacity: 1;
        color: rgb(64 66 194 / var(--tw-text-opacity))
      }

      .hover\:text-emerald-50:hover {
        --tw-text-opacity: 1;
        color: rgb(236 253 245 / var(--tw-text-opacity))
      }

      .hover\:text-slate-200:hover {
        --tw-text-opacity: 1;
        color: rgb(226 232 240 / var(--tw-text-opacity))
      }

      .hover\:text-slate-300:hover {
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity))
      }

      .hover\:text-slate-800:hover {
        --tw-text-opacity: 1;
        color: rgb(30 41 59 / var(--tw-text-opacity))
      }

      .hover\:underline:hover {
        text-decoration-line: underline
      }

      .hover\:opacity-100:hover {
        opacity: 1
      }

      .hover\:scrollbar-thumb-slate-700 {
        --scrollbar-thumb-hover: #334155 !important
      }

      .hover\:\[transition\:background-color_300ms_300ms\,border-color_300ms_200ms\,transform_350ms_100ms\,opacity_300ms_300ms\]:hover {
        transition: background-color .3s .3s, border-color .3s .2s, transform .35s .1s, opacity .3s .3s
      }

      .focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
      }

      .focus-visible\:outline-none:focus-visible {
        outline: 2px solid transparent;
        outline-offset: 2px
      }

      .focus-visible\:outline-2:focus-visible {
        outline-width: 2px
      }

      .focus-visible\:outline-offset-0:focus-visible {
        outline-offset: 0px
      }

      .focus-visible\:outline-cornblue-400:focus-visible {
        outline-color: #889bf1
      }

      .focus-visible\:ring:focus-visible {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
      }

      .focus-visible\:ring-cornblue-400:focus-visible {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(136 155 241 / var(--tw-ring-opacity))
      }

      .focus-visible\:ring-cornblue-800:focus-visible {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(54 57 157 / var(--tw-ring-opacity))
      }

      .active\:border-cornblue-700:active {
        --tw-border-opacity: 1;
        border-color: rgb(64 66 194 / var(--tw-border-opacity))
      }

      .active\:bg-slate-300:active {
        --tw-bg-opacity: 1;
        background-color: rgb(203 213 225 / var(--tw-bg-opacity))
      }

      .enabled\:hover\:bg-cornblue-300:hover:enabled {
        --tw-bg-opacity: 1;
        background-color: rgb(170 190 247 / var(--tw-bg-opacity))
      }

      .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
      }

      .disabled\:border-cornblue-200:disabled {
        --tw-border-opacity: 1;
        border-color: rgb(202 217 251 / var(--tw-border-opacity))
      }

      .disabled\:bg-cornblue-200:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(202 217 251 / var(--tw-bg-opacity))
      }

      .disabled\:bg-slate-50:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity))
      }

      .disabled\:text-cornblue-200:disabled {
        --tw-text-opacity: 1;
        color: rgb(202 217 251 / var(--tw-text-opacity))
      }

      .disabled\:text-cornblue-400:disabled {
        --tw-text-opacity: 1;
        color: rgb(136 155 241 / var(--tw-text-opacity))
      }

      .disabled\:text-slate-400:disabled {
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity))
      }

      .disabled\:opacity-50:disabled {
        opacity: .5
      }

      .disabled\:hover\:bg-slate-50:hover:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:divide-slate-700)>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(51 65 85 / var(--tw-divide-opacity))
      }

      :is(.dark .dark\:border) {
        border-width: 1px
      }

      :is(.dark .dark\:border-amber-500) {
        --tw-border-opacity: 1;
        border-color: rgb(245 158 11 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-amber-600) {
        --tw-border-opacity: 1;
        border-color: rgb(217 119 6 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-cornblue-100) {
        --tw-border-opacity: 1;
        border-color: rgb(226 234 253 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-cornblue-400) {
        --tw-border-opacity: 1;
        border-color: rgb(136 155 241 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-cornblue-500) {
        --tw-border-opacity: 1;
        border-color: rgb(100 115 232 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-cornblue-600) {
        --tw-border-opacity: 1;
        border-color: rgb(79 84 220 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-cornblue-700) {
        --tw-border-opacity: 1;
        border-color: rgb(64 66 194 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-gray-700) {
        --tw-border-opacity: 1;
        border-color: rgb(55 65 81 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-red-400) {
        --tw-border-opacity: 1;
        border-color: rgb(248 113 113 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-red-500) {
        --tw-border-opacity: 1;
        border-color: rgb(239 68 68 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-red-600) {
        --tw-border-opacity: 1;
        border-color: rgb(220 38 38 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-rose-600) {
        --tw-border-opacity: 1;
        border-color: rgb(225 29 72 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-rose-700) {
        --tw-border-opacity: 1;
        border-color: rgb(190 18 60 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-sky-600) {
        --tw-border-opacity: 1;
        border-color: rgb(2 132 199 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-slate-300) {
        --tw-border-opacity: 1;
        border-color: rgb(203 213 225 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-slate-500) {
        --tw-border-opacity: 1;
        border-color: rgb(100 116 139 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-slate-500\/30) {
        border-color: #64748b4d
      }

      :is(.dark .dark\:border-slate-600) {
        --tw-border-opacity: 1;
        border-color: rgb(71 85 105 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-slate-700) {
        --tw-border-opacity: 1;
        border-color: rgb(51 65 85 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-slate-700\/50) {
        border-color: #33415580
      }

      :is(.dark .dark\:border-slate-800) {
        --tw-border-opacity: 1;
        border-color: rgb(30 41 59 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-violet-700) {
        --tw-border-opacity: 1;
        border-color: rgb(109 40 217 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-white) {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-yellow-600) {
        --tw-border-opacity: 1;
        border-color: rgb(202 138 4 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-b-slate-700) {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(51 65 85 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-b-slate-800) {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(30 41 59 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-l-slate-700) {
        --tw-border-opacity: 1;
        border-left-color: rgb(51 65 85 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-r-slate-700) {
        --tw-border-opacity: 1;
        border-right-color: rgb(51 65 85 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:border-t-slate-700) {
        --tw-border-opacity: 1;
        border-top-color: rgb(51 65 85 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:\!bg-cornblue-800) {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(54 57 157 / var(--tw-bg-opacity)) !important
      }

      :is(.dark .dark\:\!bg-slate-900) {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(15 23 42 / var(--tw-bg-opacity)) !important
      }

      :is(.dark .dark\:bg-\[\#212121\]) {
        --tw-bg-opacity: 1;
        background-color: rgb(33 33 33 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-amber-700\/30) {
        background-color: #b453094d
      }

      :is(.dark .dark\:bg-black) {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-cornblue-600) {
        --tw-bg-opacity: 1;
        background-color: rgb(79 84 220 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-cornblue-700) {
        --tw-bg-opacity: 1;
        background-color: rgb(64 66 194 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-cornblue-800) {
        --tw-bg-opacity: 1;
        background-color: rgb(54 57 157 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-cornblue-900) {
        --tw-bg-opacity: 1;
        background-color: rgb(44 50 139 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-emerald-600) {
        --tw-bg-opacity: 1;
        background-color: rgb(5 150 105 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-gray-700) {
        --tw-bg-opacity: 1;
        background-color: rgb(55 65 81 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-gray-800) {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-inherit) {
        background-color: inherit
      }

      :is(.dark .dark\:bg-neutral-700) {
        --tw-bg-opacity: 1;
        background-color: rgb(64 64 64 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-red-500) {
        --tw-bg-opacity: 1;
        background-color: rgb(239 68 68 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-red-800\/80) {
        background-color: #991b1bcc
      }

      :is(.dark .dark\:bg-rose-200) {
        --tw-bg-opacity: 1;
        background-color: rgb(254 205 211 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-rose-900) {
        --tw-bg-opacity: 1;
        background-color: rgb(136 19 55 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-slate-50) {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-slate-600) {
        --tw-bg-opacity: 1;
        background-color: rgb(71 85 105 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-slate-700) {
        --tw-bg-opacity: 1;
        background-color: rgb(51 65 85 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-slate-700\/30) {
        background-color: #3341554d
      }

      :is(.dark .dark\:bg-slate-800) {
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-slate-800\/50) {
        background-color: #1e293b80
      }

      :is(.dark .dark\:bg-slate-800\/60) {
        background-color: #1e293b99
      }

      :is(.dark .dark\:bg-slate-900) {
        --tw-bg-opacity: 1;
        background-color: rgb(15 23 42 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-slate-900\/30) {
        background-color: #0f172a4d
      }

      :is(.dark .dark\:bg-transparent) {
        background-color: transparent
      }

      :is(.dark .dark\:bg-yellow-600) {
        --tw-bg-opacity: 1;
        background-color: rgb(202 138 4 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:bg-opacity-30) {
        --tw-bg-opacity: .3
      }

      :is(.dark .dark\:bg-opacity-40) {
        --tw-bg-opacity: .4
      }

      :is(.dark .dark\:bg-gradient-to-b) {
        background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
      }

      :is(.dark .dark\:bg-infoBanner-gradient-dark) {
        background-image: radial-gradient(50% 3938.28% at 50% 50%, #29059B 0%, #1A195F 48.23%, #0F172A 100%)
      }

      :is(.dark .dark\:from-slate-700) {
        --tw-gradient-from: #334155 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      :is(.dark .dark\:from-slate-900) {
        --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      :is(.dark .dark\:via-slate-800) {
        --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to)
      }

      :is(.dark .dark\:to-gray-900) {
        --tw-gradient-to: #111827 var(--tw-gradient-to-position)
      }

      :is(.dark .dark\:to-slate-900) {
        --tw-gradient-to: #0f172a var(--tw-gradient-to-position)
      }

      :is(.dark .dark\:stroke-current) {
        stroke: currentColor
      }

      :is(.dark .dark\:stroke-white) {
        stroke: #fff
      }

      :is(.dark .dark\:\!text-slate-100) {
        --tw-text-opacity: 1 !important;
        color: rgb(241 245 249 / var(--tw-text-opacity)) !important
      }

      :is(.dark .dark\:\!text-slate-500) {
        --tw-text-opacity: 1 !important;
        color: rgb(100 116 139 / var(--tw-text-opacity)) !important
      }

      :is(.dark .dark\:text-amber-200) {
        --tw-text-opacity: 1;
        color: rgb(253 230 138 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-amber-400) {
        --tw-text-opacity: 1;
        color: rgb(251 191 36 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-amber-500) {
        --tw-text-opacity: 1;
        color: rgb(245 158 11 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-blue-400) {
        --tw-text-opacity: 1;
        color: rgb(96 165 250 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-cornblue-100) {
        --tw-text-opacity: 1;
        color: rgb(226 234 253 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-cornblue-200) {
        --tw-text-opacity: 1;
        color: rgb(202 217 251 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-cornblue-300) {
        --tw-text-opacity: 1;
        color: rgb(170 190 247 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-cornblue-400) {
        --tw-text-opacity: 1;
        color: rgb(136 155 241 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-cornblue-600) {
        --tw-text-opacity: 1;
        color: rgb(79 84 220 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-gray-100) {
        --tw-text-opacity: 1;
        color: rgb(243 244 246 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-gray-200) {
        --tw-text-opacity: 1;
        color: rgb(229 231 235 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-gray-300) {
        --tw-text-opacity: 1;
        color: rgb(209 213 219 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-gray-400) {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-gray-600) {
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-green-500) {
        --tw-text-opacity: 1;
        color: rgb(34 197 94 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-red-300) {
        --tw-text-opacity: 1;
        color: rgb(252 165 165 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-red-400) {
        --tw-text-opacity: 1;
        color: rgb(248 113 113 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-rose-100) {
        --tw-text-opacity: 1;
        color: rgb(255 228 230 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-rose-200) {
        --tw-text-opacity: 1;
        color: rgb(254 205 211 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-sky-200) {
        --tw-text-opacity: 1;
        color: rgb(186 230 253 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-slate-100) {
        --tw-text-opacity: 1;
        color: rgb(241 245 249 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-slate-200) {
        --tw-text-opacity: 1;
        color: rgb(226 232 240 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-slate-300) {
        --tw-text-opacity: 1;
        color: rgb(203 213 225 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-slate-400) {
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-slate-50) {
        --tw-text-opacity: 1;
        color: rgb(248 250 252 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-slate-600) {
        --tw-text-opacity: 1;
        color: rgb(71 85 105 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-slate-700) {
        --tw-text-opacity: 1;
        color: rgb(51 65 85 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-slate-900) {
        --tw-text-opacity: 1;
        color: rgb(15 23 42 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:text-white) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:opacity-60) {
        opacity: .6
      }

      :is(.dark .dark\:shadow-red-200\/\[\.7\]) {
        --tw-shadow-color: rgb(254 202 202 / .7);
        --tw-shadow: var(--tw-shadow-colored)
      }

      :is(.dark .dark\:shadow-slate-700\/\[\.7\]) {
        --tw-shadow-color: rgb(51 65 85 / .7);
        --tw-shadow: var(--tw-shadow-colored)
      }

      :is(.dark .dark\:\!ring-red-400) {
        --tw-ring-opacity: 1 !important;
        --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity)) !important
      }

      :is(.dark .dark\:\[background\:_conic-gradient\(currentColor_calc\(var\(--progress-value\)_\*_1\%\)\,_theme\(colors\.slate\.700\)_0deg\)\]) {
        background: conic-gradient(currentColor calc(var(--progress-value) * 1%), #334155 0deg)
      }

      :is(.dark .dark\:placeholder\:text-slate-400)::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:placeholder\:text-slate-400)::placeholder {
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity))
      }

      :is(.dark .before\:dark\:bg-slate-800):before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:before\:bg-slate-800):before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:first\:border-b-gray-100:first-child) {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(243 244 246 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:first\:border-b-slate-400:first-child) {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(148 163 184 / var(--tw-border-opacity))
      }

      :is(.dark .group:hover .dark\:group-hover\:bg-slate-800) {
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:hover\:border-cornblue-700:hover) {
        --tw-border-opacity: 1;
        border-color: rgb(64 66 194 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:hover\:border-slate-800:hover) {
        --tw-border-opacity: 1;
        border-color: rgb(30 41 59 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:hover\:\!bg-slate-500:hover) {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(100 116 139 / var(--tw-bg-opacity)) !important
      }

      :is(.dark .dark\:hover\:bg-cornblue-300\/50:hover) {
        background-color: #aabef780
      }

      :is(.dark .dark\:hover\:bg-cornblue-500:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(100 115 232 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:hover\:bg-cornblue-600\/30:hover) {
        background-color: #4f54dc4d
      }

      :is(.dark .dark\:hover\:bg-cornblue-700:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(64 66 194 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:hover\:bg-cornblue-800:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(54 57 157 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:hover\:bg-gray-800:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:hover\:bg-slate-500:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(100 116 139 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:hover\:bg-slate-500\/30:hover) {
        background-color: #64748b4d
      }

      :is(.dark .dark\:hover\:bg-slate-700:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(51 65 85 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:hover\:bg-slate-800:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:hover\:bg-slate-800\/50:hover) {
        background-color: #1e293b80
      }

      :is(.dark .dark\:hover\:bg-slate-900:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(15 23 42 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:hover\:bg-transparent:hover) {
        background-color: transparent
      }

      :is(.dark .dark\:hover\:bg-violet-700:hover) {
        --tw-bg-opacity: 1;
        background-color: rgb(109 40 217 / var(--tw-bg-opacity))
      }

      :is(.dark .hover\:dark\:bg-cornblue-700):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(64 66 194 / var(--tw-bg-opacity))
      }

      :is(.dark .hover\:dark\:bg-emerald-700):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(4 120 87 / var(--tw-bg-opacity))
      }

      :is(.dark .hover\:dark\:bg-slate-600):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(71 85 105 / var(--tw-bg-opacity))
      }

      :is(.dark .hover\:dark\:bg-slate-700):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(51 65 85 / var(--tw-bg-opacity))
      }

      :is(.dark .hover\:dark\:bg-slate-800):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity))
      }

      :is(.dark .hover\:dark\:bg-slate-900):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(15 23 42 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:hover\:bg-opacity-40:hover) {
        --tw-bg-opacity: .4
      }

      :is(.dark .dark\:hover\:bg-opacity-50:hover) {
        --tw-bg-opacity: .5
      }

      :is(.dark .dark\:hover\:\!text-slate-100:hover) {
        --tw-text-opacity: 1 !important;
        color: rgb(241 245 249 / var(--tw-text-opacity)) !important
      }

      :is(.dark .dark\:hover\:text-blue-300:hover) {
        --tw-text-opacity: 1;
        color: rgb(147 197 253 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:hover\:text-slate-100:hover) {
        --tw-text-opacity: 1;
        color: rgb(241 245 249 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:hover\:opacity-100:hover) {
        opacity: 1
      }

      :is(.dark .dark\:focus-visible\:text-cornblue-300:focus-visible) {
        --tw-text-opacity: 1;
        color: rgb(170 190 247 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:focus-visible\:outline-cornblue-500:focus-visible) {
        outline-color: #6473e8
      }

      :is(.dark .dark\:focus-visible\:ring-cornblue-500:focus-visible) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(100 115 232 / var(--tw-ring-opacity))
      }

      :is(.dark .dark\:active\:bg-cornblue-300\/30:active) {
        background-color: #aabef74d
      }

      :is(.dark .dark\:active\:bg-slate-800:active) {
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:active\:text-cornblue-100:active) {
        --tw-text-opacity: 1;
        color: rgb(226 234 253 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:enabled\:hover\:bg-slate-700:hover:enabled) {
        --tw-bg-opacity: 1;
        background-color: rgb(51 65 85 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:disabled\:border-cornblue-800:disabled) {
        --tw-border-opacity: 1;
        border-color: rgb(54 57 157 / var(--tw-border-opacity))
      }

      :is(.dark .dark\:disabled\:bg-cornblue-800:disabled) {
        --tw-bg-opacity: 1;
        background-color: rgb(54 57 157 / var(--tw-bg-opacity))
      }

      :is(.dark .disabled\:dark\:bg-slate-800):disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity))
      }

      :is(.dark .dark\:disabled\:text-cornblue-600:disabled) {
        --tw-text-opacity: 1;
        color: rgb(79 84 220 / var(--tw-text-opacity))
      }

      :is(.dark .dark\:disabled\:text-cornblue-800:disabled) {
        --tw-text-opacity: 1;
        color: rgb(54 57 157 / var(--tw-text-opacity))
      }

      :is(.dark .disabled\:dark\:text-slate-500):disabled {
        --tw-text-opacity: 1;
        color: rgb(100 116 139 / var(--tw-text-opacity))
      }

      :is(.dark .disabled\:dark\:hover\:bg-slate-900:hover):disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(15 23 42 / var(--tw-bg-opacity))
      }

      @media (min-width: 2560px) {
        .\33xl\:h-5 {
          height: 20px
        }

        .\33xl\:h-7 {
          height: 28px
        }

        .\33xl\:w-5 {
          width: 20px
        }

        .\33xl\:w-7 {
          width: 28px
        }
      }

      @media print {
        .print\:hidden {
          display: none
        }
      }

      :host(#merlin-context-btn) {}

      .reactAppRoot {
        all: initial;
        /* 1st rule so subsequent properties are reset. */
        position: fixed;
        top: 0;
        right: 0;
        z-index: 2147483600;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      

      .dark {
        .hljs {
          color: #abb2bf;
          background: #282c34
        }

        .hljs-comment,
        .hljs-quote {
          color: #5c6370;
          font-style: italic
        }

        .hljs-doctag,
        .hljs-keyword,
        .hljs-formula {
          color: #c678dd
        }

        .hljs-section,
        .hljs-name,
        .hljs-selector-tag,
        .hljs-deletion,
        .hljs-subst {
          color: #e06c75
        }

        .hljs-literal {
          color: #56b6c2
        }

        .hljs-string,
        .hljs-regexp,
        .hljs-addition,
        .hljs-attribute,
        .hljs-meta .hljs-string {
          color: #98c379
        }

        .hljs-attr,
        .hljs-variable,
        .hljs-template-variable,
        .hljs-type,
        .hljs-selector-class,
        .hljs-selector-attr,
        .hljs-selector-pseudo,
        .hljs-number {
          color: #d19a66
        }

        .hljs-symbol,
        .hljs-bullet,
        .hljs-link,
        .hljs-meta,
        .hljs-selector-id,
        .hljs-title {
          color: #61aeee
        }

        .hljs-built_in,
        .hljs-title.class_,
        .hljs-class .hljs-title {
          color: #e6c07b
        }

        .hljs-emphasis {
          font-style: italic
        }

        .hljs-strong {
          font-weight: 700
        }

        .hljs-link {
          text-decoration: underline
        }

      }

      .hljs {
        color: #383a42;
        background: #fafafa
      }

      .hljs-comment,
      .hljs-quote {
        color: #a0a1a7;
        font-style: italic
      }

      .hljs-doctag,
      .hljs-keyword,
      .hljs-formula {
        color: #a626a4
      }

      .hljs-section,
      .hljs-name,
      .hljs-selector-tag,
      .hljs-deletion,
      .hljs-subst {
        color: #e45649
      }

      .hljs-literal {
        color: #0184bb
      }

      .hljs-string,
      .hljs-regexp,
      .hljs-addition,
      .hljs-attribute,
      .hljs-meta .hljs-string {
        color: #50a14f
      }

      .hljs-attr,
      .hljs-variable,
      .hljs-template-variable,
      .hljs-type,
      .hljs-selector-class,
      .hljs-selector-attr,
      .hljs-selector-pseudo,
      .hljs-number {
        color: #986801
      }

      .hljs-symbol,
      .hljs-bullet,
      .hljs-link,
      .hljs-meta,
      .hljs-selector-id,
      .hljs-title {
        color: #4078f2
      }

      .hljs-built_in,
      .hljs-title.class_,
      .hljs-class .hljs-title {
        color: #c18401
      }

      .hljs-emphasis {
        font-style: italic
      }

      .hljs-strong {
        font-weight: 700
      }

      .hljs-link {
        text-decoration: underline
      }